*{box-sizing:border-box}:root{--bg:#06111f;--sidebar:#071321;--panel:#0d1c2e;--panel2:#10243a;--line:#203a55;--text:#f5f8fc;--muted:#8fa4bb;--accent:#53d3aa;--accent-2:#6ca8ff;--amber:#ffc861;--danger:#ff7373;--shadow:#0000002e}:root[data-theme=carbon]{--bg:#101318;--sidebar:#0a0d11;--panel:#181d24;--panel2:#202731;--line:#343c46;--text:#f5f7fa;--muted:#a1a9b3;--accent:#c8d0d9;--accent-2:#8896a7;--amber:#e0b865;--danger:#ef7373;--shadow:#00000052}:root[data-theme=ocean]{--bg:#04121f;--sidebar:#04101a;--panel:#0a2030;--panel2:#0d2a3c;--line:#18445d;--text:#f2fbff;--muted:#91b8c9;--accent:#45d7c0;--accent-2:#4ca8ff;--amber:#ffca64;--danger:#ff7474;--shadow:#00070f42}:root[data-theme=midnight-gold]{--bg:#07101a;--sidebar:#050c13;--panel:#111e2b;--panel2:#172838;--line:#3b4250;--text:#f8f5ed;--muted:#aaa79f;--accent:#c9a44c;--accent-2:#5f94d9;--amber:#d9b85d;--danger:#ef7272;--shadow:#0000004d}:root[data-theme=aurora]{--bg:#07131d;--sidebar:#061018;--panel:#102332;--panel2:#173247;--line:#29455c;--text:#f7fbff;--muted:#9ab1c5;--accent:#5de0b3;--accent-2:#9a7cff;--amber:#ffc861;--danger:#ff7676;--shadow:#00000038}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 80% -10%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 31%),linear-gradient(145deg,var(--bg),color-mix(in srgb,var(--bg) 82%,#10273a));min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.appShell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb,var(--sidebar) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 6px 22px;display:flex}.brandMark{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04110d;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.brand>div:last-child{flex-direction:column;display:flex}.brand strong{font-size:16px}.brand span{color:var(--muted);font-size:10px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button{appearance:none;width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:11px 12px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{background:color-mix(in srgb,var(--accent-2) 18%,var(--panel));color:var(--text)}.sidebarFooter{gap:10px;margin-top:auto;display:grid}.systemStatus,.versionBadge{border:1px solid var(--line);background:var(--panel);border-radius:11px}.systemStatus{align-items:center;gap:9px;padding:11px;display:flex}.onlineDot{background:var(--accent);border-radius:50%;width:8px;height:8px}.systemStatus div{flex-direction:column;display:flex}.systemStatus strong{font-size:11px}.systemStatus small,.versionBadge{color:var(--muted);font-size:9px}.versionBadge{align-items:center;gap:7px;padding:9px 11px;display:flex}.mainContent{min-width:0;padding:22px 26px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.12em;font-size:10px;font-weight:900}.topbar h1{margin:4px 0 0;font-size:26px}.topbar p{color:var(--muted);margin:5px 0 0;font-size:13px}.topActions{align-items:center;gap:9px;display:flex}.searchBox{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:8px;min-width:270px;height:42px;padding:0 10px 0 12px;display:flex}.searchBox input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.searchBox input::placeholder{color:var(--muted)}.searchBox kbd{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:3px 6px;font-size:9px}.iconButton{appearance:none;border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;place-items:center;width:42px;height:42px;display:grid;position:relative}.iconButton>span{background:var(--danger);border-radius:50%;place-items:center;min-width:18px;height:18px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-6px;right:-5px}.profileButton{appearance:none;border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:5px 10px 5px 6px;display:flex}.profileButton>b{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#04110d;border-radius:8px;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.profileButton>span{text-align:left;flex-direction:column;display:flex}.profileButton strong{font-size:11px}.profileButton small{color:var(--muted);font-size:9px}.pulseBar{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(5,1fr);gap:1px;margin-bottom:12px;display:grid;overflow:hidden}.pulseBar>div{background:var(--panel);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pulseBar span{color:var(--muted);font-size:9px}.pulseBar strong{font-size:12px}.hero{border:1px solid color-mix(in srgb,var(--accent-2) 42%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--panel2) 92%,var(--accent-2)),var(--panel));box-shadow:0 14px 34px var(--shadow);border-radius:16px;grid-template-columns:minmax(0,1fr) 180px;gap:22px;padding:22px 24px;display:grid}.hero h2{margin:8px 0;font-size:27px}.hero p{max-width:900px;color:color-mix(in srgb,var(--text) 80%,var(--muted));margin:0;font-size:13px;line-height:1.55}.heroButtons{gap:9px;margin-top:16px;display:flex}.heroScore{text-align:center;align-self:center}.scoreRing{background:conic-gradient(var(--accent) 0 61%,color-mix(in srgb,var(--panel2) 80%,black) 61% 100%);border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto 10px;display:grid;position:relative}.scoreRing:after{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:9px}.scoreRing span{z-index:1;font-size:23px;font-weight:900;position:relative}.heroScore>strong{font-size:10px;display:block}.heroScore small{color:var(--accent);margin-top:4px;font-size:9px;display:block}.primaryButton,.secondaryButton,.projectButton,.textButton{appearance:none;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex}.primaryButton{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 76%,black));color:#04110d;border:1px solid #0000;min-height:40px;padding:0 14px}.secondaryButton{border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 78%,transparent);min-height:40px;color:var(--text);padding:0 14px}.textButton{color:var(--accent-2);background:0 0;border:0;padding:4px 7px;font-size:11px}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.metricCard,.panel,.projectCard{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 12px 28px var(--shadow);border-radius:14px}.metricCard{align-items:center;gap:12px;min-height:84px;padding:13px 15px;display:flex}.metricIcon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.metricIcon.blue{background:color-mix(in srgb,var(--accent-2) 16%,transparent);color:var(--accent-2)}.metricIcon.green{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.metricIcon.amber{color:var(--amber);background:#ffc86124}.metricIcon.red{color:var(--danger);background:#ff737324}.metricCard>div:last-child{flex-direction:column;display:flex}.metricCard span{color:var(--muted);font-size:10px}.metricCard strong{font-size:24px}.metricCard small{color:var(--accent);font-size:9px}.dashboardGrid{grid-template-columns:1.35fr 1fr;gap:12px;display:grid}.lowerGrid{margin-top:12px}.panel{padding:15px}.panelHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.panelHeader h3{margin:0;font-size:15px}.panelHeader p{color:var(--muted);margin:3px 0 0;font-size:9px}.decisionList{display:grid}.decisionRow{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 2px;display:grid}.decisionRow>div{flex-direction:column;display:flex}.decisionRow strong{font-size:11px}.decisionRow small{color:var(--muted);font-size:9px}.decisionRow button{appearance:none;border:1px solid var(--line);background:var(--panel2);border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.impactBadge{border-radius:99px;padding:3px 7px;font-size:8px;font-weight:800}.impact-1{color:var(--danger);background:#ff737324}.impact-2{color:var(--amber);background:#ffc86124}.impact-3{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.aiInsight blockquote{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--panel2) 78%,transparent);color:color-mix(in srgb,var(--text) 82%,var(--muted));margin:18px 0;padding:14px;font-size:12px;line-height:1.55}.priorityList{display:grid}.priorityRow{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:50px;padding:9px 2px;display:grid}.priorityDot{border-radius:50%;width:8px;height:8px}.priorityDot.critical{background:var(--danger)}.priorityDot.high{background:var(--amber)}.priorityRow>div{flex-direction:column;display:flex}.priorityRow strong{font-size:11px}.priorityRow small,.priorityRow>span,.priorityRow time{color:var(--muted);font-size:9px}.chart{align-items:flex-end;gap:9px;min-height:205px;padding:24px 2px 0;display:flex}.chartItem{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:38px;display:flex}.chartItem>strong{margin-bottom:5px;font-size:9px}.chartBar{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-radius:7px 7px 3px 3px;width:min(48px,74%);min-height:26px}.chartItem span{min-height:22px;color:var(--muted);text-align:center;margin-top:6px;font-size:8px}.sectionHeader{justify-content:space-between;align-items:flex-end;gap:12px;margin:18px 0 10px;display:flex}.sectionHeader h2{margin:0;font-size:19px}.sectionHeader p{color:var(--muted);margin:4px 0 0;font-size:9px}.projectGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.projectCard{flex-direction:column;gap:11px;padding:15px;display:flex}.projectHeading{justify-content:space-between;gap:10px;display:flex}.projectHeading h3{margin:0;font-size:15px}.projectHeading p{color:var(--muted);margin:3px 0 0;font-size:9px}.badge{border-radius:99px;align-self:flex-start;padding:4px 8px;font-size:8px;font-weight:800}.badge.critical{color:#ff9b9b;background:#ff737324}.badge.high{color:#ffd57f;background:#ffc86124}.projectProgress{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.projectProgress strong{color:var(--text)}.progressTrack{background:color-mix(in srgb,var(--panel2) 82%,black);border-radius:99px;height:6px;overflow:hidden}.progressTrack i{background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:99px;height:100%;display:block}.projectMeta{grid-template-columns:1fr 1fr;gap:10px;display:grid}.projectMeta span,.nextAction span{color:var(--muted);font-size:8px;display:block}.projectMeta strong,.nextAction strong{margin-top:2px;font-size:10px;display:block}.successText{color:var(--accent)}.dangerText{color:var(--danger)}.nextAction{min-height:40px}.projectButton{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 76%,black));color:#04110d;border:1px solid #0000;width:100%;min-height:38px;margin-top:auto}.modulePlaceholder{text-align:center;place-items:center;min-height:380px;display:grid}.modulePlaceholder p{color:var(--muted)}.modalBackdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01080fc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--panel);border-radius:16px;width:min(620px,100%);max-height:88vh;padding:20px;overflow:auto;box-shadow:0 28px 90px #00000073}.modalHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.modalHeader h2{margin:0 0 5px;font-size:21px}.modalHeader p{color:var(--muted);margin:0;font-size:11px}.linkList{gap:9px;display:grid}.linkList label{border:1px solid #0000;border-radius:10px;padding:8px;display:block}.linkList label.focused{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.linkList span{margin-bottom:5px;font-size:10px;font-weight:800;display:block}.linkList input{border:1px solid var(--line);background:var(--panel2);width:100%;color:var(--text);border-radius:9px;outline:0;padding:10px 11px}.modalActions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.authPage{background:radial-gradient(circle at top,#53d3aa1f,#0000 38%),#06111f;place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{background:#0b1c2e;border:1px solid #24415f;border-radius:20px;width:min(440px,100%);padding:36px;box-shadow:0 30px 80px #00000059}.authLogo{color:#04110d;background:linear-gradient(135deg,#53d3aa,#62a9ff);border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:24px;font-size:22px;font-weight:900;display:grid}.authHeader h1{margin:0 0 8px;font-size:30px}.authHeader p,.authFooter{color:#91a8bf}.authForm{gap:16px;margin-top:26px;display:grid}.authForm label span{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.authForm input{color:#fff;background:#071522;border:1px solid #29445f;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:15px}.authForm input:focus{border-color:#53d3aa;box-shadow:0 0 0 3px #53d3aa1f}.authPrimaryButton,.authSecondaryButton{cursor:pointer;border-radius:10px;min-height:46px;font-weight:800}.authPrimaryButton{color:#04110d;background:#53d3aa;border:0}.authSecondaryButton{color:#fff;background:0 0;border:1px solid #29445f}.authMessage{border-radius:9px;margin-top:18px;padding:11px}.authError{color:#ff9b9b;background:#ff64641f}.authSuccess{color:#53d3aa;background:#53d3aa1f}.authFooter{text-align:center;margin:22px 0 0;font-size:12px}.themeGrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.themeCard{appearance:none;border:1px solid var(--line);background:var(--panel2);text-align:left;cursor:pointer;border-radius:12px;padding:12px}.themeCard.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.themeCard strong{margin-top:8px;font-size:12px;display:block}.themeCard small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.themePreview{background:#07111f;border-radius:8px;align-items:flex-end;gap:5px;height:54px;padding:8px;display:flex}.themePreview span{border-radius:4px 4px 2px 2px;flex:1}.themePreview span:first-child{background:#6ca8ff;height:60%}.themePreview span:nth-child(2){background:#53d3aa;height:85%}.themePreview span:nth-child(3){background:#ffc861;height:45%}.preview-carbon{background:#111418}.preview-carbon span:first-child{background:#778391}.preview-carbon span:nth-child(2){background:#c8d0d9}.preview-ocean{background:#04121f}.preview-ocean span:first-child{background:#4ca8ff}.preview-ocean span:nth-child(2){background:#45d7c0}.preview-midnight-gold{background:#07101a}.preview-midnight-gold span:first-child{background:#5f94d9}.preview-midnight-gold span:nth-child(2){background:#c9a44c}.preview-aurora{background:#07131d}.preview-aurora span:first-child{background:#9a7cff}.preview-aurora span:nth-child(2){background:#5de0b3}@media (max-width:1120px){.metricGrid{grid-template-columns:repeat(2,1fr)}.dashboardGrid{grid-template-columns:1fr}.projectGrid{grid-template-columns:repeat(2,1fr)}.pulseBar{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.appShell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(2,1fr);display:grid}.sidebarFooter{display:none}.mainContent{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.topActions{flex-wrap:wrap;width:100%}.searchBox{flex:1;min-width:100%}.hero{grid-template-columns:1fr}.pulseBar{grid-template-columns:repeat(2,1fr)}.metricGrid,.projectGrid,.themeGrid{grid-template-columns:1fr}.priorityRow,.decisionRow{grid-template-columns:auto minmax(0,1fr)}.priorityRow>span,.priorityRow time,.decisionRow>.impactBadge,.decisionRow>button{grid-column:2}.heroButtons{flex-direction:column}.heroButtons button{width:100%}}
