:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06101b;--panel:#0d1a27;--panel-2:#122232;--line:#254159;--text:#f5fbff;--muted:#9eb5c7;--cyan:#16d9ee;--violet:#8e68d8;--good:#0ccf8f;--warn:#f5b942;--bad:#ff5570}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{background:radial-gradient(circle at 70% 0,#8e68d83d,#0000 34%),linear-gradient(120deg,#06101b 0%,#071827 52%,#10172b 100%);grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.rail{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02080fd1;border-right:1px solid #ffffff14;flex-direction:column;gap:22px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brandMark{background:linear-gradient(135deg, var(--cyan), var(--good));color:#001019;border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.brand strong{letter-spacing:.01em;font-size:18px;display:block}.brand span{color:var(--muted);margin-top:2px;font-size:12px;display:block}nav{gap:8px;display:grid}nav a,.backend{color:var(--muted);border:1px solid #0000;border-radius:12px;padding:11px 12px;font-size:14px;font-weight:700}nav a.active,nav a:hover{color:var(--text);background:#ffffff14;border-color:#ffffff29}.backend{text-align:center;color:var(--text);background:#8e68d852;margin-top:auto}.workspace{min-width:0;padding:28px 32px 48px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;margin:0 0 6px;font-size:12px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:0;font-size:clamp(30px,4vw,52px)}h2{letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(24px,3vw,36px)}.search{gap:10px;min-width:min(520px,48vw);display:flex}.search input{border:1px solid var(--line);color:var(--text);background:#00000059;border-radius:14px;outline:none;flex:1;padding:13px 15px}button,.quickLinks a,.cardHead a{background:var(--violet);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 16px;font-weight:900}.heroPanel,.card,.metric{background:#0d1a27d1;border:1px solid #84c3e633;box-shadow:0 24px 80px #00000038}.heroPanel{border-radius:24px;justify-content:space-between;align-items:end;gap:28px;margin-bottom:20px;padding:30px;display:flex}.heroPanel p{color:var(--muted);max-width:760px;line-height:1.55}.quickLinks{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.metrics{grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{border-radius:18px;padding:22px}.metric span{font-size:34px;font-weight:950;display:block}.metric p{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:4px 0 0;font-size:11px;font-weight:900}.metric.good{border-color:#0ccf8f73}.metric.warn{border-color:#f5b94273}.metric.bad{border-color:#ff557073}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.card{border-radius:20px;min-height:190px;padding:20px}.cardHead{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.card h3{margin:0;font-size:20px}.cardHead a{color:#baf6ff;background:#16d9ee29;padding:9px 12px}ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}li,.activity{color:#dcecf7;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:12px}.activity{grid-template-columns:1fr auto;gap:4px 12px;margin-bottom:10px;display:grid}.activity span{color:var(--muted);font-size:12px}.activity p{color:var(--muted);grid-column:1/-1;margin-bottom:0}@media (max-width:980px){.shell{grid-template-columns:1fr}.rail{height:auto;position:static}.topbar,.heroPanel{flex-direction:column;align-items:stretch}.search{width:100%;min-width:0}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (max-width:520px){.workspace{padding:20px 14px 32px}.metrics{grid-template-columns:1fr}.quickLinks{justify-content:stretch}.quickLinks a{text-align:center;flex:1}}.topbar.compact{align-items:flex-start}.pageIntro{color:var(--muted);margin:8px 0 0}.controlStrip{grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px;margin-bottom:18px;display:grid}.controlStrip label,.settingRow{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;gap:7px;font-size:12px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);color:var(--text);font:inherit;background:#00000047;border-radius:12px;padding:11px 12px}textarea{resize:vertical;min-height:110px}.boardLayout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px;display:grid}.tableCard,.sidePanel,.settingsCard{background:#0d1a27d1;border:1px solid #84c3e633;border-radius:20px;padding:18px;box-shadow:0 24px 80px #0003}.tableCard{overflow:auto}.workTable{border-collapse:collapse;width:100%;min-width:920px}.workTable th,.workTable td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff14;padding:11px 10px}.workTable th{color:#bfeeff;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.okRow{background:#127f5c29}.warnRow{background:#f5b94229}.microButton{border-radius:9px;padding:7px 10px;font-size:12px}.softPill{color:#baf6ff;border:1px solid #16d9ee59;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.sidePanel{gap:12px;display:grid;position:sticky;top:20px}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settingsCard h3{margin-bottom:14px}.settingRow{text-transform:none;letter-spacing:0;border-top:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:11px 0;font-size:14px}.settingRow input[type=checkbox]{width:20px;height:20px;accent-color:var(--cyan)}.settingRow input[type=number]{width:82px}.settingRow select{min-width:120px}.settingsCard.wide{grid-column:1/-1}.colorRuleGrid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;display:grid}.colorRule{color:var(--muted);border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-weight:800;display:flex}.colorRule input{width:44px;height:34px;padding:3px}.saveBar{color:var(--good);grid-column:1/-1;justify-content:flex-end;align-items:center;gap:14px;font-weight:900;display:flex}@media (max-width:1120px){.boardLayout,.settingsGrid{grid-template-columns:1fr}.sidePanel{position:static}.colorRuleGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.controlStrip,.colorRuleGrid{grid-template-columns:1fr}}