:root{color-scheme:dark;--bg:#071324;--nav:#091a30;--card:#10233b;--card2:#132a45;--border:#223a57;--text:#eef4fb;--muted:#90a8c0;--blue:#3185f7;--cyan:#53cde0;--green:#44c69d;--yellow:#e8bc70;--radius:16px;font:14px/1.52 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #7fc4ff;outline-offset:2px}a{color:#94c9ff;text-decoration:none}a:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(175deg,#0e2542,#081a30);border-right:1px solid var(--border);padding:26px 14px;display:flex;flex-direction:column;gap:26px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:4px 12px}.brand-symbol{border:1px solid #6da8ea;background:linear-gradient(140deg,#2872bb,#102843);width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:white;font-size:17px;font-weight:800}.brand-title{font-size:16px;letter-spacing:.15em;font-weight:800}.brand-sub{display:block;font-size:9px;letter-spacing:.2em;color:var(--muted)}.navgroup{margin-bottom:22px}.group-title{font-size:10px;letter-spacing:.14em;color:#7793b2;padding:0 12px 8px}.navitem{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;color:#9db4cc;text-align:left;padding:11px 12px;border-radius:10px;margin:2px 0}.navitem:hover{color:var(--text);background:#1b3653}.navitem.active{background:linear-gradient(110deg,#1766b2,#133b69);color:white;font-weight:650}.navitem svg{width:18px;height:18px;flex-shrink:0}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:15px 12px;color:var(--muted);font-size:12px}.online-dot{display:inline-block;background:var(--green);height:8px;width:8px;border-radius:50%;margin-right:7px}.workspace{min-width:0}.topbar{min-height:70px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 32px;background:#0b1c31}.breadcrumbs{color:#7895b2;font-size:13px}.breadcrumbs strong{color:#d4e6f8}.topright{display:flex;align-items:center;gap:16px}.search{background:#102944;color:var(--text);border:1px solid #274767;border-radius:10px;width:225px;padding:10px 12px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#2b6ab0;font-size:11px;font-weight:800}.preview-tag{border:1px solid #2b5888;background:#103057;color:#8dc8ff;border-radius:30px;padding:5px 11px;font-size:10px;letter-spacing:.08em;font-weight:700}.content{padding:32px;max-width:1520px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.17em;color:#5ea8f5;font-weight:750}.page-head h1{font-size:29px;letter-spacing:-.02em;margin:7px 0 4px}.subtitle{margin:0;color:var(--muted)}.btn{border:1px solid #315273;border-radius:10px;background:#163454;color:#e6f2ff;padding:10px 16px;white-space:nowrap}.btn:hover{background:#214e7e}.btn.primary{background:#287cf1;border-color:#287cf1;color:white;font-weight:650}.btn.primary:hover{background:#4593fa}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.card{background:linear-gradient(145deg,#10233b,#10223a);border:1px solid var(--border);border-radius:var(--radius);min-width:0;box-shadow:0 7px 25px rgba(0,0,0,.07)}.metric{padding:21px;min-height:142px}.metric-header{display:flex;justify-content:space-between;gap:10px;color:#9eb5cf;font-size:12px}.metric-icon{color:#6eb4fb;font-size:16px}.metric-value{font-weight:750;font-size:25px;line-height:1.3;margin:18px 0 7px;letter-spacing:-.03em}.metric-note{color:#7190ad;font-size:12px}.grid-2{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:18px;margin:18px 0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 21px;border-bottom:1px solid var(--border)}.card-head h2{font-size:15px;margin:0}.card-body{padding:21px}.muted{color:var(--muted)}.small{font-size:12px}.tablewrap{overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.tbl th{text-align:left;font-size:11px;letter-spacing:.025em;color:#7898b9;font-weight:650;padding:13px 17px;border-bottom:1px solid var(--border)}.tbl td{padding:14px 17px;border-bottom:1px solid #203550;color:#d7e5f4}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:#132b48}.id{font-size:11px;color:#71b6fc}.pill{border:1px solid #356a9e;color:#94ccff;background:#143355;border-radius:15px;display:inline-flex;align-items:center;padding:3px 9px;font-size:11px}.pill.green{border-color:#367d69;color:#73ddb7;background:#143d37}.pill.yellow{border-color:#78643d;color:#f7d491;background:#3d3020}.pill.gray{border-color:#39516c;color:#b0bed0;background:#1a2a3e}.stack{display:flex;flex-direction:column;gap:14px}.kpi-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #203650}.kpi-row:last-child{border:0}.kpi-row strong{font-size:13px}.chart{width:100%;height:190px;display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid #2a4665;padding:12px 12px 0}.bar{background:linear-gradient(0deg,#1456a7,#40a6f5);border-radius:6px 6px 0 0;flex:1;min-height:13%;position:relative}.bar::after{content:attr(data-label);position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);color:#7596b6;font-size:11px}.chart-spacer{height:26px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{padding:23px;cursor:pointer;transition:.15s}.tile:hover{background:#162e4e;border-color:#4274ac;transform:translateY(-2px)}.tile .tile-icon{font-size:25px;margin-bottom:16px;color:#6db5f4}.tile strong{font-size:15px}.tile p{color:var(--muted);font-size:12px;margin:8px 0 0}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}.filter{border:1px solid var(--border);border-radius:9px;background:#102742;color:#a6bbd2;padding:7px 13px}.filter.active{background:#1b62a9;color:white;border-color:#337dca}.demo-notice{border:1px solid #2a567c;background:linear-gradient(90deg,#103252,#0d243b);border-radius:12px;color:#9ec8e9;padding:12px 17px;margin:0 0 20px;font-size:12px}.board{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:15px}.board-column{background:#0c1d31;border:1px solid var(--border);border-radius:14px;padding:13px;min-height:320px}.board-column h3{font-size:13px;margin:5px 3px 15px}.board-column h3 span{float:right;color:var(--muted)}.task{border:1px solid #2a496a;background:#15304f;border-radius:12px;padding:14px;margin-bottom:11px;cursor:pointer}.task:hover{border-color:#4f91d0}.task-id{font-size:10px;color:#84b9ed;font-weight:650}.task h4{font-size:13px;margin:7px 0 10px}.task-foot{display:flex;justify-content:space-between;color:#82a1bf;font-size:11px}.modal-bg{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:20px;z-index:30}.modal{width:min(530px,100%);padding:26px;background:#10243d;border:1px solid #3c648a;border-radius:18px;box-shadow:0 30px 100px #0008}.modal h2{font-size:22px}.modal p{color:#a5bbcf}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal select{background:#0c1c30;color:white;border:1px solid #40688c;border-radius:10px;padding:10px;width:100%;margin:8px 0 16px}.bottom-note{color:#5d7a98;font-size:11px;margin:38px 0}.mobile-nav{display:none}::selection{background:#326daa}
@media(max-width:1120px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:12px;gap:0}.brand{padding:0 4px 8px}.sidebar nav{display:flex;overflow-x:auto;gap:9px}.navgroup{display:flex;gap:4px;margin:0}.group-title,.sidebar-bottom{display:none}.navitem{white-space:nowrap;width:auto;padding:9px;font-size:12px}.navitem svg{width:14px}.topbar{padding:12px 16px}.search{width:140px}.content{padding:20px 14px}.board{grid-template-columns:repeat(3,240px);overflow-x:auto}.page-head h1{font-size:25px}}
@media(max-width:480px){.topright{gap:7px}.preview-tag{display:none}.search{width:105px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px;min-height:119px}.metric-value{font-size:20px}.tiles{grid-template-columns:1fr}.page-head{flex-direction:column}.btn{font-size:12px}.metric-note{font-size:11px}}

/* Discrete chart heights avoid inline styles under strict CSP */
.bar.h38{height:38%}
.bar.h62{height:62%}
.bar.h51{height:51%}
.bar.h77{height:77%}
.bar.h48{height:48%}
.bar.h83{height:83%}
.bar.h65{height:65%}
.bar.h91{height:91%}