:root{--bg:#f3f6f8;--surface:#fff;--surface2:#f8fafb;--text:#17232b;--muted:#71808a;--line:#e3e9ed;--nav:#102a2b;--nav2:#163637;--primary:#08795f;--primary2:#0e9b79;--accent:#d8a53a;--danger:#c84848;--warning:#be7c18;--success:#08795f;--shadow:0 16px 42px rgba(18,45,49,.08);--r:18px;--r2:12px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--primary);background:radial-gradient(circle at 20% 20%,#e5f4ef,transparent 35%),var(--bg)}.loader{width:28px;height:28px;border:3px solid #d7e7e2;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.app{min-height:100vh;display:grid;grid-template-columns:278px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,var(--nav),#0c2224 100%);color:#eaf5f2;display:flex;flex-direction:column;box-shadow:10px 0 40px rgba(10,31,32,.1);z-index:20}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 19px;border-bottom:1px solid rgba(255,255,255,.08)}.brand b{display:block;font-size:17px;letter-spacing:-.3px}.brand small{display:block;color:#8eaaa6;font-size:9px;letter-spacing:2px;font-weight:800;margin-top:2px}.brandmark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#16a27f,#096653);display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.18)}.brandmark.xl{width:62px;height:62px;border-radius:19px;font-size:21px}.nav-search{margin:14px 14px 8px;height:38px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;padding:0 10px;gap:8px}.nav-search input{width:100%;background:transparent;border:0;outline:0;color:#fff;font-size:12px}.nav-search input::placeholder{color:#77928e}.nav-scroll{overflow:auto;padding:0 10px 18px}.nav-scroll::-webkit-scrollbar{width:5px}.nav-scroll::-webkit-scrollbar-thumb{background:#294547;border-radius:6px}.nav-group{font-size:9px;letter-spacing:1.6px;color:#6e8d89;font-weight:800;text-transform:uppercase;padding:18px 10px 7px}.nav-item{border:0;width:100%;height:38px;padding:0 9px;border-radius:9px;background:transparent;color:#b6cac7;display:flex;align-items:center;gap:10px;text-align:left;font-size:11.5px;position:relative;margin:1px 0;transition:.15s}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(18,161,125,.25),rgba(18,161,125,.09));color:#fff}.nav-item.active>i{position:absolute;right:-10px;width:3px;height:22px;background:#25b991;border-radius:3px 0 0 3px}.nav-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.04)}.nav-item.active .nav-icon{background:#0d725d}.sidebar-foot{margin-top:auto;padding:13px 15px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:34px 1fr 30px;align-items:center;gap:9px}.sidebar-foot b{font-size:11px;display:block}.sidebar-foot span{font-size:9px;color:#83a19d}.sidebar-foot button{width:30px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:#aac1be}.avatar{width:36px;height:36px;border-radius:11px;background:#daf1eb;color:#0a735c;display:grid;place-items:center;font-weight:800;font-size:11px}.avatar.sm{width:32px;height:32px}.main{min-width:0}.topbar{height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top-title span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1.1px;font-weight:700}.top-title b{font-size:13px}.top-actions{display:flex;align-items:center;gap:8px}.top-action,.date-chip{height:35px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 11px;font-size:10px;color:#53636d}.top-action:hover{border-color:#b8d7ce;color:var(--primary);background:#f7fbfa}.content{padding:28px;max-width:1760px;margin:auto}.mobile-nav{display:none}
.workspace-head,.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:21px}.workspace-head h1,.page-title h1{margin:3px 0 5px;font-size:26px;letter-spacing:-.8px}.workspace-head p,.page-title p{margin:0;color:var(--muted);font-size:12px;max-width:720px;line-height:1.55}.crumb,.eyebrow{color:var(--primary);font-size:9px;letter-spacing:1.5px;font-weight:900}.toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:#40515a;border-radius:10px;min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:11px;transition:.15s}.btn:hover{border-color:#b6ccc6;box-shadow:0 4px 14px rgba(18,45,49,.06);transform:translateY(-1px)}.btn.primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn.success{border-color:#0a8066;background:#e9f7f2;color:#08735c}.btn.danger{border-color:#e9bcbc;background:#fff5f5;color:var(--danger)}.btn.warning{border-color:#edd1a3;background:#fff8eb;color:#9f6715}.btn.accent{border-color:#b58523;background:linear-gradient(135deg,#dcae49,#c99327);color:#fff}.btn.glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}.btn.ghost{background:transparent}.btn.sm{min-height:30px;border-radius:8px;padding:0 9px;font-size:9.5px}.xl-btn{height:44px;width:100%;font-size:12px}.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#596973;display:grid;place-items:center}.icon-btn.danger{color:var(--danger)}
.hero-strip{background:linear-gradient(118deg,#0d3736,#0b5f50 62%,#17745f);border-radius:24px;padding:32px;color:#fff;display:flex;justify-content:space-between;align-items:end;overflow:hidden;position:relative;margin-bottom:18px;box-shadow:0 22px 52px rgba(16,54,53,.15)}.hero-strip:after{content:"";width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;position:absolute;right:-100px;top:-240px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.hero-strip .eyebrow{color:#8bd8c4}.hero-strip h1{font-size:29px;letter-spacing:-1px;margin:7px 0}.hero-strip p{font-size:12px;color:#b6d1cd;margin:0;max-width:560px}.hero-actions{display:flex;gap:8px;position:relative;z-index:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:15px;text-align:left;box-shadow:0 5px 18px rgba(18,45,49,.025);color:inherit}.stat:hover{border-color:#b9d6cf;box-shadow:var(--shadow);transform:translateY(-2px)}.stat-top{display:flex;justify-content:space-between;color:#91a0a8}.stat-icon{width:34px;height:34px;border-radius:10px;background:#edf8f5;color:var(--primary);display:grid;place-items:center}.stat .num{font-size:24px;font-weight:800;letter-spacing:-.8px;margin-top:13px}.stat .label{font-size:10px;color:var(--muted);margin-top:2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dashboard-grid{grid-template-columns:1.2fr .8fr}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 4px 17px rgba(18,45,49,.025)}.panel-head{min-height:57px;padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head small{display:block;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:1.2px;margin-bottom:2px}.panel-head h3{margin:0;font-size:13px}.panel-body{padding:16px}.pulse-chart{height:220px;padding:24px 20px 10px;display:flex;gap:9px;align-items:end}.pulse-chart>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.pulse-chart span{display:block;width:100%;max-width:24px;background:linear-gradient(#28a887,#0c705b);border-radius:6px 6px 2px 2px}.pulse-chart small{font-size:8px;color:#9aa6ad}.activity-list{padding:7px 13px}.activity-list>button,.activity-list>div{width:100%;border:0;background:transparent;display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;text-align:left;padding:11px 3px;border-bottom:1px solid #eef2f4;color:inherit}.activity-list i{width:7px;height:7px;border-radius:50%;background:#13a37f;box-shadow:0 0 0 4px #e6f6f1}.activity-list b{font-size:10.5px;display:block}.activity-list span{display:block;font-size:8.5px;color:var(--muted);margin-top:3px}.activity-list.compact>div{grid-template-columns:8px 1fr auto}
.ops-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.ops-kpis>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;align-items:baseline}.ops-kpis span{font-size:9px;color:var(--muted);font-weight:700}.ops-kpis b{font-size:20px;letter-spacing:-.5px}.ops-kpis small{grid-column:1/3;color:#9aa6ad;font-size:8.5px;margin-top:4px}.ops-kpis .attention{border-color:#efcf9f;background:#fffaf1}.ops-kpis .attention b{color:#a7650b}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.searchbox{height:38px;min-width:330px;max-width:520px;flex:1;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 11px}.searchbox input{width:100%;border:0;outline:0;background:transparent;font-size:11px}.segmented{display:inline-flex;background:#e9eef1;border-radius:10px;padding:3px;gap:2px}.segmented button{height:30px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#687780;font-size:9.5px;font-weight:700;display:flex;align-items:center;gap:5px}.segmented button.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px rgba(28,53,55,.08)}.ops-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.ops-main{min-width:0}.ops-side{min-width:0}.side-sticky{position:sticky;top:91px;display:grid;gap:12px}.worklist{display:grid;gap:10px}.work-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;transition:.15s}.work-card:hover,.work-card.selected{border-color:#a9cfc6;box-shadow:0 10px 28px rgba(16,63,58,.07)}.work-card.selected{box-shadow:inset 3px 0 0 var(--primary),0 10px 28px rgba(16,63,58,.07)}.work-card-head{display:flex;justify-content:space-between;gap:15px}.work-card h3{font-size:13px;margin:3px 0}.record-id{font-size:8px;color:#8a989f;font-weight:800}.updated{font-size:8.5px;color:#94a0a7}.overdue-flag{color:#a8620b;background:#fff0d7;padding:2px 5px;border-radius:5px;margin-left:4px}.work-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;background:#f9fbfc;border-radius:10px;padding:10px 12px;margin:12px 0}.work-fields span{display:block;font-size:7.5px;color:#88969e;text-transform:uppercase;font-weight:800;letter-spacing:.4px}.work-fields b{display:block;font-size:9.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.no-action{font-size:9px;color:#9aa6ad}.detail-panel .quick-actions{padding:10px}.quick-action{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 10px;margin:4px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;color:#42535c}.quick-action:hover{border-color:#9bc8bd;color:var(--primary)}.quick-action.danger{color:var(--danger)}.quick-action.warning{color:var(--warning)}.quick-action.success{color:var(--success)}.timeline{padding:12px 14px}.timeline-item{display:grid;grid-template-columns:13px 1fr;gap:9px;position:relative;padding-bottom:15px}.timeline-item:after{content:"";position:absolute;width:1px;background:#dfe8e5;left:5px;top:13px;bottom:0}.timeline-item:last-child:after{display:none}.timeline-item>i{width:11px;height:11px;background:#fff;border:3px solid #18a07d;border-radius:50%;z-index:1}.timeline-item b{font-size:10px}.timeline-item p{font-size:8.5px;margin:2px 0;color:#5f7078}.timeline-item span{font-size:8px;color:#9aa5ab}.timeline details{margin-top:7px;background:#f7faf9;padding:6px 8px;border-radius:7px}.timeline summary{font-size:8px;color:var(--primary);font-weight:800;cursor:pointer}.payload-row{display:flex;justify-content:space-between;gap:10px;font-size:8px;margin-top:4px}.linked{padding:0 14px 13px}.linked h4{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#7b8990}.linked button{width:100%;border:0;background:#f5faf8;color:#3c5c54;border-radius:8px;padding:8px;display:flex;gap:7px;align-items:center;font-size:8.5px;margin:4px 0;text-align:left}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;overflow-x:auto;padding-bottom:12px}.kanban-col{background:#eaf0f1;border-radius:13px;padding:9px;min-height:240px}.kanban-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.kanban-head b{font-size:11px;color:#697981}.kanban-card{background:#fff;border:1px solid #dfe7e9;border-radius:10px;padding:10px;margin-bottom:7px;box-shadow:0 3px 8px rgba(10,40,43,.03)}.kanban-card h4{font-size:10px;margin:0 0 5px}.kanban-card>span{font-size:7.5px;color:#94a0a6}.kanban-card em{display:inline-block;font-style:normal;font-size:7px;background:#fff0d7;color:#a9650e;padding:2px 5px;border-radius:5px;margin-left:5px}.mini-actions{display:flex;gap:4px;margin-top:8px}.mini-actions button{border:0;background:#edf7f4;color:var(--primary);border-radius:6px;padding:5px 6px;font-size:7.5px;font-weight:800}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;background:#edf1f3;color:#63727a;font-size:7.5px;font-weight:900;letter-spacing:.3px;white-space:nowrap}.badge.approved,.badge.completed,.badge.closed,.badge.released,.badge.effective,.badge.paid,.badge.settled,.badge.won,.badge.active,.badge.live,.badge.available,.badge.hired,.badge.posted{background:#e5f6f0;color:#08745c}.badge.rejected,.badge.failed,.badge.cancelled,.badge.critical,.badge.lost{background:#fdeaea;color:#b63b3b}.badge.pending,.badge.submitted,.badge.review,.badge.in_progress,.badge.processing,.badge.queued,.badge.testing,.badge.investigating,.badge.manager_review,.badge.hod_review,.badge.qa_review,.badge.calibration{background:#eaf1fb;color:#38669d}.badge.warning,.badge.on_hold,.badge.quarantine,.badge.revision,.badge.query_response{background:#fff2dc;color:#a46813}
.modal-bg{position:fixed;inset:0;background:rgba(8,25,28,.54);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:22px}.modal{width:min(640px,96vw);max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 28px 90px rgba(2,22,24,.28);overflow:hidden}.modal.wide{width:min(990px,96vw)}.modal-head{height:66px;border-bottom:1px solid var(--line);padding:0 18px;display:flex;align-items:center;justify-content:space-between}.modal-head small{font-size:7.5px;color:var(--muted);letter-spacing:1px;display:block}.modal-head b{font-size:14px;display:block;margin-top:2px}.modal-body{padding:18px;overflow:auto;max-height:calc(90vh - 66px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:8.5px;color:#5d6b73;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce4e8;border-radius:9px;background:#fbfcfd;color:#263840;padding:9px 10px;outline:0;font-size:11px}.field input,.field select{height:38px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#69b39f;box-shadow:0 0 0 3px #e9f5f1;background:#fff}.form-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.line-editor{border:1px solid var(--line);border-radius:11px;padding:8px}.line-table input{min-width:110px}.action-summary{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;background:#f5f9f8;border:1px solid #e1ebe8;border-radius:12px;padding:12px;margin-bottom:14px}.action-summary>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.action-summary span{font-size:8.5px;color:var(--muted)}.confirm-card{display:flex;gap:12px;align-items:center;background:#f6faf9;border:1px solid #e0ebe8;border-radius:12px;padding:14px;color:#38584f}.confirm-card>svg{color:var(--primary)}.confirm-card b{font-size:11px}.confirm-card p{font-size:9px;line-height:1.5;color:#75837f;margin:3px 0 0}.inline-error{background:#fff0f0;border:1px solid #f2cccc;color:#ae3434;border-radius:9px;padding:9px 11px;font-size:9.5px;margin-top:10px}.toast{position:fixed;right:22px;bottom:22px;z-index:200;width:min(390px,calc(100vw - 44px));background:#fff;border:1px solid #d8e5e1;border-left:4px solid var(--success);box-shadow:0 18px 48px rgba(12,45,43,.18);border-radius:13px;padding:12px;display:grid;grid-template-columns:25px 1fr 20px;gap:9px;align-items:start}.toast.warning{border-left-color:var(--warning)}.toast.danger{border-left-color:var(--danger)}.toast>svg{color:var(--success)}.toast.danger>svg{color:var(--danger)}.toast.warning>svg{color:var(--warning)}.toast b{font-size:10px;display:block}.toast span{font-size:8.5px;color:var(--muted);display:block;margin-top:2px;line-height:1.4}.toast button{border:0;background:transparent;color:#8b989f}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:9.5px}.table th{text-align:left;font-size:7.5px;color:#7d8a91;text-transform:uppercase;letter-spacing:.45px;background:#fafcfc;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:10px;border-bottom:1px solid #edf1f3;white-space:nowrap}.table tr:hover td{background:#fbfdfc}.permissions td,.permissions th{text-align:center}.permissions td:nth-child(1),.permissions td:nth-child(2),.permissions th:nth-child(1),.permissions th:nth-child(2){text-align:left}.switch{display:inline-flex!important;align-items:center!important;text-transform:none!important}.switch input{display:none}.switch span{width:30px;height:17px;border-radius:10px;background:#d3dce0;display:block;position:relative;transition:.15s}.switch span:after{content:"";position:absolute;width:13px;height:13px;background:white;border-radius:50%;left:2px;top:2px;box-shadow:0 1px 3px #879;transition:.15s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{left:15px}.approval-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.approval-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.approval-top{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.approval-icon{width:38px;height:38px;border-radius:11px;background:#eaf7f3;color:var(--primary);display:grid;place-items:center}.approval-top small{font-size:7.5px;color:var(--muted);letter-spacing:.6px}.approval-top h3{font-size:12px;margin:2px 0}.approval-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f8fafb;border-radius:9px;padding:10px;margin:12px 0}.approval-meta span{font-size:8px;color:#76858c}.approval-meta b{display:block;color:#3e5059;margin-bottom:2px}.approval-actions{display:flex;gap:6px}.workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.workflow-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:start}.workflow-icon{width:38px;height:38px;border-radius:11px;background:#eaf7f3;color:var(--primary);display:grid;place-items:center}.workflow-card small{font-size:7px;color:#829097}.workflow-card h3{font-size:11px;margin:3px 0 9px}.workflow-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.workflow-row span{font-size:7.5px;background:#f0f4f5;border-radius:6px;padding:4px 6px}.people-list{padding:8px}.people-list button{width:100%;border:0;background:transparent;padding:8px;border-radius:9px;display:grid;grid-template-columns:32px 1fr 18px;gap:8px;align-items:center;text-align:left;color:inherit}.people-list button:hover,.people-list button.active{background:#f0f7f5}.people-list b{display:block;font-size:9.5px}.people-list span{font-size:8px;color:var(--muted)}.notification-list{display:grid;gap:8px}.notification-list>button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;text-align:left;color:inherit}.notification-list>button.read{opacity:.68}.notice-icon{width:38px;height:38px;border-radius:10px;background:#edf7f4;color:var(--primary);display:grid;place-items:center}.notice-icon.warning{background:#fff2dc;color:var(--warning)}.notice-icon.critical{background:#fdeaea;color:var(--danger)}.notification-list b{font-size:10.5px}.notification-list p{font-size:9px;color:#63727a;margin:3px 0}.notification-list span{font-size:8px;color:#95a1a7}.copilot-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.copilot-main{background:linear-gradient(145deg,#0f3334,#0b6857);border-radius:20px;padding:25px;color:#fff}.copilot-orb{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#8de2ca}.copilot-main h2{font-size:19px;letter-spacing:-.4px}.copilot-main textarea{width:100%;min-height:120px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.14);color:#fff;border-radius:12px;padding:12px;outline:0;resize:vertical}.answer{margin-top:15px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:13px;font-size:10px;line-height:1.6;color:#d8eae6}.answer-head{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#fff}.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.cap-grid div{display:flex;align-items:center;gap:7px;background:#f7faf9;border-radius:8px;padding:9px;font-size:8.5px}.cap-grid svg{color:var(--primary)}.empty{color:#98a4aa;text-align:center;padding:25px;font-size:9px}.empty.mini{padding:12px}.empty.big{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.empty.big b{font-size:11px;color:#65747c}.empty.big span{font-size:8.5px}.login{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr}.login-art{background:linear-gradient(145deg,#102f31,#0c5e51);color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-280px;top:-200px;box-shadow:0 0 0 100px rgba(255,255,255,.025),0 0 0 200px rgba(255,255,255,.02)}.login-art .eyebrow{color:#8bd8c4;margin-top:22px}.login-art h1{font-size:43px;letter-spacing:-1.7px;line-height:1.04;max-width:680px;margin:12px 0 18px}.login-art>p{font-size:13px;line-height:1.65;color:#b8d3ce;max-width:610px}.login-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px;max-width:560px}.login-grid div{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.045);display:flex;align-items:center;gap:7px;font-size:9px}.login-grid svg{color:#75d2ba}.login-box-wrap{display:grid;place-items:center;padding:35px}.login-box{width:min(390px,100%)}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:40px}.login-logo b{display:block;font-size:15px}.login-logo span{display:block;font-size:8px;color:var(--muted);letter-spacing:1.4px}.login-box h2{font-size:27px;letter-spacing:-.8px;margin-bottom:5px}.login-box>p{font-size:11px;color:var(--muted);margin-bottom:24px}.login-box .field{margin:12px 0}.demo-note{display:block;text-align:center;color:#99a4aa;font-size:8px;margin-top:12px}
@media(max-width:1250px){.app{grid-template-columns:235px minmax(0,1fr)}.stats{grid-template-columns:repeat(4,1fr)}.ops-layout{grid-template-columns:minmax(0,1fr) 285px}.work-fields{grid-template-columns:repeat(3,1fr)}.kanban{grid-template-columns:repeat(4,240px)}}@media(max-width:950px){.app{display:block}.sidebar{display:none}.topbar{height:62px;padding:0 16px}.content{padding:16px 14px 80px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:61px;background:#fff;border-top:1px solid var(--line);z-index:50;justify-content:space-around}.mobile-nav button{border:0;background:transparent;color:#65757d;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:8px}.ops-layout,.grid-2,.dashboard-grid,.copilot-shell{grid-template-columns:1fr}.ops-side{order:-1}.side-sticky{position:static}.stats,.ops-kpis{grid-template-columns:repeat(2,1fr)}.approval-grid,.workflow-grid{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-art{display:none}.hero-strip{align-items:flex-start;flex-direction:column;gap:20px}.top-action span,.date-chip{display:none}}@media(max-width:620px){.workspace-head,.page-title{align-items:flex-start;flex-direction:column}.workspace-head .toolbar{width:100%}.searchbox{min-width:0}.workspace-toolbar{gap:8px}.work-fields{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stats,.ops-kpis{grid-template-columns:1fr 1fr}.hero-strip{padding:22px}.hero-strip h1{font-size:23px}.hero-actions{width:100%;flex-wrap:wrap}.login-box-wrap{padding:22px}.approval-meta{grid-template-columns:1fr}.approval-actions{flex-wrap:wrap}.cap-grid{grid-template-columns:1fr}}
.hidden{display:none!important}.dist-body{margin:0;background:#eef3f4;min-height:100vh}.dist-shell{min-height:100vh;display:grid;grid-template-columns:360px 1fr}.dist-side{background:linear-gradient(150deg,#102f31,#0b6555);color:#fff;display:flex;flex-direction:column}.dist-side .brand{border-color:rgba(255,255,255,.08)}.dist-copy{padding:70px 36px}.dist-copy>span,.dist-head>div>span{font-size:8px;font-weight:900;letter-spacing:1.3px;color:#79cdb7}.dist-copy h1{font-size:30px;line-height:1.08;letter-spacing:-1px}.dist-copy p{font-size:10px;line-height:1.7;color:#b7d0cc}.dist-main{padding:42px;max-width:1250px;width:100%;margin:auto}.dist-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}#authBox{max-width:520px;margin:6vh auto}.dist-form h2{font-size:20px;margin:22px 0 4px}.dist-form>p{font-size:9px;color:var(--muted);margin:0 0 18px}.dist-form label{display:flex;flex-direction:column;gap:5px;font-size:8px;text-transform:uppercase;letter-spacing:.4px;color:#66757d;font-weight:800;margin:10px 0}.dist-form input,.dist-form textarea{border:1px solid #dae4e7;background:#fbfcfd;border-radius:9px;padding:10px;font-size:11px;outline:0}.dist-form input:focus,.dist-form textarea:focus{border-color:#65b09d;box-shadow:0 0 0 3px #eaf5f2}.dist-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.dist-grid .full{grid-column:1/-1}.dist-msg{font-size:9px;margin-top:11px;border-radius:8px;padding:0}.dist-msg.ok,.dist-msg.bad{padding:9px}.dist-msg.ok{background:#e8f7f2;color:#08745c}.dist-msg.bad{background:#fff0f0;color:#b33f3f}.dist-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.dist-head h1{font-size:26px;margin:3px 0}.dist-head p{font-size:10px;color:var(--muted);margin:0}.dist-two{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.dist-card h2{font-size:14px;margin:0 0 12px}.dist-line-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.dist-line{display:grid;grid-template-columns:1fr 90px 90px 30px;gap:5px;margin:5px 0}.dist-line button{border:0;background:#fff0f0;color:#b33f3f;border-radius:7px}.dist-orders article{display:flex;justify-content:space-between;align-items:center;padding:11px 4px;border-bottom:1px solid #edf1f3}.dist-orders b{font-size:10px;display:block}.dist-orders span{font-size:8px;color:var(--muted)}.dist-orders em{font-style:normal;font-size:8px;font-weight:800;text-transform:capitalize;background:#eaf7f3;color:#08745c;padding:5px 7px;border-radius:999px}@media(max-width:900px){.dist-shell{grid-template-columns:1fr}.dist-side{display:none}.dist-main{padding:18px}.dist-two{grid-template-columns:1fr}}@media(max-width:560px){.dist-grid{grid-template-columns:1fr}.dist-line{grid-template-columns:1fr 65px 65px 30px}}