*{box-sizing:border-box}body{margin:0;font-family:Arial,'Microsoft YaHei',sans-serif;background:#08111f;color:#dbeafe}.layout{display:flex;min-height:100vh}.sidebar{width:230px;background:#0b1628;color:#e5f0ff;padding:18px 12px;position:fixed;height:100vh;overflow:auto;border-right:1px solid #1e3352}.logo{font-size:22px;font-weight:800;margin-bottom:6px;color:#fff}.subtitle{font-size:13px;opacity:.78;margin-bottom:18px}.nav a{display:block;color:#dbeafe;text-decoration:none;padding:10px 12px;border-radius:10px;margin:4px 0;font-size:14px}.nav a:hover{background:#162844}.nav a.active{background:#1d4ed8}.main{margin-left:230px;flex:1}.topbar{height:58px;background:#0b1628;border-bottom:1px solid #1e3352;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:10}.top-title{font-size:18px;font-weight:700;color:#eef6ff}.content{padding:22px}.card,.panel{background:#101d30;border:1px solid #233a5d;border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 8px 24px rgba(0,0,0,.18)}h1,h2,h3{color:#f8fbff}.grid{display:grid;gap:14px}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{background:#101d30;border-radius:16px;padding:18px;border:1px solid #233a5d}.stat .num{font-size:28px;font-weight:800;color:#60a5fa}.stat .label{font-size:14px;color:#93a8c7}.toolbar,.form-row,.quick{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:#a9bad3}.input,select,textarea,input{border:1px solid #2d4568;border-radius:10px;padding:9px 10px;background:#0b1628;color:#e5eefb;min-height:38px}input::placeholder,textarea::placeholder{color:#7388a7}textarea{width:100%;font-family:Consolas,monospace}.btn,button{border:0;border-radius:10px;padding:9px 14px;background:#2563eb;color:#fff;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px}.btn.secondary,button.secondary{background:#475569}.btn.danger,button.danger{background:#b91c1c}.btn.warn,button.warn{background:#b45309}.btn.light,button.light,.btn.gray{background:#1f2f46;color:#dbeafe}.btn.green,button.green{background:#2563eb}.btn.orange,button.orange{background:#b45309}.btn.line{background:transparent;border:1px solid #2d4568}.btn.small,button.small{font-size:12px;padding:6px 9px}.btn:disabled,button:disabled{opacity:.65;cursor:not-allowed}.table{width:100%;border-collapse:collapse;background:#101d30}.table th,.table td{border-bottom:1px solid #243a5b;padding:10px;text-align:left;font-size:13px;vertical-align:top}.table th{background:#0d1a2c;color:#cfe3ff}.table tr:hover td{background:#0e2036}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#1e3a5f;color:#bfdbfe;font-size:12px;margin-left:4px}.badge.ok{background:#14532d;color:#bbf7d0}.badge.bad{background:#7f1d1d;color:#fecaca}.badge.warn{background:#713f12;color:#fde68a}.muted{color:#93a8c7;font-size:13px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.flash{position:fixed;right:20px;top:70px;z-index:99;background:#0f172a;color:white;padding:12px 16px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.35);border:1px solid #334155}.codebox{height:620px;font-size:13px;line-height:1.5}.imgthumb{max-width:110px;max-height:90px;border-radius:8px;border:1px solid #2d4568}a{color:#93c5fd}@media(max-width:1000px){.sidebar{position:relative;width:100%;height:auto}.main{margin-left:0}.layout{display:block}.grid4,.grid3,.grid2{grid-template-columns:1fr}}
/* final dashboard additions */
.nav-section{font-size:12px;color:#6fa8ff;text-transform:uppercase;letter-spacing:.08em;margin:18px 10px 8px;border-top:1px solid #1e3352;padding-top:12px}.nav-section:first-child{border-top:0;margin-top:8px;padding-top:0}
.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}
.kpi{background:linear-gradient(180deg,#122238,#0d1a2c);border:1px solid #24456f;border-radius:18px;padding:18px;box-shadow:0 12px 32px rgba(0,0,0,.22)}.kpi .title{font-size:13px;color:#9fb4d3}.kpi .value{font-size:30px;font-weight:900;color:#eef6ff;margin-top:8px}.kpi .sub{font-size:12px;color:#8ca3c3;margin-top:8px}.kpi.good .value{color:#86efac}.kpi.blue .value{color:#93c5fd}.kpi.warn .value{color:#fbbf24}.kpi.bad .value{color:#fca5a5}
.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:#60a5fa}.status-dot.ok{background:#22c55e}.status-dot.busy{background:#3b82f6}.status-dot.wait{background:#f59e0b}.status-dot.bad{background:#ef4444}.progress{height:9px;background:#0b1628;border:1px solid #233a5d;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:999px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title h3{margin:0}.metric-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:8px 0}.metric-row b{color:#e8f2ff}.pill{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;background:#1e3a5f;color:#bfdbfe}.pill.ok{background:#14532d;color:#bbf7d0}.pill.warn{background:#713f12;color:#fde68a}.pill.bad{background:#7f1d1d;color:#fecaca}.pill.gray{background:#243244;color:#cbd5e1}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:span 1}}


.table-pagination{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin:10px 0 4px;flex-wrap:wrap}.table-pagination .page-info{margin-right:6px}.table-pagination button:disabled{opacity:.45;cursor:not-allowed}