:root{--bg:#090d18;--surface:#111827;--surface2:#182235;--border:rgba(255,255,255,.08);--text:#f5f7fb;--muted:#8f9bb3;--primary:#6d5dfc;--primary2:#8b7cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(109,93,252,.18),transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;padding:24px 16px;background:rgba(12,17,30,.94);border-right:1px solid var(--border);backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#3dd5f3);font-weight:900;font-size:22px;box-shadow:0 12px 30px rgba(109,93,252,.3)}.brand div{display:flex;flex-direction:column}.brand strong{letter-spacing:.12em}.brand small,.sidebar-footer small{color:var(--muted)}.sidebar .nav-link{color:#a9b4c9;border-radius:11px;padding:11px 13px;display:flex;gap:12px;align-items:center}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(109,93,252,.25),rgba(109,93,252,.06));box-shadow:inset 3px 0 0 var(--primary2)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding:18px 8px 0;display:flex;align-items:center;gap:10px}.sidebar-footer div:last-child{display:flex;flex-direction:column;font-size:13px}.user-avatar,.mail-avatar{width:36px;height:36px;min-width:36px;border-radius:11px;background:#243149;display:grid;place-items:center;font-size:12px;font-weight:800}.main-content{margin-left:245px;min-width:0;width:calc(100% - 245px)}.topbar{padding:25px 30px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background:rgba(9,13,24,.7);backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.topbar h1{font-size:23px;margin:0 0 4px;font-weight:750}.topbar p,.panel-head p{margin:0;color:var(--muted);font-size:13px}.content-wrap{padding:27px 30px}.btn-primary{background:linear-gradient(135deg,var(--primary),#8173ff);border:0;box-shadow:0 8px 25px rgba(109,93,252,.24)}.panel{background:linear-gradient(145deg,rgba(19,28,46,.96),rgba(14,21,35,.96));border:1px solid var(--border);border-radius:17px;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden}.panel-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.panel-head h2{font-size:16px;margin:0 0 4px}.metric-card{height:112px;padding:20px;background:linear-gradient(145deg,rgba(19,28,46,.98),rgba(14,21,35,.98));border:1px solid var(--border);border-radius:17px;display:flex;align-items:center;gap:16px}.metric-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:21px;background:rgba(109,93,252,.15);color:#a89fff}.metric-icon.amber{background:rgba(245,158,11,.14);color:#fbbf24}.metric-icon.red{background:rgba(239,68,68,.14);color:#fb7185}.metric-icon.green{background:rgba(34,197,94,.14);color:#4ade80}.metric-icon.violet{background:rgba(168,85,247,.14);color:#c084fc}.metric-card div:last-child{display:flex;flex-direction:column}.metric-card span{font-size:13px;color:var(--muted)}.metric-card strong{font-size:30px;line-height:1.2}.modern-table{margin:0}.modern-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;padding:14px 20px;border-color:var(--border)}.modern-table td{padding:15px 20px;border-color:var(--border);font-size:13px}.modern-table td strong,.modern-table td small{display:block}.modern-table td small{color:var(--muted);margin-top:3px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750;background:rgba(148,163,184,.15);color:#cbd5e1}.status-pill.blue,.dot.blue{background:rgba(59,130,246,.16);color:#60a5fa}.status-pill.amber,.dot.amber{background:rgba(245,158,11,.16);color:#fbbf24}.status-pill.violet,.dot.violet{background:rgba(139,92,246,.16);color:#a78bfa}.status-pill.cyan,.dot.cyan{background:rgba(6,182,212,.16);color:#22d3ee}.status-pill.indigo,.dot.indigo{background:rgba(99,102,241,.16);color:#818cf8}.status-pill.orange,.dot.orange{background:rgba(249,115,22,.16);color:#fb923c}.status-pill.green,.dot.green{background:rgba(34,197,94,.16);color:#4ade80}.mail-list{padding:5px 18px}.mail-item{display:flex;gap:12px;padding:15px 3px;border-bottom:1px solid var(--border)}.mail-item:last-child{border:0}.mail-item.unread strong{color:#fff}.mail-item strong,.mail-item span,.mail-item small{display:block;font-size:12px}.mail-item span{color:#cbd5e1;margin:2px 0}.mail-item small{color:var(--muted)}.dispatch-note{margin-bottom:18px;padding:13px 16px;border:1px solid rgba(109,93,252,.28);border-radius:12px;background:rgba(109,93,252,.08);font-size:13px;color:#c9c4ff}.kanban-board{display:flex;gap:14px;overflow-x:auto;padding-bottom:14px;min-height:610px}.kanban-column{width:290px;min-width:290px;background:rgba(14,21,35,.78);border:1px solid var(--border);border-radius:15px;overflow:hidden}.kanban-head{padding:15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.kanban-head h3{font-size:13px;margin:0;flex:1}.dot{width:9px;height:9px;border-radius:50%;padding:0!important}.count{background:#243149;color:#b9c4d7;padding:2px 7px;border-radius:999px;font-size:11px}.kanban-list{padding:12px;min-height:540px}.order-card{background:linear-gradient(145deg,#19243a,#121b2d);border:1px solid var(--border);border-radius:13px;padding:13px;margin-bottom:10px;cursor:grab;box-shadow:0 8px 20px rgba(0,0,0,.16)}.order-card:hover{border-color:rgba(109,93,252,.5);transform:translateY(-1px)}.card-top{display:flex;justify-content:space-between;margin-bottom:9px}.priority{font-size:9px;font-weight:800;letter-spacing:.08em;padding:3px 6px;border-radius:6px;background:#26334c;color:#aeb9cc}.priority.urgent{background:rgba(239,68,68,.15);color:#fb7185}.priority.high{background:rgba(245,158,11,.15);color:#fbbf24}.drag-handle{color:#65728a}.order-card>strong{font-size:13px}.order-card>p{font-size:12px;color:var(--muted);margin:2px 0 10px}.container-code{font-family:ui-monospace,monospace;font-size:12px;padding:8px;border-radius:8px;background:rgba(0,0,0,.19)}.container-code i{margin-right:7px;color:#8b7cff}.order-meta{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:var(--muted);font-size:10px}.order-meta i{margin-right:4px}.sortable-ghost{opacity:.25}.sortable-drag{transform:rotate(2deg)}.form-panel{padding-bottom:20px}.form-section{padding:21px}.form-section+.form-section{border-top:1px solid var(--border)}.form-section h3{font-size:14px;margin-bottom:16px}.form-control,.form-select{background:#10192a;border-color:#2a3850;color:#eef2f8}.form-control:focus,.form-select:focus{background:#10192a;color:#fff;border-color:#6d5dfc;box-shadow:0 0 0 .2rem rgba(109,93,252,.15)}.email-layout{display:grid;grid-template-columns:230px 1fr;gap:20px}.mail-folders{padding:17px;height:max-content}.mail-folders a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;color:#a9b4c9;text-decoration:none;font-size:13px}.mail-folders a.active{background:rgba(109,93,252,.15);color:#d9d5ff}.mail-folders a span{margin-left:auto;background:#6d5dfc;color:#fff;padding:1px 6px;border-radius:999px;font-size:10px}.mail-row{display:grid;grid-template-columns:20px 38px minmax(0,1fr) auto 92px;gap:12px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border);font-size:12px}.mail-row.unread{background:rgba(109,93,252,.035)}.mail-main{min-width:0}.mail-main>div{display:flex;gap:12px}.mail-main strong{min-width:145px}.mail-main span,.mail-main p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-main p{margin:3px 0 0;color:var(--muted)}.mail-tags{display:flex;align-items:center;gap:8px}.tag{padding:4px 7px;border-radius:7px;background:rgba(34,197,94,.12);color:#5ee58b;font-size:10px}.tag.warning{background:rgba(245,158,11,.12);color:#fbbf24}.mail-row time{color:var(--muted);text-align:right}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.customer-card{padding:22px;display:grid;grid-template-columns:52px 1fr;gap:14px}.customer-logo{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#6d5dfc,#22d3ee);display:grid;place-items:center;font-weight:900}.customer-card h3{font-size:16px;margin:3px 0}.customer-card>div:nth-child(2)>span{font-size:12px;color:var(--muted)}.customer-stats,.customer-contact{grid-column:1/-1;display:flex;gap:28px;padding-top:15px;border-top:1px solid var(--border)}.customer-stats div{display:flex;flex-direction:column}.customer-stats span,.customer-contact span{color:var(--muted);font-size:11px}.customer-contact{justify-content:space-between}.customer-contact i{margin-right:7px}.app-footer{padding:8px 30px 25px;color:#66738b;font-size:11px}.toast-message{position:fixed;right:24px;bottom:24px;padding:12px 16px;border-radius:11px;background:#163321;border:1px solid rgba(74,222,128,.25);color:#8ff0aa;transform:translateY(20px);opacity:0;transition:.25s;z-index:100}.toast-message.show{transform:none;opacity:1}.toast-message i{margin-right:8px}.toast-message.danger{background:#3a171d;color:#ff9dad}.install-page{min-height:100vh;display:grid;place-items:center;padding:25px}.install-card{width:min(680px,100%);padding:34px;background:linear-gradient(145deg,#131d30,#0d1524);border:1px solid var(--border);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.install-card h1{text-align:center;font-size:25px}.install-card>p{text-align:center;margin-bottom:25px}@media(max-width:1000px){.sidebar{width:78px}.sidebar .brand div,.sidebar .nav-link span,.sidebar-footer div:last-child{display:none}.main-content{margin-left:78px;width:calc(100% - 78px)}.customer-grid{grid-template-columns:1fr}.email-layout{grid-template-columns:1fr}.mail-folders{display:none}}@media(max-width:700px){.topbar,.content-wrap{padding-left:17px;padding-right:17px}.topbar p{display:none}.topbar .btn{font-size:0}.topbar .btn i{font-size:16px}.mail-row{grid-template-columns:20px 36px 1fr}.mail-tags,.mail-row time{display:none}.mail-main strong{min-width:0}.mail-main>div{display:block}.sidebar{display:none}.main-content{margin:0;width:100%}}
.mail-row{text-decoration:none;color:inherit}.mail-row:hover{background:rgba(109,93,252,.08)}.mail-connect-banner{margin:16px 20px;padding:14px 16px;border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.07);border-radius:12px;display:flex;align-items:center;gap:13px}.mail-connect-banner>i{font-size:24px;color:#fbbf24}.mail-connect-banner div{display:flex;flex-direction:column;flex:1}.mail-connect-banner span{color:var(--muted);font-size:12px}.account-card{padding:14px;border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.account-card>div:first-child{display:flex;flex-direction:column}.account-card span,.account-card small{color:var(--muted);font-size:12px}.empty-state{padding:25px;text-align:center;color:var(--muted)}.mail-detail .panel-head time{color:var(--muted);font-size:12px}.mail-body{padding:28px;min-height:340px;line-height:1.65;background:#f8fafc;color:#172033}.html-mail-frame a{color:#4f46e5}.attachment-list{padding:0 24px 24px}.attachment-list h3{font-size:13px}.attachment-list a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#dbe4f2;padding:12px;border:1px solid var(--border);border-radius:10px;margin-top:8px}.attachment-list a span{display:flex;flex-direction:column}.attachment-list small{color:var(--muted)}