:root{
  --navy-950:#07111b;--navy-900:#0b1724;--navy-800:#102439;--navy-700:#183753;
  --orange:#f47a2a;--orange-dark:#d65c11;--orange-soft:#fff0e6;
  --steel:#82909d;--steel-light:#e8edf1;--ink:#182433;--muted:#6d7b89;
  --line:#dfe6eb;--bg:#f3f6f8;--white:#fff;--green:#168660;--green-soft:#e5f5ef;
  --red:#c94747;--red-soft:#fdeced;--blue:#3478ba;--blue-soft:#e7f1fb;
  --shadow:0 12px 34px rgba(9,29,48,.08);--shadow-lg:0 24px 80px rgba(3,17,30,.2);
  --radius:15px
}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.55;overflow-x:hidden}
body.auth-pending{background:var(--navy-950)}
body.auth-pending .app-shell,body.auth-pending .pilot-ribbon,body.auth-pending .mobile-nav{display:none!important}
.auth-gate{position:fixed;inset:0;z-index:500;background:#eef2f5;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);direction:ltr}
.auth-gate[hidden]{display:none}.auth-visual{background:linear-gradient(145deg,#07111b,#102b43);color:#fff;padding:clamp(30px,5vw,76px);display:flex;flex-direction:column;direction:rtl;position:relative;overflow:hidden}
.auth-visual:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-180px;bottom:-180px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.auth-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.auth-brand strong{display:block;letter-spacing:.14em;font-size:1.28rem}.auth-brand span{display:block;color:#91a4b5;font-size:.72rem;margin-top:3px}
.auth-message{margin:auto 0;max-width:520px;position:relative;z-index:1}.auth-message>span{color:#ff9a58;font-size:.72rem;font-weight:800}.auth-message h1{font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.45;margin:10px 0 15px}.auth-message p{color:#afbdc8;line-height:2;font-size:.9rem;max-width:470px}
.auth-feature-list{display:flex;gap:10px 22px;flex-wrap:wrap;position:relative;z-index:1}.auth-feature-list span{font-size:.72rem;color:#aebdca}
.auth-panel{display:grid;place-items:center;padding:24px;direction:rtl}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #dce4ea;border-radius:18px;box-shadow:0 20px 60px rgba(9,29,48,.12);padding:28px}.auth-card[hidden]{display:none}.auth-card h2{font-size:1.25rem;margin:4px 0}.auth-card>p{font-size:.75rem;color:var(--muted);margin:0 0 20px}.auth-card label{display:grid;gap:7px;margin:13px 0}.auth-card label span{font-size:.72rem;font-weight:800}.auth-card input{height:45px;border:1px solid #d9e2e8;border-radius:10px;padding:0 12px}.auth-card .btn{width:100%;margin-top:10px}.auth-error{background:var(--red-soft);color:var(--red);border-radius:9px;padding:9px 11px;font-size:.7rem}.loading-card{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}.auth-spinner{width:32px;height:32px;border:3px solid #e5eaee;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button,input,select,textarea{outline:none}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px rgba(244,122,42,.2)!important;border-color:var(--orange)!important}
.pilot-ribbon{height:28px;background:#06101a;color:#c6d0d9;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.72rem;letter-spacing:.01em;position:fixed;inset:0 0 auto;z-index:60}
.pilot-ribbon span{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px rgba(244,122,42,.15)}
.app-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh;padding-top:28px}
.sidebar{position:fixed;right:0;top:28px;bottom:0;width:258px;background:linear-gradient(165deg,var(--navy-900),#07121e 75%);color:#fff;padding:21px 15px;display:flex;flex-direction:column;z-index:50;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#304153 transparent}
.brand-lockup{display:flex;align-items:center;gap:12px;padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.09)}
.brand-symbol{width:45px;height:45px;position:relative;background:linear-gradient(145deg,var(--orange),#ff9856);border-radius:8px 8px 15px 8px;overflow:hidden;box-shadow:0 8px 25px rgba(244,122,42,.2);flex:none}
.brand-symbol i{position:absolute;right:8px;top:9px;width:29px;height:8px;background:white}
.brand-symbol i:after{content:"";position:absolute;right:10px;top:0;width:8px;height:29px;background:white}
.brand-symbol b{position:absolute;left:7px;bottom:7px;width:8px;height:19px;background:rgba(11,23,36,.9)}
.brand-lockup strong{display:block;font-size:1.15rem;letter-spacing:.14em;line-height:1.1}
.brand-lockup span{display:block;color:#9eacb9;font-size:.68rem;margin-top:5px}
.workspace-chip{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;margin:17px 3px 12px;padding:11px 10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:12px}
.workspace-chip .status-dot{width:8px;height:8px;border-radius:50%;background:#33c688;box-shadow:0 0 0 4px rgba(51,198,136,.1)}
.workspace-chip b{display:block;font-size:.77rem}.workspace-chip small{display:block;color:#8293a4;font-size:.66rem}.workspace-chip .chevron{color:#8796a5}
.side-nav{display:grid;gap:3px}.nav-label{color:#64788b;padding:13px 12px 5px;font-size:.65rem}.nav-item{border:0;background:transparent;color:#aebbc7;min-height:42px;border-radius:10px;padding:8px 11px;display:grid;grid-template-columns:27px 1fr auto;gap:7px;align-items:center;text-align:right;font-size:.82rem;position:relative;transition:.18s}
.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(244,122,42,.13),rgba(255,255,255,.06));color:#fff}.nav-item.active:after{content:"";position:absolute;right:0;top:9px;bottom:9px;width:3px;background:var(--orange);border-radius:3px}.nav-icon{font-size:1rem;color:#8ea0b1;text-align:center}.nav-item.active .nav-icon{color:var(--orange)}
.nav-count{background:rgba(255,255,255,.09);padding:1px 7px;border-radius:12px;color:#9fb0c0;font-size:.63rem}.nav-count.warn{color:#ffb47d;background:rgba(244,122,42,.12)}.nav-count.danger{color:#ff9696;background:rgba(210,70,70,.12)}
.sidebar-footer{margin-top:auto;padding-top:19px}.factory-mini{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(244,122,42,.05));border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:13px}.factory-mini>span,.factory-mini small{color:#8293a3;font-size:.67rem}.factory-mini b{display:block;font-size:.79rem;margin:3px 0 9px}.factory-mini div{height:5px;background:#26394b;border-radius:6px;overflow:hidden;margin-bottom:5px}.factory-mini div i{height:100%;display:block;background:linear-gradient(90deg,var(--orange),#ffad75);border-radius:6px}
.logout-btn{width:100%;margin-top:9px;height:37px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.04);color:#93a5b5;font-size:.68rem}.logout-btn:hover{color:#fff;background:rgba(255,255,255,.08)}
.main-area{grid-column:2;min-width:0}.topbar{height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:28px;z-index:35;display:flex;align-items:center;gap:17px;padding:0 26px}.menu-toggle{display:none!important}.icon-btn{border:1px solid var(--line);background:#fff;width:41px;height:41px;border-radius:10px;display:grid;place-items:center;color:var(--navy-700)}
.global-search{position:relative;width:min(530px,45vw)}.global-search>span{position:absolute;right:14px;top:8px;color:var(--steel);font-size:1.3rem}.global-search input{width:100%;height:42px;border:1px solid #e0e6eb;background:#f6f8fa;border-radius:11px;padding:0 42px 0 54px;color:var(--ink)}.global-search input::placeholder{color:#8b97a3}.global-search kbd{position:absolute;left:11px;top:10px;background:#fff;border:1px solid #dce3e8;color:#84909c;border-radius:6px;padding:2px 7px;font:11px Arial}
.topbar-meta{margin-right:auto;display:flex;align-items:center;gap:12px}.today{color:var(--muted);font-size:.76rem;border-left:1px solid var(--line);padding-left:15px}.notification{position:relative;font-size:1.15rem}.notification i{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--orange);border:2px solid #fff}.profile-btn{display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:right;padding:3px}.profile-btn>span:nth-child(2) b{display:block;font-size:.76rem}.profile-btn small{display:block;color:var(--muted);font-size:.65rem}.profile-btn em{font-style:normal;color:#93a0ac}
.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--navy-700),var(--navy-900));color:#fff;display:inline-grid;place-items:center;font-weight:800;font-style:normal;flex:none}.avatar.orange{background:linear-gradient(145deg,var(--orange),var(--orange-dark))}.avatar.silver{background:linear-gradient(145deg,#8395a5,#586a7b)}.avatar.small{width:31px;height:31px;border-radius:9px;font-size:.7rem}.avatar.large{width:52px;height:52px;border-radius:15px;font-size:1rem}
.page-container{padding:27px 29px 80px;max-width:1680px;margin:auto}.view{display:none;animation:fade .2s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.page-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.eyebrow{color:var(--orange);font-size:.69rem;font-weight:800;letter-spacing:.05em;margin-bottom:2px}.page-title-row h1{margin:0;font-size:1.42rem;line-height:1.45;color:#102033}.page-title-row p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.title-actions{display:flex;align-items:center;gap:9px}.btn{border:0;border-radius:10px;min-height:42px;padding:0 15px;font-size:.78rem;font-weight:800;transition:.16s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--orange),#ed6b19);color:#fff;box-shadow:0 8px 20px rgba(244,122,42,.2)}.btn.primary:hover{background:var(--orange-dark)}.btn.secondary{background:var(--navy-800);color:#fff}.btn.outline{background:#fff;color:var(--navy-700);border:1px solid var(--line)}
.alert-strip{min-height:54px;background:linear-gradient(90deg,#fff6ee,#fff);border:1px solid #f6d8c0;border-right:4px solid var(--orange);border-radius:12px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:9px 14px;margin-bottom:17px}.alert-icon{width:31px;height:31px;border-radius:9px;background:var(--orange);color:white;display:grid;place-items:center;font-weight:900}.alert-strip div b{font-size:.78rem;margin-left:12px}.alert-strip div span{color:#856b59;font-size:.7rem}.alert-strip button,.text-btn{border:0;background:transparent;color:var(--orange-dark);font-size:.7rem;font-weight:800}
.metric-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:13px;margin-bottom:17px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-height:142px;padding:16px;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(9,29,48,.025)}.metric-card:before{content:"";position:absolute;left:0;top:0;width:54px;height:4px;background:#dbe3e9}.metric-card.featured{background:linear-gradient(145deg,var(--navy-800),var(--navy-950));color:#fff;border-color:transparent}.metric-card.featured:before{background:var(--orange);width:90px}.metric-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.7rem}.featured .metric-head{color:#a9b7c4}.metric-head>i{font-style:normal;color:#79d8aa;background:rgba(36,172,112,.13);padding:2px 7px;border-radius:10px}.metric-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:.85rem}.metric-icon.navy{background:#edf2f6;color:var(--navy-700)}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.red{background:var(--red-soft);color:var(--red)}.metric-card>strong{display:block;font-size:1.75rem;margin-top:13px;line-height:1.2}.metric-card>strong small{font-size:.65rem;font-weight:500;color:var(--muted)}.featured>strong small{color:#a9b7c4}.metric-foot{position:absolute;right:16px;left:16px;bottom:14px;display:flex;align-items:center;justify-content:space-between;font-size:.67rem;color:var(--muted);border-top:1px solid #eef1f4;padding-top:9px}.metric-foot b{color:var(--ink)}.metric-foot button{border:0;background:transparent;color:var(--red);font-size:.68rem}.positive{color:var(--green)!important}.negative{color:var(--red)!important;font-weight:700}.sparkline{height:42px;display:flex;align-items:flex-end;gap:5px;position:absolute;left:16px;bottom:31px;width:40%}.sparkline span{flex:1;background:linear-gradient(var(--orange),rgba(244,122,42,.2));border-radius:3px 3px 0 0}.featured>small{position:absolute;right:16px;bottom:14px;color:#8fa0ae;font-size:.63rem}.metric-grid.mini{grid-template-columns:repeat(4,1fr)}.metric-grid.mini .metric-card{min-height:120px}.metric-grid.mini .metric-card>span{font-size:.72rem;color:var(--muted)}.metric-grid.mini .metric-card>small{display:block;margin-top:8px;color:var(--muted);font-size:.66rem}.danger-edge{border-top:3px solid var(--red)}
.surface{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 16px rgba(9,29,48,.025);min-width:0}.surface-head{min-height:66px;padding:14px 17px;border-bottom:1px solid #edf1f4;display:flex;justify-content:space-between;align-items:center;gap:10px}.surface-head h2{margin:0;font-size:.89rem}.surface-head p{margin:3px 0 0;color:var(--muted);font-size:.65rem}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.72fr);gap:15px}.dashboard-grid.lower{grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);margin-top:15px}
.funnel-row{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:18px 17px 15px;direction:rtl}.funnel-row button{border:1px solid #e3e8ed;background:#f8fafb;min-height:112px;border-radius:11px;text-align:right;padding:12px;position:relative;overflow:hidden}.funnel-row button:hover{border-color:#c9d2da;background:#fff}.funnel-row button>span{display:block;color:var(--muted);font-size:.65rem}.funnel-row button>strong{display:block;font-size:1.36rem;margin:8px 0 2px}.funnel-row button>small{color:var(--steel);font-size:.65rem}.funnel-row button>i{position:absolute;right:0;left:0;bottom:0;height:5px;background:#e6eaee}.funnel-row button>i:after{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--orange),#ffad73)}.win-rate{padding:12px 17px 17px;display:grid;grid-template-columns:1fr auto;gap:7px;font-size:.67rem;color:var(--muted)}.win-rate b{color:var(--ink)}.win-rate>div{grid-column:1/-1;height:6px;background:#edf1f4;border-radius:7px;overflow:hidden}.win-rate>div i{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--orange),#ffac70)}
.round-add{border:0;width:33px;height:33px;border-radius:9px;background:var(--orange-soft);color:var(--orange);font-size:1.1rem}.task-list{padding:7px 16px}.task-card{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:start;padding:13px 0;border-bottom:1px solid #edf1f4}.task-card:last-child{border-bottom:0}.task-card input{width:17px;height:17px;accent-color:var(--orange);margin-top:3px}.task-card label{cursor:pointer}.task-card b{display:block;font-size:.75rem}.task-card small{display:block;color:var(--muted);font-size:.64rem;margin-top:3px}.task-card time{font-size:.63rem;color:var(--orange-dark);background:var(--orange-soft);border-radius:7px;padding:3px 7px}.task-card.overdue time{background:var(--red-soft);color:var(--red)}.task-card.done{opacity:.47}.task-card.done b{text-decoration:line-through}.full-link{width:calc(100% - 32px);margin:0 16px 14px;border:1px dashed #d8e0e6;border-radius:9px;background:#fafbfc;color:var(--navy-700);height:35px;font-size:.68rem}
.production-list{padding:5px 16px}.production-item{width:100%;display:grid;grid-template-columns:48px minmax(160px,1.25fr) minmax(105px,.7fr) 82px 42px;gap:11px;align-items:center;text-align:right;border:0;border-bottom:1px solid #edf1f4;background:#fff;padding:12px 0}.production-item:last-child{border:0}.production-item:hover b{color:var(--orange-dark)}.prod-code{font:700 .71rem Arial;color:var(--navy-700);background:#edf2f6;border-radius:8px;padding:6px;text-align:center}.production-item>span b{display:block;font-size:.72rem}.production-item>span small{display:block;color:var(--muted);font-size:.61rem}.progress-cell{display:flex!important;align-items:center;gap:7px}.progress-cell>i{flex:1;height:5px;background:#edf1f4;border-radius:6px;overflow:hidden}.progress-cell>i b{display:block;height:100%;background:var(--orange);border-radius:6px}.production-item time{font-size:.62rem;color:var(--muted)}
.status-tag{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:14px;font-size:.61rem;font-weight:800;white-space:nowrap}.status-tag.orange{background:var(--orange-soft);color:#b64f0d}.status-tag.green{background:var(--green-soft);color:var(--green)}.status-tag.blue{background:var(--blue-soft);color:var(--blue)}.status-tag.red{background:var(--red-soft);color:var(--red)}.status-tag.silver{background:#eef2f5;color:#687784}
.live-chip{font-size:.61rem;color:var(--green);background:var(--green-soft);padding:3px 8px;border-radius:10px}.live-chip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-left:3px}.activity-feed{padding:8px 16px}.activity-feed>div{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-bottom:1px solid #edf1f4}.activity-feed>div:last-child{border:0}.activity-feed p{margin:0;font-size:.67rem}.activity-feed p b{font-size:.69rem}.activity-feed p small{display:block;color:var(--muted);margin-top:3px;font-size:.6rem}
.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px}.tab-switch{background:#e9eef2;border-radius:10px;padding:3px;display:flex;gap:2px}.tab-switch button{border:0;background:transparent;border-radius:8px;padding:8px 12px;color:var(--muted);font-size:.68rem}.tab-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px rgba(15,35,54,.08);font-weight:700}.toolbar-actions{display:flex;gap:8px}.toolbar select,.period-select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 11px;font-size:.7rem;color:var(--ink)}.table-surface{overflow:hidden}.table-scroll{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:970px}.data-table th,.data-table td{text-align:right;border-bottom:1px solid #edf1f4;padding:13px 14px;font-size:.68rem;white-space:nowrap}.data-table th{background:#f8fafb;color:#768491;font-size:.62rem;font-weight:700;position:sticky;top:0}.data-table tr:last-child td{border:0}.data-table tbody tr{transition:.14s}.data-table tbody tr:hover{background:#fffaf6}.data-table td small{display:block;color:var(--muted);font-size:.59rem;margin-top:2px}.data-table .more-btn{border:0;background:transparent;color:#84919c;font-size:1.05rem}.customer-cell{display:flex;align-items:center;gap:9px}.customer-cell .avatar{width:31px;height:31px;font-size:.65rem;border-radius:8px}.phone-link{direction:ltr;display:inline-block}.table-footer{padding:11px 14px;border-top:1px solid #edf1f4;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.64rem}.table-footer div{display:flex;gap:5px;align-items:center}.table-footer button,.table-footer b{width:27px;height:27px;border:1px solid var(--line);background:#fff;border-radius:7px;display:grid;place-items:center}.table-footer b{background:var(--navy-800);color:#fff;border-color:var(--navy-800)}
.pipeline-stats{display:flex;background:linear-gradient(135deg,var(--navy-900),var(--navy-700));border-radius:14px;margin-bottom:15px;color:#fff;padding:15px 18px}.pipeline-stats div{min-width:210px;border-left:1px solid rgba(255,255,255,.12);padding-left:25px;margin-left:25px}.pipeline-stats div:last-child{border:0}.pipeline-stats span{display:block;color:#9eafbd;font-size:.65rem}.pipeline-stats b{display:block;font-size:.84rem;margin-top:3px}.kanban{display:flex;gap:12px;overflow-x:auto;padding:1px 1px 14px;scrollbar-color:#c8d1d9 transparent;min-height:490px}.kanban-column{min-width:245px;width:245px;background:#edf1f4;border-radius:13px;padding:10px;border-top:3px solid var(--stage-color,#82909d)}.kanban-head{display:flex;justify-content:space-between;align-items:center;margin:1px 2px 10px}.kanban-head b{font-size:.72rem}.kanban-head span{background:#fff;color:var(--muted);font-size:.6rem;padding:2px 7px;border-radius:10px}.kanban-card{background:#fff;border:1px solid #dfe6eb;border-radius:11px;padding:12px;margin-bottom:9px;text-align:right;box-shadow:0 3px 9px rgba(10,30,48,.03);cursor:pointer;transition:.16s}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(10,30,48,.08)}.kanban-card h3{font-size:.72rem;margin:0 0 3px}.kanban-card>span{color:var(--muted);font-size:.61rem}.kanban-card .kanban-product{display:block;background:#f4f6f8;border-radius:7px;padding:5px 7px;margin:9px 0;font-size:.61rem;color:#5f6e7b}.kanban-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f4;padding-top:8px}.kanban-card footer b{font-size:.65rem}.kanban-card footer small{color:var(--orange-dark);font-size:.57rem}
.followup-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:15px}.date-card{padding:15px;height:max-content}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.calendar-head b{font-size:.78rem}.calendar-head button{border:1px solid var(--line);background:#fff;border-radius:7px;width:29px;height:29px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.week span{color:var(--muted);font-size:.61rem;padding:5px}.days button{border:0;background:transparent;height:32px;border-radius:8px;font-size:.65rem;position:relative}.days button:hover{background:#f1f4f6}.days button.today{background:var(--navy-800);color:#fff;font-weight:800}.days button.event:after,.days button.overdue:after{content:"";position:absolute;bottom:3px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--orange)}.days button.overdue:after{background:var(--red)}.calendar-legend{border-top:1px solid var(--line);margin-top:13px;padding-top:12px;display:flex;gap:14px;color:var(--muted);font-size:.58rem}.calendar-legend i{width:6px;height:6px;display:inline-block;border-radius:50%;margin-left:3px}.orange-dot{background:var(--orange)}.red-dot{background:var(--red)}.followup-board{overflow:hidden}.followup-filters{display:flex;gap:3px;padding:10px 14px;border-bottom:1px solid var(--line);overflow:auto}.followup-filters button{border:0;background:transparent;border-radius:8px;padding:7px 11px;color:var(--muted);font-size:.66rem;white-space:nowrap}.followup-filters button.active{background:var(--navy-800);color:#fff}.followup-filters b{font-size:.58rem}.followup-board .task-list{padding:4px 19px}.followup-board .task-card{padding:16px 0}.followup-board .task-card b{font-size:.78rem}
.factory-strip{min-height:66px;background:linear-gradient(135deg,var(--navy-900),var(--navy-700));border-radius:14px;color:white;padding:12px 17px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.factory-strip>div:first-child{display:grid;grid-template-columns:11px 1fr;column-gap:9px}.factory-strip b{font-size:.78rem}.factory-strip small{grid-column:2;color:#93a5b5;font-size:.59rem}.factory-pulse{width:9px;height:9px;background:#36ca8d;border-radius:50%;box-shadow:0 0 0 5px rgba(54,202,141,.13);margin-top:4px}.factory-kpis{display:flex;gap:25px}.factory-kpis span{font-size:.65rem;color:#a9b8c5}.factory-kpis b{display:block;color:#fff;font-size:1.05rem}.orders-table .progress-cell{min-width:110px}
.report-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:15px}.bar-chart{height:265px;padding:28px 24px 35px;display:flex;gap:18px;align-items:flex-end;border-bottom:0;position:relative;background:repeating-linear-gradient(to top,#fff 0,#fff 49px,#eef2f5 50px)}.chart-bar{flex:1;height:var(--h);background:linear-gradient(180deg,var(--orange),#ffb17c);border-radius:8px 8px 2px 2px;min-width:25px;position:relative}.chart-bar:hover{filter:brightness(.96)}.chart-bar:before{content:attr(data-value);position:absolute;top:-23px;left:50%;transform:translateX(-50%);font-size:.62rem;font-weight:800;color:var(--ink)}.chart-bar:after{content:attr(data-label);position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);font-size:.61rem;color:var(--muted);white-space:nowrap}.chart-total{text-align:left}.chart-total span{display:block;color:var(--muted);font-size:.6rem}.chart-total b{font-size:.82rem}.donut-wrap{padding:20px;display:flex;align-items:center;gap:24px}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--orange) 0 38%,var(--navy-700) 38% 66%,#8091a2 66% 87%,#d9e0e6 87%);display:grid;place-items:center;flex:none}.donut>div{width:87px;height:87px;background:#fff;border-radius:50%;display:grid;place-content:center;text-align:center}.donut b{font-size:1.3rem}.donut span{font-size:.6rem;color:var(--muted)}.donut-card ul{list-style:none;margin:0;padding:0;flex:1}.donut-card li{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;padding:6px 0;font-size:.62rem}.donut-card li i{width:7px;height:7px;border-radius:50%;background:var(--c)}.team-performance,.loss-reasons{padding-bottom:12px}.performance-row{display:grid;grid-template-columns:1.5fr repeat(3,.55fr);align-items:center;gap:9px;padding:10px 16px;border-bottom:1px solid #edf1f4;font-size:.66rem}.performance-row.head{color:var(--muted);font-size:.59rem;background:#fafbfc}.performance-row>span:first-child{display:flex;align-items:center;gap:8px}.performance-row strong{color:var(--green)}.loss-reasons>div:not(.surface-head){padding:10px 17px 0}.loss-reasons label{display:flex;justify-content:space-between;font-size:.66rem;margin-bottom:5px}.loss-reasons label b{font-size:.61rem}.loss-reasons div>i{display:block;height:7px;background:#edf1f4;border-radius:7px;overflow:hidden}.loss-reasons div>i b{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#ffb27f);border-radius:7px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.user-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;position:relative}.user-card.owner-card{border-top:3px solid var(--orange)}.user-top{display:flex;justify-content:space-between;align-items:flex-start}.user-card h3{font-size:.83rem;margin:13px 0 4px}.user-card p{font-size:.65rem;color:var(--muted);min-height:40px;margin:0}.user-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.user-card footer span{color:var(--green);font-size:.6rem}.user-card footer span i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-left:3px}.user-card footer button{border:0;background:transparent;color:var(--navy-700);font-size:.62rem}.permissions{overflow:auto}.permission-row{display:grid;grid-template-columns:1.3fr repeat(4,1fr);min-width:750px;border-bottom:1px solid #edf1f4;padding:12px 17px;gap:10px;font-size:.65rem}.permission-row.head{background:#f8fafb;color:var(--muted);font-size:.59rem}.permission-row b{font-size:.61rem;color:var(--navy-700)}
.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px}.settings-nav{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;height:max-content;display:grid;gap:2px}.settings-nav button{border:0;background:transparent;text-align:right;padding:10px 12px;border-radius:8px;color:var(--muted);font-size:.68rem}.settings-nav button.active{background:var(--navy-800);color:#fff}.settings-panel{overflow:hidden}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.settings-form label,.form-grid label,.quote-customer label,.quote-note{display:grid;gap:6px}.settings-form label>span,.form-grid label>span,.quote-customer label>span,.quote-note>span,.brand-colors>span{font-size:.66rem;font-weight:800}.settings-form input,.settings-form textarea,.form-grid input,.form-grid select,.form-grid textarea,.quote-customer select,.quote-line input,.quote-line select,.quote-summary input,.quote-note textarea{border:1px solid #dbe3e9;background:#fff;border-radius:9px;padding:9px 10px;color:var(--ink);font-size:.73rem;min-height:41px}.full{grid-column:1/-1}.brand-colors>div{display:flex;gap:12px;margin-top:8px}.brand-colors label{border:1px solid var(--line);border-radius:10px;padding:8px;display:flex!important;align-items:center;gap:8px}.brand-colors input{width:35px!important;height:28px!important;padding:1px!important}.brand-colors small{font-size:.61rem}
.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:rgba(4,14,24,.58);backdrop-filter:blur(3px);z-index:100;display:none;padding:20px}.modal-backdrop.open,.drawer-backdrop.open{display:block}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(540px,calc(100% - 26px));max-height:92vh;overflow:auto;background:#fff;border-radius:17px;box-shadow:var(--shadow-lg)}.modal.wide{width:min(750px,calc(100% - 26px))}.modal.extra-wide{width:min(880px,calc(100% - 26px))}.modal>header{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal h2{font-size:1rem;margin:2px 0 0}.modal-kicker{font-size:.61rem;color:var(--orange);font-weight:800}.modal-close{border:0;background:#eef2f5;color:#52616e;width:34px;height:34px;border-radius:9px;font-size:1.1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:18px 19px}.modal form>footer,.detail-drawer>footer{border-top:1px solid var(--line);padding:13px 19px;display:flex;justify-content:flex-end;gap:8px;background:#fafbfc}.quote-customer{display:grid;grid-template-columns:1.4fr .65fr 1fr;gap:11px;padding:17px 19px}.quote-lines{margin:0 19px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.quote-line{display:grid;grid-template-columns:1.5fr .45fr .8fr .8fr;gap:8px;align-items:center;padding:10px}.quote-line.header{background:#f6f8fa;color:var(--muted);font-size:.61rem}.quote-line strong{font-size:.7rem}.quote-summary{display:grid;grid-template-columns:.65fr .8fr 1.2fr;gap:10px;padding:16px 19px}.quote-summary label{display:grid;gap:5px}.quote-summary label>span{font-size:.63rem;font-weight:800}.quote-summary label>div{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden}.quote-summary input{border:0!important;width:100%;min-width:0}.quote-summary label b{font-size:.6rem;color:var(--muted);padding:0 8px;white-space:nowrap}.grand-total{background:var(--navy-800);color:white;border-radius:11px;padding:10px 13px;display:flex;flex-direction:column;justify-content:center}.grand-total span{font-size:.61rem;color:#a8b6c2}.grand-total strong{font-size:.87rem}.quote-note{padding:0 19px 17px}
.detail-drawer{position:absolute;left:0;top:0;bottom:0;width:min(470px,94vw);background:#fff;box-shadow:var(--shadow-lg);overflow:auto}.detail-drawer>header{display:flex;justify-content:space-between;padding:18px}.drawer-hero{display:flex;align-items:center;gap:12px;padding:4px 20px 17px}.drawer-hero h2{font-size:1.03rem;margin:0}.drawer-hero p{color:var(--muted);font-size:.69rem;margin:3px 0 0}.quick-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 20px 16px}.quick-contact button{border:1px solid var(--line);background:#f8fafb;color:var(--navy-700);border-radius:9px;height:38px;font-size:.66rem}.drawer-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 20px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.drawer-stats div{padding:11px;border-left:1px solid var(--line)}.drawer-stats div:last-child{border:0}.drawer-stats span{display:block;color:var(--muted);font-size:.56rem}.drawer-stats b{display:block;font-size:.66rem;margin-top:3px}.stage-select{display:grid;gap:6px;padding:16px 20px;border-bottom:1px solid var(--line)}.stage-select span{font-size:.65rem;font-weight:800}.stage-select select{border:1px solid var(--line);border-radius:9px;padding:9px}.drawer-section{padding:15px 20px;border-bottom:1px solid var(--line)}.drawer-section h3{font-size:.76rem;margin:0 0 10px}.next-action{display:flex;align-items:center;gap:10px;background:var(--orange-soft);border-radius:10px;padding:11px;color:#9e450b}.next-action>span{font-size:1.2rem}.next-action b{display:block;font-size:.68rem}.next-action small{display:block;font-size:.58rem}.timeline{border-right:2px solid #e3e8ed;margin-right:8px;padding-right:17px}.timeline div{position:relative;margin-bottom:15px}.timeline i{position:absolute;right:-23px;top:3px;width:10px;height:10px;background:var(--orange);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #dce3e8}.timeline b{font-size:.68rem}.timeline small{display:block;color:var(--muted);font-size:.59rem}.detail-drawer>footer{position:sticky;bottom:0}
.toast{position:fixed;left:22px;bottom:22px;z-index:200;background:var(--navy-900);color:#fff;border-radius:12px;padding:11px 13px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;min-width:280px;transform:translateY(100px);opacity:0;transition:.24s}.toast.show{transform:none;opacity:1}.toast>span{width:30px;height:30px;border-radius:9px;background:var(--green);display:grid;place-items:center}.toast p{margin:0}.toast b{display:block;font-size:.72rem}.toast small{display:block;color:#9fadb9;font-size:.6rem;margin-top:2px}.mobile-nav,.mobile-scrim{display:none}
@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr 1fr}.today{display:none}.production-item{grid-template-columns:48px minmax(160px,1fr) 110px 82px 42px}}
@media(max-width:940px){.app-shell{display:block}.sidebar{right:-275px;transition:.25s}.sidebar.open{right:0}.mobile-scrim.open{display:block;position:fixed;inset:28px 0 0;background:rgba(4,14,24,.5);z-index:45}.main-area{width:100%}.menu-toggle{display:grid!important}.topbar{padding:0 15px}.global-search{width:auto;flex:1}.profile-btn>span:nth-child(2),.profile-btn em{display:none}.page-container{padding:22px 17px 90px}.report-grid{grid-template-columns:1fr}.followup-layout{grid-template-columns:1fr}.date-card{display:none}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{white-space:nowrap}.mobile-nav{display:grid;grid-template-columns:1fr 1fr 62px 1fr 1fr;position:fixed;bottom:0;right:0;left:0;height:67px;background:#fff;border-top:1px solid var(--line);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:#fff;color:#82909c;font-size:.57rem;display:grid;place-content:center;gap:2px}.mobile-nav button span{font-size:1rem}.mobile-nav button.active{color:var(--orange)}.mobile-nav .mobile-add{width:52px;height:52px;border-radius:16px;background:var(--orange);color:#fff;font-size:1.7rem;place-self:center;box-shadow:0 8px 20px rgba(244,122,42,.27);transform:translateY(-10px)}}
@media(max-width:800px){.auth-gate{grid-template-columns:1fr;background:linear-gradient(145deg,#07111b,#102b43)}.auth-visual{min-height:210px;padding:25px 22px}.auth-message{margin:28px 0 10px}.auth-message h1{font-size:1.35rem;margin:7px 0}.auth-message p{display:none}.auth-feature-list{display:none}.auth-panel{padding:0 14px 24px}.auth-card{padding:21px;box-shadow:0 14px 45px rgba(0,0,0,.24)}}
@media(max-width:680px){.pilot-ribbon{font-size:.62rem}.topbar{height:64px;top:28px}.global-search kbd{display:none}.global-search input{padding-left:12px;font-size:.69rem}.notification{display:none}.page-container{padding:18px 12px 90px}.page-title-row{align-items:flex-start;margin-bottom:16px}.page-title-row h1{font-size:1.18rem}.page-title-row p{display:none}.page-title-row .btn{font-size:.66rem;padding:0 10px}.title-actions .secondary{display:none}.alert-strip{grid-template-columns:31px 1fr}.alert-strip div span{display:none}.alert-strip button{display:none}.metric-grid,.metric-grid.mini{grid-template-columns:repeat(2,1fr);gap:9px}.metric-card{min-height:128px;padding:13px}.metric-card>strong{font-size:1.35rem}.metric-card>strong small{display:block;margin-top:4px}.sparkline{width:38%;left:10px}.dashboard-grid{gap:10px}.surface-head{padding:12px 13px}.funnel-row{overflow:auto;display:flex;padding:13px}.funnel-row button{min-width:135px}.pipeline-stats{overflow:auto;padding:12px}.pipeline-stats div{min-width:170px}.toolbar{display:block}.tab-switch{overflow:auto;margin-bottom:9px}.tab-switch button{white-space:nowrap}.toolbar-actions{justify-content:flex-end}.factory-kpis{gap:13px}.factory-strip{align-items:flex-start}.production-list{padding:4px 12px}.production-item{grid-template-columns:43px 1fr 70px;padding:11px 0}.production-item .progress-cell,.production-item .status-tag{display:none!important}.report-grid{gap:10px}.bar-chart{gap:9px;padding-left:14px;padding-right:14px}.donut-wrap{display:block}.donut{margin:0 auto 15px}.team-grid{grid-template-columns:1fr}.settings-form,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.modal-backdrop{padding:8px}.modal{width:calc(100% - 16px);max-height:94vh}.modal.extra-wide,.modal.wide{width:calc(100% - 16px)}.quote-customer{grid-template-columns:1fr}.quote-line{grid-template-columns:1.1fr .5fr .8fr}.quote-line>:last-child{grid-column:1/-1}.quote-line.header span:last-child{display:none}.quote-summary{grid-template-columns:1fr 1fr}.grand-total{grid-column:1/-1}.drawer-stats{grid-template-columns:1fr}.drawer-stats div{border:0;border-bottom:1px solid var(--line)}.quick-contact{padding-left:13px;padding-right:13px}.toast{right:12px;left:12px;bottom:78px;min-width:0}.profile-btn .avatar{width:35px;height:35px}.orders-table{min-width:900px}}
@media(max-width:390px){.metric-grid,.metric-grid.mini{grid-template-columns:1fr 1fr}.metric-card{min-height:119px}.metric-card>strong{font-size:1.18rem}.metric-head{font-size:.63rem}.page-title-row .btn{min-height:39px}.alert-strip{margin-bottom:11px}.global-search input::placeholder{font-size:.62rem}}
@media print{.pilot-ribbon,.sidebar,.topbar,.mobile-nav,.page-title-row,.alert-strip{display:none!important}.app-shell{display:block;padding:0}.main-area{width:100%}.page-container{padding:0}.view{display:none!important}#view-quotes{display:block!important}.surface{box-shadow:none;border-color:#bbb}.data-table{min-width:0}body{background:#fff}}