:root{
  --brand:#1677ff;--brand-2:#0ea5e9;--brand-soft:#eaf3ff;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;
  --sidebar:#14283a;--sidebar-2:#1d364b;--bg:#f3f6fa;--panel:#fff;--panel-2:#f8fafc;--text:#172033;--muted:#6b778c;
  --line:#e4e9f0;--shadow:0 10px 30px rgba(28,45,70,.08);--radius:12px;--sidebar-width:238px
}
[data-theme="dark"]{
  --bg:#0c1522;--panel:#121e2d;--panel-2:#172536;--text:#e7edf5;--muted:#97a8bb;--line:#2a3c50;
  --brand-soft:#173354;--shadow:0 10px 30px rgba(0,0,0,.25)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--text);background:var(--bg)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:30;background:linear-gradient(180deg,var(--sidebar),#102131);color:#dce9f5;display:flex;flex-direction:column;transition:.25s}
.brand{height:66px;padding:0 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#38bdf8,#2563eb);display:grid;place-items:center;font-size:22px;font-weight:900;color:white;box-shadow:0 6px 18px #0284c766}
.brand-copy{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}.brand-copy strong{font-size:15px;letter-spacing:.8px}.brand-copy small{color:#93a9bc;font-size:11px;margin-top:5px}
.icon-button{border:0;background:transparent;color:inherit;width:36px;height:36px;border-radius:9px;display:inline-grid;place-items:center;font-size:20px}
.icon-button:hover{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}
.sidebar-toggle{margin-left:auto;color:#9fb4c6}.main-nav{padding:12px 10px;overflow:auto;flex:1}.main-nav::-webkit-scrollbar{width:4px}.main-nav::-webkit-scrollbar-thumb{background:#ffffff22;border-radius:4px}
.nav-section-title{font-size:11px;color:#7890a5;padding:14px 10px 6px;letter-spacing:1px;white-space:nowrap}
.nav-group{margin:3px 0}.nav-item{height:42px;border:0;width:100%;border-radius:8px;background:transparent;color:#c8d8e6;display:flex;align-items:center;gap:11px;padding:0 12px;text-align:left;transition:.16s;position:relative}
.nav-item:hover{background:#ffffff0d;color:white}.nav-item.active{color:#fff;background:linear-gradient(90deg,#1686e9,#1876d3);box-shadow:0 6px 14px rgba(4,112,214,.28)}
.nav-icon{width:20px;text-align:center;font-size:17px;flex:none}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-arrow{margin-left:auto;transition:.2s}.nav-group.open>.nav-parent .nav-arrow{transform:rotate(180deg)}
.nav-children{height:0;overflow:hidden;border-left:1px solid #ffffff18;margin-left:20px}.nav-group.open>.nav-children{height:auto;padding:3px 0}.nav-children .nav-item{height:38px;padding-left:20px;font-size:14px}
.sidebar-footer{margin:10px;padding:12px;display:flex;gap:10px;align-items:center;background:#ffffff0a;border:1px solid #ffffff0a;border-radius:10px}.system-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e22}.sidebar-copy{display:flex;flex-direction:column;font-size:12px;white-space:nowrap}.sidebar-copy small{color:#7f98ad;margin-top:3px}
.main-area{min-height:100vh;margin-left:var(--sidebar-width);transition:.25s}.topbar{height:66px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.topbar-left,.topbar-actions{display:flex;align-items:center;gap:10px}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb strong{color:var(--text)}
.global-search{height:38px;width:260px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--muted);display:flex;align-items:center;gap:8px;padding:0 10px;text-align:left}.global-search span:nth-child(2){flex:1}.global-search:hover{border-color:#9dc7ff}
kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:2px 6px;background:var(--panel);color:var(--muted);font-size:11px}
.notice-button{position:relative}.notice-button b{position:absolute;right:1px;top:1px;min-width:16px;height:16px;border-radius:8px;background:var(--danger);color:white;font-size:10px;display:grid;place-items:center;padding:0 4px}
.user-chip{height:44px;border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:9px;padding:0 6px;border-radius:9px}.user-chip:hover{background:var(--panel-2)}.user-chip>span:nth-child(2){display:flex;flex-direction:column;text-align:left;font-size:13px}.user-chip small{font-size:11px;color:var(--muted);margin-top:2px}.avatar{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;display:grid;place-items:center;font-weight:bold}
.page-view{padding:22px;max-width:1800px;margin:auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.page-title h1{font-size:23px;margin:0 0 7px}.page-title p{margin:0;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.button{height:36px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.button:hover{border-color:#8abfff;color:var(--brand)}.button.primary{background:var(--brand);border-color:var(--brand);color:white}.button.primary:hover{background:#096ae0}.button.danger{color:var(--danger);border-color:#fecaca}.button.small{height:30px;padding:0 9px;font-size:12px}.button.link{height:auto;border:0;background:transparent;color:var(--brand);padding:4px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px}.stat-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:21px;background:var(--brand-soft);color:var(--brand)}.stat-copy{min-width:0}.stat-label{font-size:13px;color:var(--muted)}.stat-value{font-size:26px;font-weight:750;margin:3px 0}.stat-change{font-size:11px;color:var(--muted)}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}
.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px}.panel-head{min-height:54px;padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:15px;margin:0}.panel-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.panel-body{padding:16px}.filter-bar{padding:14px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--muted)}.filter-bar .field{min-width:150px}.filter-bar .field.search-field{min-width:250px;flex:1}
.control{height:36px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:0 10px;outline:none;min-width:0}.control:focus{border-color:#72adf8;box-shadow:0 0 0 3px #1677ff16}.field textarea.control{height:86px;padding:9px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field.full{grid-column:1/-1}.required:after{content:" *";color:var(--danger)}
.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:800px;font-size:13px}.data-table th{height:43px;text-align:left;color:var(--muted);font-weight:600;background:var(--panel-2);border-bottom:1px solid var(--line);padding:0 13px;white-space:nowrap}.data-table td{height:50px;border-bottom:1px solid var(--line);padding:8px 13px;white-space:nowrap}.data-table tbody tr:hover{background:color-mix(in srgb,var(--brand) 4%,transparent)}.data-table tbody tr.selected{background:var(--brand-soft)}.sort-head{cursor:pointer}.sort-head:after{content:" ↕";color:#aab4c0}.sort-head.asc:after{content:" ↑";color:var(--brand)}.sort-head.desc:after{content:" ↓";color:var(--brand)}
.checkbox{width:16px;height:16px;accent-color:var(--brand)}.entity{display:flex;align-items:center;gap:9px}.entity-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:bold}.entity strong{display:block}.entity small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.status{display:inline-flex;align-items:center;gap:5px;border-radius:10px;padding:3px 8px;font-size:11px;background:#eef2f7;color:#667085}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.success,.status.online,.status.done,.status.paid,.status.pass{color:#15803d;background:#dcfce7}.status.warning,.status.pending,.status.processing{color:#b45309;background:#fef3c7}.status.danger,.status.offline,.status.unpaid,.status.reject,.status.closed{color:#b91c1c;background:#fee2e2}.status.info,.status.using{color:#1d4ed8;background:#dbeafe}
.table-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;color:var(--muted);font-size:12px;gap:12px}.pagination{display:flex;align-items:center;gap:5px}.page-button{min-width:30px;height:30px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text)}.page-button.active{background:var(--brand);border-color:var(--brand);color:white}.page-button:disabled{opacity:.4;cursor:not-allowed}
.bulk-bar{margin:0 16px 12px;padding:10px 12px;border-radius:8px;background:var(--brand-soft);display:flex;align-items:center;gap:10px;color:var(--brand);font-size:13px}.bulk-bar .spacer{flex:1}
.empty{min-height:260px;display:grid;place-items:center;text-align:center;color:var(--muted)}.empty-icon{font-size:42px;opacity:.5}.empty h3{color:var(--text);margin:8px 0 5px}.empty p{margin:0;font-size:13px}
.chart{height:250px;display:flex;align-items:flex-end;gap:10px;padding:20px 10px 0;border-bottom:1px solid var(--line);position:relative}.chart:before,.chart:after{content:"";position:absolute;left:0;right:0;border-top:1px dashed var(--line)}.chart:before{top:34%}.chart:after{top:66%}.chart-bar{flex:1;min-width:14px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#40a9ff,#1677ff);position:relative;z-index:1;transition:.3s}.chart-bar:hover{filter:brightness(1.08)}.chart-bar span{position:absolute;bottom:-22px;width:100%;text-align:center;color:var(--muted);font-size:11px}.chart-bar b{position:absolute;top:-20px;width:100%;text-align:center;font-size:10px}
.task-list,.activity-list{display:flex;flex-direction:column}.task-row,.activity-row{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.task-row:last-child,.activity-row:last-child{border:0}.task-main{flex:1}.task-main strong{font-size:13px}.task-main p{font-size:11px;color:var(--muted);margin:5px 0 0}.progress{height:7px;border-radius:5px;background:var(--line);overflow:hidden;margin-top:9px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:5px}.activity-dot{width:10px;height:10px;background:var(--brand);border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px var(--brand-soft)}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-metric{padding:13px;border-radius:9px;background:var(--panel-2)}.mini-metric span{font-size:11px;color:var(--muted)}.mini-metric strong{display:block;font-size:19px;margin-top:4px}
.drawer{position:fixed;top:0;right:-430px;width:410px;max-width:92vw;height:100vh;background:var(--panel);z-index:60;box-shadow:-10px 0 35px #0002;transition:.25s;display:flex;flex-direction:column}.drawer.open{right:0}.overlay{position:fixed;inset:0;background:#06111d66;z-index:55;opacity:0;visibility:hidden;transition:.2s}.overlay.open{opacity:1;visibility:visible}.drawer-head{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head h2{font-size:18px;margin:0}.drawer-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.drawer-body{padding:8px 18px;overflow:auto;flex:1}.drawer-foot{border-top:1px solid var(--line);padding:14px 18px;display:flex;justify-content:flex-end;gap:8px}.notice-item{padding:14px 4px;border-bottom:1px solid var(--line);display:flex;gap:10px}.notice-item.unread:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);margin-top:6px;flex:none}.notice-content{flex:1}.notice-content strong{font-size:13px}.notice-content p{font-size:12px;color:var(--muted);line-height:1.6;margin:5px 0}.notice-content time{font-size:11px;color:#9aa4b1}
.modal-wrap,.palette-wrap{position:fixed;inset:0;background:#06111d88;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.18s}.modal-wrap.open,.palette-wrap.open{opacity:1;visibility:visible}.modal-card{width:680px;max-width:96vw;max-height:90vh;border-radius:14px;background:var(--panel);box-shadow:0 24px 70px #0004;display:flex;flex-direction:column;transform:translateY(12px);transition:.18s}.modal-wrap.open .modal-card{transform:none}.modal-card.wide{width:960px}.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h2{margin:0;font-size:18px}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.modal-body{padding:20px;overflow:auto}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line);border-radius:9px;overflow:hidden}.detail-item{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-item:nth-child(2n){border-right:0}.detail-item span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.detail-item strong{font-size:13px}.confirm-box{text-align:center;padding:14px}.confirm-icon{margin:auto;width:54px;height:54px;border-radius:50%;background:#fff1f2;color:var(--danger);display:grid;place-items:center;font-size:26px}.confirm-box h3{margin:14px 0 6px}.confirm-box p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.palette{width:670px;max-width:96vw;background:var(--panel);border-radius:14px;box-shadow:0 24px 70px #0005;overflow:hidden;align-self:flex-start;margin-top:10vh}.palette-input{height:62px;display:flex;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid var(--line)}.palette-input input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.palette-results{max-height:430px;overflow:auto;padding:8px}.search-group-title{padding:8px 10px 5px;color:var(--muted);font-size:11px}.search-result{width:100%;border:0;border-radius:8px;background:transparent;color:var(--text);padding:10px;display:flex;align-items:center;gap:10px;text-align:left}.search-result:hover,.search-result.active{background:var(--brand-soft)}.search-result .entity-icon{flex:none}.search-result div:nth-child(2){flex:1}.search-result strong{font-size:13px;display:block}.search-result small{font-size:11px;color:var(--muted)}.search-result em{font-style:normal;font-size:11px;color:var(--muted)}.palette-tip{border-top:1px solid var(--line);padding:10px 15px;color:var(--muted);font-size:11px}
.toast-region{position:fixed;right:22px;top:80px;z-index:100;display:flex;flex-direction:column;gap:9px}.toast{min-width:260px;max-width:360px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--success);border-radius:9px;box-shadow:var(--shadow);padding:12px 14px;animation:toast-in .25s}.toast.error{border-left-color:var(--danger)}.toast strong{font-size:13px}.toast p{margin:4px 0 0;font-size:11px;color:var(--muted)}@keyframes toast-in{from{opacity:0;transform:translateX(20px)}}
.mobile-menu{display:none}.mobile-mask{display:none}.loading-line{height:3px;position:fixed;top:0;left:var(--sidebar-width);right:0;z-index:120;background:linear-gradient(90deg,var(--brand),#60a5fa,var(--brand));background-size:200%;animation:loading 1s linear infinite}@keyframes loading{to{background-position:-200%}}
.sidebar-collapsed{--sidebar-width:72px}.sidebar-collapsed .sidebar{width:72px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-arrow,.sidebar-collapsed .nav-section-title,.sidebar-collapsed .sidebar-copy{display:none}.sidebar-collapsed .brand{justify-content:center;padding:0}.sidebar-collapsed .sidebar-toggle{position:absolute;right:-14px;background:var(--panel);color:var(--text);border:1px solid var(--line);width:28px;height:28px}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-collapsed .nav-children{display:none}.sidebar-collapsed .sidebar-footer{justify-content:center}
.tag{padding:3px 7px;border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--muted);background:var(--panel-2)}.tags{display:flex;gap:4px}.warning-box{padding:12px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:15px}[data-theme="dark"] .warning-box{background:#431407;color:#fdba74;border-color:#7c2d12}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.global-search{width:200px}}
@media(max-width:800px){:root{--sidebar-width:0px}.sidebar{left:-250px;width:238px}.sidebar.mobile-open{left:0}.mobile-mask.open{display:block;position:fixed;inset:0;background:#06111d88;z-index:25}.main-area{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 12px}.global-search{width:38px;padding:0;justify-content:center}.global-search span:nth-child(2),.global-search kbd,.user-chip>span:nth-child(2),.user-chip i{display:none}.page-view{padding:14px}.page-header{flex-direction:column}.page-actions{justify-content:flex-start}.stats-grid{grid-template-columns:1fr}.form-grid,.detail-grid{grid-template-columns:1fr}.detail-item{border-right:0}.metric-row{grid-template-columns:1fr}.table-footer{align-items:flex-start;flex-direction:column}.sidebar-toggle{display:none}}
@media(max-width:480px){.topbar-actions{gap:2px}.user-chip{padding:0}.page-title h1{font-size:20px}.button{padding:0 10px}.modal-wrap{padding:7px}.modal-body{padding:15px}.filter-bar .field,.filter-bar .field.search-field{width:100%;min-width:0}.control{width:100%}}

/* United Carriers inspired editorial operations theme */
:root{
  --brand:#ff6422;--brand-2:#ff8a31;--brand-soft:#fff0e8;--success:#31a36a;--warning:#f0a52b;--danger:#e34c4c;
  --sidebar:#0d0f12;--sidebar-2:#171a1f;--bg:#f2f0eb;--panel:#fff;--panel-2:#f7f6f2;--text:#111318;--muted:#74777e;
  --line:#deddd8;--shadow:0 12px 36px rgba(17,19,24,.065);--radius:5px;--sidebar-width:248px
}
[data-theme="dark"]{
  --bg:#111318;--panel:#191c21;--panel-2:#20242a;--text:#f4f2ed;--muted:#a4a6aa;--line:#34383e;
  --brand-soft:#43241a;--shadow:0 14px 40px rgba(0,0,0,.28)
}
body{letter-spacing:-.01em}
.sidebar{background:#0d0f12;border-right:1px solid #24272c}
.brand{height:78px;padding:0 18px;border-bottom:1px solid #272a2f}
.brand-mark{width:40px;height:40px;border-radius:50%;border:1px solid #ff6422;background:transparent;box-shadow:none;color:#ff6422;font-size:12px;letter-spacing:-1px}
.brand-copy strong{font-size:14px;letter-spacing:1.8px}.brand-copy small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1px;color:#777b82}
.main-nav{padding:18px 12px}.nav-section-title{font-family:Arial,sans-serif;font-size:9px;letter-spacing:1.8px;color:#62666e;padding:18px 10px 7px}
.nav-item{height:43px;border-radius:3px;color:#a9adb3;gap:12px;padding:0 11px}.nav-item:hover{background:#1a1d22;color:#fff}
.nav-item.active{background:#f2f0eb;color:#111318;box-shadow:none;font-weight:700}
.nav-item.active:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#ff6422}
.nav-children{border-left:1px solid #2b2e34;margin-left:21px}.nav-children .nav-item{font-size:13px;padding-left:18px}
.nav-icon{font-family:Arial,sans-serif;font-size:14px;color:#ff6422}.nav-parent .nav-icon{color:#7d828a}
.sidebar-footer{margin:12px;border:1px solid #2a2d32;border-radius:3px;background:#14171b;padding:13px}.system-dot{background:#ff6422;box-shadow:0 0 0 4px #ff64221f}.sidebar-copy strong{letter-spacing:.4px}.sidebar-copy small{color:#666b73}
.topbar{height:78px;padding:0 28px;background:rgba(242,240,235,.92);border-bottom:1px solid #d8d7d1}
[data-theme="dark"] .topbar{background:rgba(17,19,24,.92);border-color:#34383e}
.breadcrumb{font-size:12px;text-transform:uppercase;letter-spacing:.7px}.breadcrumb strong{font-weight:700}
.global-search{height:40px;width:290px;border-radius:2px;background:transparent;border-color:#cbc9c2;padding:0 12px}.global-search:hover{border-color:#ff6422;color:#111318}
[data-theme="dark"] .global-search:hover{color:#fff}
.user-chip{border-left:1px solid var(--line);border-radius:0;padding-left:16px}.avatar{border-radius:50%;background:#111318;color:#fff}.notice-button b{background:#ff6422}
.page-view{padding:28px;max-width:1900px}.page-header{margin:4px 0 24px;align-items:flex-end}.page-title:before{content:"NAXEON POWER / OPERATIONS";display:block;font-family:Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:1.8px;color:#ff6422;margin-bottom:10px}
.page-title h1{font-size:34px;line-height:1.05;letter-spacing:-1.3px;font-weight:780}.page-title p{font-size:13px;margin-top:10px;max-width:720px;line-height:1.7}
.button{height:39px;border-radius:2px;font-size:12px;font-weight:650;letter-spacing:.15px;padding:0 15px}.button.primary{background:#ff6422;border-color:#ff6422;color:#fff}.button.primary:hover{background:#e95012;border-color:#e95012;color:#fff}.button.link{font-weight:700;color:#e95012}
.panel{border-radius:4px;box-shadow:none;border-color:var(--line)}.panel-head{min-height:64px;padding:15px 19px}.panel-head h2{font-size:16px;letter-spacing:-.3px}.panel-head p{margin-top:5px}.panel-body{padding:19px}
.stats-grid{gap:1px;background:var(--line);border:1px solid var(--line);margin:0 0 18px}.stat-card{border:0;border-radius:0;box-shadow:none;padding:20px;background:var(--panel);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:transparent}.stat-card:hover:before{background:#ff6422}.stat-icon{width:38px;height:38px;border-radius:50%;background:transparent;border:1px solid var(--line);color:#ff6422;font-size:14px}.stat-label{text-transform:uppercase;font-family:Arial,sans-serif;letter-spacing:.8px;font-size:10px}.stat-value{font-size:29px;letter-spacing:-1px}.stat-change{font-size:10px}
.dashboard-grid{gap:18px}.metric-row{gap:1px;background:var(--line)}.mini-metric{border-radius:0;background:var(--panel-2);padding:16px}.mini-metric strong{font-size:23px}.progress{height:3px;border-radius:0}.progress i{border-radius:0;background:#ff6422}
.chart{gap:7px}.chart-bar{border-radius:1px 1px 0 0;background:linear-gradient(180deg,#ff8a31,#ff6422)}
.task-row,.activity-row{padding:14px 0}.entity-icon{border-radius:50%;background:#fff0e8;color:#e95012}.activity-dot{background:#ff6422;box-shadow:0 0 0 4px #ff64221d}
.filter-bar{padding:17px 18px;border-bottom:1px solid var(--line)}.control{height:39px;border-radius:2px;background:var(--panel);border-color:#d4d2cb}.control:focus{border-color:#ff6422;box-shadow:0 0 0 2px #ff642218}
.data-table th{height:46px;background:#f1f0ec;font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:#6e7177;padding:0 15px}.data-table td{height:55px;padding:9px 15px}.data-table tbody tr:hover{background:#fff8f4}
[data-theme="dark"] .data-table th{background:#20242a}[data-theme="dark"] .data-table tbody tr:hover{background:#271e1a}
.entity-icon{font-size:11px}.entity strong{font-size:13px}.status{border-radius:2px;padding:4px 7px;font-weight:650}.status:before{border-radius:0;width:5px;height:5px}
.table-footer{padding:15px 18px}.page-button{border-radius:2px}.page-button.active{background:#111318;border-color:#111318}.checkbox{accent-color:#ff6422}
.bulk-bar{border-radius:2px;background:#fff0e8;color:#d94c10}.tag{border-radius:2px;text-transform:uppercase;font-size:9px;letter-spacing:.7px}
.modal-card{border-radius:4px}.modal-head{padding:21px 23px}.modal-head h2{font-size:21px;letter-spacing:-.6px}.modal-body{padding:23px}.modal-foot{padding:16px 23px}.detail-grid{border-radius:2px}.warning-box{border-radius:2px}
.drawer{border-left:1px solid var(--line)}.notice-item.unread:before{background:#ff6422}.palette{border-radius:4px}.search-result{border-radius:2px}.search-result:hover,.search-result.active{background:#fff0e8}.toast{border-radius:2px;border-left-color:#ff6422}
.sidebar-collapsed .sidebar-toggle{border-radius:50%}

.ops-hero{min-height:430px;background:#0e1013;color:#f4f2ed;margin:-28px -28px 22px;padding:54px 58px 44px;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(420px,1.05fr);position:relative;overflow:hidden;border-bottom:4px solid #ff6422}
.ops-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff0b 50%,transparent 50.2%),linear-gradient(#ffffff07 1px,transparent 1px);background-size:100% 100%,100% 70px;pointer-events:none}
.ops-hero:after{content:"NAXEON / 01";position:absolute;right:22px;bottom:16px;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;color:#5a5e65}
.ops-hero-copy{position:relative;z-index:2;align-self:center;max-width:620px}.hero-eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;color:#a4a6aa;display:flex;align-items:center;gap:10px}.hero-eyebrow span{width:38px;height:1px;background:#ff6422}
.ops-hero h1{font-size:52px;line-height:1.03;letter-spacing:-2.8px;margin:25px 0 20px;font-weight:760}.ops-hero h1 em{font-style:normal;color:#ff6422}.ops-hero-copy>p{font-size:14px;line-height:1.85;color:#a8a9ac;max-width:570px;margin:0}
.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-actions .button{height:45px;padding:0 20px}.hero-actions .primary span{margin-left:12px}.hero-secondary{background:transparent;border-color:#42464c;color:#fff}.hero-secondary:hover{border-color:#ff6422;color:#ff6422}
.hero-live{margin-top:32px;display:flex;align-items:center;gap:9px;font-family:Arial,sans-serif;font-size:9px;letter-spacing:1.3px;color:#71757c}.hero-live i{width:7px;height:7px;background:#ff6422;border-radius:50%;box-shadow:0 0 0 5px #ff642219;animation:live-pulse 1.7s infinite}.hero-live strong{color:#d4d3cf;font-weight:500;margin-left:8px}
@keyframes live-pulse{50%{box-shadow:0 0 0 9px #ff642208}}
.network-visual{position:relative;min-height:330px;align-self:center;z-index:1}
.network-visual:before{content:"";position:absolute;inset:3% 8%;background:radial-gradient(circle at center,#ff642213 0,transparent 48%),repeating-radial-gradient(circle at center,#ffffff08 0 1px,transparent 1px 18px);clip-path:circle(49% at 50% 50%)}
.orbit{position:absolute;left:50%;top:50%;border:1px solid #ffffff20;border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg)}.orbit-one{width:360px;height:210px}.orbit-two{width:270px;height:310px;transform:translate(-50%,-50%) rotate(36deg);border-color:#ff642255}
.orbit:before{content:"";position:absolute;inset:12%;border:1px dashed #ffffff14;border-radius:50%}.orbit-node{position:absolute;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#171a1f;border:1px solid #5a5e65;color:#f4f2ed;font-size:11px;box-shadow:0 0 0 7px #0e1013}.node-a{left:4%;top:23%}.node-b{right:3%;bottom:20%}.node-c{left:12%;bottom:12%}.node-d{right:6%;top:12%;border-color:#ff6422;color:#ff6422}
.network-core{position:absolute;left:50%;top:50%;width:126px;height:126px;border-radius:50%;transform:translate(-50%,-50%);background:#ff6422;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 12px #ff642217,0 0 70px #ff642235}.network-core small,.network-core span{font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.4px}.network-core strong{font-size:19px;letter-spacing:-1px;margin:4px 0 3px}
.network-metric{position:absolute;padding-left:10px;border-left:2px solid #ff6422}.network-metric b{display:block;font-size:22px}.network-metric span{font-size:9px;color:#878a90;letter-spacing:.8px}.metric-a{left:2%;top:4%}.metric-b{right:1%;top:44%}.metric-c{left:10%;bottom:0}

@media(max-width:1200px){.ops-hero{grid-template-columns:1fr 1fr;padding:45px 40px}.ops-hero h1{font-size:43px}.network-visual{transform:scale(.88)}}
@media(max-width:960px){.ops-hero{grid-template-columns:1fr;min-height:auto}.network-visual{display:none}.ops-hero-copy{max-width:720px}.ops-hero h1{font-size:46px}}
@media(max-width:800px){.topbar{height:66px}.page-view{padding:14px}.ops-hero{margin:-14px -14px 16px;padding:38px 24px 34px}.ops-hero h1{font-size:38px;letter-spacing:-1.8px}.page-title h1{font-size:28px}.brand{height:66px}}
@media(max-width:480px){.ops-hero h1{font-size:32px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-live strong{display:none}}

/* Unified outline icon system */
.line-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.nav-icon{width:22px;height:22px;display:grid;place-items:center;color:#70757d;transition:color .18s ease,transform .18s ease}
.nav-icon .line-icon{width:19px;height:19px}
.nav-item:hover .nav-icon,.nav-item.active .nav-icon{color:#ff6422}
.nav-item:hover .nav-icon{transform:translateY(-1px)}
.nav-parent .nav-icon{color:#70757d}
.nav-arrow{width:18px;height:18px;display:grid;place-items:center}
.nav-arrow .line-icon{width:15px;height:15px;stroke-width:1.8}
.icon-button .line-icon{width:19px;height:19px}
.sidebar-toggle .line-icon{width:17px;height:17px}
.toolbar-icon{width:20px;height:20px;display:grid;place-items:center;flex:none}
.toolbar-icon .line-icon{width:17px;height:17px}
.user-chip i{width:16px;height:16px;display:grid;place-items:center;color:var(--muted)}
.user-chip i .line-icon{width:14px;height:14px}
.notice-button .line-icon{width:19px;height:19px}
.sidebar-collapsed .nav-icon{width:24px;height:24px}
.sidebar-collapsed .nav-icon .line-icon{width:20px;height:20px}

/* NAXEON POWER supplied white brand asset */
.brand-logo-crop{position:relative;width:150px;height:58px;overflow:hidden;display:block;flex:none}
.brand-logo-crop img{position:absolute;width:190px;height:auto;max-width:none;left:-20px;top:-27px;display:block}
.sidebar-collapsed .brand-logo-crop{width:46px;height:44px}
.sidebar-collapsed .brand-logo-crop img{width:96px;left:-25px;top:-7px}
@media(max-width:800px){
  .brand-logo-crop{height:52px}
  .brand-logo-crop img{top:-30px}
}