:root{--ink:#172033;--muted:#6f788a;--line:#e7e9ef;--paper:#fff;--canvas:#f4f6f9;--nav:#121927;--accent:#ff8a1f;--green:#19a974;--blue:#3979ed;--amber:#e7a530;--violet:#7a5af8;--red:#e15454;--shadow:0 8px 30px rgba(20,30,50,.06)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{background:var(--nav);color:#c5cad4;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 26px;color:#fff}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#ff9f43,#ff6b0b);display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 5px 18px #ff81284d}.brand strong{display:block;letter-spacing:2.5px;font-size:14px}.brand span{display:block;color:#858da0;font-size:10px;margin-top:3px;letter-spacing:.4px}.nav-item{width:100%;display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;border:0;background:transparent;color:#aeb5c3;padding:11px 12px;border-radius:9px;text-align:start;margin:2px 0;cursor:pointer}.nav-item em{font-style:normal}.nav-item span{font-size:18px;color:#8992a4}.nav-item:hover,.nav-item.active{background:#242d3d;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}.nav-item b{font-size:10px;background:#344055;color:#d7dbe3;padding:2px 7px;border-radius:20px}.nav-item b.warn{background:#7b4c1e;color:#ffc27b}.nav-label{font-size:9px;letter-spacing:1.4px;color:#646d7f;margin:24px 13px 7px}.system-card{margin-top:auto;border:1px solid #293448;border-radius:10px;padding:12px;display:flex;gap:9px;align-items:center}.system-card strong,.system-card small{display:block;font-size:10px}.system-card small{color:#6f7889;margin-top:3px}.live-dot{width:8px;height:8px;border-radius:50%;background:#32d99a;box-shadow:0 0 0 4px #32d99a20}
main{min-width:0}header{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.search{position:relative;width:min(460px,45vw);background:#f5f6f8;border-radius:9px;padding:9px 13px;display:flex;gap:10px;color:#9aa1af}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);z-index:15;overflow:hidden}.search-results button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:10px 13px;cursor:pointer;font-size:11px;border-bottom:1px solid #f0f1f4}.search-results button:last-child{border-bottom:0}.search-results button:hover{background:#f7f8fa}.search-results button small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.search-empty{padding:12px 13px;font-size:10px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.header-actions,.profile{display:flex;align-items:center;gap:14px}.language,.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer}.icon-button{position:relative}.icon-button i{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;right:7px;top:5px}.profile{border-left:1px solid var(--line);padding-left:15px}.profile strong,.profile small{display:block;font-size:11px}.profile small{color:var(--muted);font-size:9px;margin-top:2px}.avatar{width:32px;height:32px;border-radius:8px;background:#fff1e4;color:#d96408;display:grid;place-items:center;font-weight:700;font-size:11px}.mobile-only{display:none}
.page{display:none;padding:30px;max-width:1600px;margin:auto}.page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#9aa2b1;margin:0 0 6px}.page-heading h1{margin:0;font-size:25px;letter-spacing:-.5px}.page-heading>div>p:last-child{color:var(--muted);font-size:11px;margin:7px 0 0}.primary{border:0;border-radius:8px;background:var(--accent);color:#fff;padding:10px 15px;font-weight:650;font-size:11px;cursor:pointer;box-shadow:0 4px 12px #ff8a1f40}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:10px 16px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow)}.metric-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-weight:700}.metric-icon.green{background:#e6f8f1;color:var(--green)}.metric-icon.blue{background:#eaf1ff;color:var(--blue)}.metric-icon.amber{background:#fff5df;color:var(--amber)}.metric-icon.violet{background:#f0edff;color:var(--violet)}.metric small{font-size:9px;color:var(--muted)}.metric h2{font-size:18px;margin:4px 0 3px}.metric p{font-size:9px;color:var(--muted);margin:0}.metric .positive{color:var(--green)}
.grid-main{display:grid;grid-template-columns:1.7fr 1fr;gap:15px;margin-bottom:15px}.grid-bottom{display:grid;grid-template-columns:1.7fr 1fr;gap:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow);min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-title h3{margin:0;font-size:13px}.panel-title p{font-size:9px;color:var(--muted);margin:4px 0 0}.text-button{border:0;background:transparent;color:#4975d1;font-size:9px;cursor:pointer}.filter{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px;font-size:9px}.count-chip{font-size:9px;background:#fff0e1;color:#e27010;padding:4px 8px;border-radius:20px}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.pipeline-stage{background:#f7f8fa;border-radius:9px;padding:11px;min-height:140px}.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;font-weight:700}.stage-header b{background:#e8ebf0;border-radius:20px;padding:2px 6px;font-size:8px}.order-card{background:#fff;border:1px solid #e7e9ed;border-radius:7px;padding:8px;margin-bottom:7px;box-shadow:0 2px 8px #25334d0a}.order-card strong{font-size:9px;display:block}.order-card span{font-size:8px;color:var(--muted);display:block;margin-top:3px}.order-card i{height:3px;border-radius:4px;background:#e3e6eb;display:block;margin-top:7px;overflow:hidden}.order-card i::after{content:"";display:block;height:100%;width:var(--progress);background:var(--accent)}.attention-item{display:grid;grid-template-columns:29px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f1f4}.attention-item:last-child{border:0}.attention-symbol{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;font-size:11px}.attention-symbol.red{background:#feeceb;color:var(--red)}.attention-symbol.amber{background:#fff5df;color:var(--amber)}.attention-symbol.blue{background:#eaf1ff;color:var(--blue)}.attention-item strong,.attention-item small{display:block;font-size:9px}.attention-item small{color:var(--muted);margin-top:3px}.attention-item button{border:1px solid var(--line);background:#fff;border-radius:6px;font-size:8px;padding:5px 7px;cursor:pointer}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#9ba2b1;font-size:8px;letter-spacing:.5px;padding:8px;border-bottom:1px solid var(--line)}td{font-size:9px;padding:10px 8px;border-bottom:1px solid #f0f1f3}td strong{font-size:9px}.badge{display:inline-block;padding:4px 7px;border-radius:20px;font-size:8px}.badge.green{background:#e5f8f0;color:#16875f}.badge.amber{background:#fff4dc;color:#a86f0a}.badge.blue{background:#e9f0ff;color:#3166c4}.badge.gray{background:#eef0f3;color:#667083}.badge.red{background:#feeceb;color:#c73b3b}.agent-entry{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 0}.agent-icon{width:27px;height:27px;border-radius:7px;background:#f0edff;color:var(--violet);display:grid;place-items:center}.agent-entry strong,.agent-entry small{display:block;font-size:9px}.agent-entry small{color:var(--muted);margin-top:3px}.agent-entry time{font-size:8px;color:#9aa2af}.approval-banner{background:#fff7e8;border:1px solid #f6dfb2;border-radius:8px;padding:9px;display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;margin-top:8px}.approval-banner[hidden]{display:none}.approval-banner>span{width:20px;height:20px;border-radius:50%;background:#f8c561;color:#fff;display:grid;place-items:center;font-size:10px}.approval-banner strong,.approval-banner small{display:block;font-size:8px}.approval-banner small{color:#8d7553;margin-top:2px}.approval-banner button{background:#fff;border:1px solid #eccf97;border-radius:6px;font-size:8px;padding:5px 8px}.spark{color:var(--violet)}.empty-row{color:var(--muted);font-size:9px;text-align:center;padding:14px 8px}td.empty-row{text-align:left}
.module-content{min-height:480px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mod-section{margin-bottom:28px}.mod-section:last-child{margin-bottom:0}.mod-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mod-section-head h3{margin:0;font-size:13px}.mod-section-head small{color:var(--muted);font-size:10px;display:block;margin-top:3px}.module-card{border:1px solid var(--line);border-radius:10px;padding:16px;background:#fbfcfd}.module-card h3{margin:0 0 6px;font-size:12px}.module-card p{font-size:9px;line-height:1.5;color:var(--muted);margin:0 0 12px}.module-card ul{padding-left:16px;margin:0}.module-card li{font-size:9px;margin:7px 0}.agent-scope{display:flex;gap:6px;flex-wrap:wrap}.scope-chip{font-size:8px;padding:4px 7px;border-radius:20px;background:#eeeaff;color:#6248c9}.scope-chip.denied{background:#feecec;color:#b74141}.role-matrix{width:100%}.role-matrix td:first-child{font-weight:700}.check{color:var(--green);font-weight:900}.dash{color:#b7bdc8}.toast{position:fixed;right:20px;bottom:20px;background:#172033;color:#fff;padding:11px 15px;border-radius:8px;font-size:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:none}
dialog{border:0;border-radius:14px;padding:0;width:min(570px,92vw);box-shadow:0 25px 70px #11182740}dialog::backdrop{background:#11182780;backdrop-filter:blur(2px)}dialog form{padding:22px}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0}.form-grid label{font-size:9px;font-weight:650;color:#60697a}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid var(--line);border-radius:7px;margin-top:6px;padding:10px;outline:0}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff8a1f14}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.customer-mode-toggle{display:flex;gap:8px}.customer-mode-toggle button{flex:1;font-size:10px}.customer-mode-toggle button.active{border-color:var(--accent);color:var(--accent);background:#fff6ec}.checklist-items{margin:18px 0;display:flex;flex-direction:column;gap:10px}.checklist-items label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;color:var(--ink)}.checklist-items input[type="checkbox"]{width:16px;height:16px}.job-actions{display:flex;gap:6px;flex-wrap:wrap}.job-actions button{border:1px solid var(--line);background:#fff;border-radius:6px;font-size:8px;padding:5px 7px;cursor:pointer}.job-actions button.danger{color:var(--red);border-color:#f3caca}
[dir="rtl"] .sidebar,[dir="rtl"] table,[dir="rtl"] .nav-item{text-align:right}[dir="rtl"] .profile{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:15px}[dir="rtl"] .toast{right:auto;left:20px}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-main,.grid-bottom{grid-template-columns:1fr}.pipeline{overflow:auto;grid-template-columns:repeat(5,150px)}.module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.shell{display:block}.sidebar{position:fixed;z-index:30;transform:translateX(-105%);transition:.2s;width:244px}.sidebar.open{transform:none}[dir="rtl"] .sidebar{right:0;transform:translateX(105%)}[dir="rtl"] .sidebar.open{transform:none}.mobile-only{display:block}.profile>div:not(.avatar),.profile>span{display:none}.search{width:auto;flex:1;margin:0 8px}.page{padding:20px 14px}.page-heading{align-items:start;gap:12px}.metrics{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
.auth-shell{min-height:100vh;display:grid;place-items:center;background:var(--canvas);padding:20px}.auth-card{width:min(360px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:var(--shadow);text-align:center}.auth-card h1{font-size:16px;margin:12px 0 18px}.auth-card .brand-mark{margin:0 auto}.auth-form{display:flex;flex-direction:column;gap:12px;text-align:left}.auth-form[hidden]{display:none}.auth-form label{font-size:9px;font-weight:650;color:#60697a}.auth-form input{display:block;width:100%;border:1px solid var(--line);border-radius:7px;margin-top:6px;padding:10px;outline:0}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff8a1f14}.auth-form .primary{margin-top:6px}.auth-message{font-size:10px;padding:9px 11px;border-radius:8px;background:#eaf1ff;color:#3166c4;margin-bottom:14px}.auth-message.error{background:#feecec;color:#b74141}#authToggleMode{margin-top:14px;font-size:10px}.auth-pending p{font-size:11px;line-height:1.6}.auth-message-sub{color:var(--muted);font-size:9px}.auth-pending .secondary{margin-top:10px}
.pending-approvals{border:1px solid #f6dfb2;background:#fff7e8;border-radius:10px;padding:14px;margin-bottom:16px}.pending-approvals h3{margin:0 0 4px;font-size:12px}.pending-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #f0e2bd}.pending-row strong,.pending-row small{display:block;font-size:9px}.pending-row small{color:var(--muted);margin-top:2px}.pending-row select{border:1px solid var(--line);border-radius:7px;padding:6px;font-size:9px}