:root{color-scheme:light;--ink: #172033;--muted: #6e7583;--line: #e7e8eb;--surface: #ffffff;--canvas: #f5f4ef;--navy: #18213a;--purple: #7657ff;--mint: #36b59f;--orange: #f79d65;--amber: #e7a43a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--canvas)}button,a{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:30px 20px 22px;color:#fff;background:var(--navy)}.brand,.connection-status,.project-name,.topbar-actions,.freshness{display:flex;align-items:center}.brand{gap:12px;padding:0 10px 36px}.brand strong,.brand small,.connection-status strong,.connection-status small,.project-name strong,.project-name small{display:block}.brand strong{font-size:17px;letter-spacing:-.02em}.brand small{margin-top:2px;color:#9ca4b7;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.brand-mark{display:flex;align-items:flex-end;gap:3px;width:29px;height:29px;padding:5px;border-radius:8px;background:var(--purple)}.brand-mark span{width:4px;border-radius:3px;background:#fff}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:12px}nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 13px;border-radius:9px;color:#aeb5c5;font-size:14px;font-weight:600;text-decoration:none;transition:.15s ease}.nav-item:hover,.nav-item.active{color:#fff;background:#27314e}.nav-item.active{box-shadow:inset 3px 0 var(--purple)}.nav-icon{display:grid;place-items:center;width:20px;font-size:18px;font-weight:400}.sidebar-footer{display:grid;gap:14px;margin-top:auto}.connection-status{gap:10px;padding:15px 13px;border:1px solid #323d5c;border-radius:10px;background:#202a46}.connection-status strong{font-size:14px}.connection-status small{margin-top:3px;color:#9ca4b7;font-size:12px}.status-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#6be1aa;box-shadow:0 0 0 4px #6be1aa1f}.status-dot.loading{background:var(--amber);box-shadow:0 0 0 4px #e7a43a1f;animation:pulse 1.1s ease-in-out infinite alternate}main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:104px;padding:22px 42px;border-bottom:1px solid var(--line);background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow,.panel-kicker{margin:0 0 6px;color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.14em}h1,h2{margin:0;letter-spacing:-.035em}h1{font-size:clamp(25px,3vw,33px);font-weight:720}h2{font-size:18px}.topbar-actions{gap:13px}.freshness{gap:9px;margin-right:4px;color:var(--muted);font-size:13px}.icon-button,.avatar{display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);cursor:pointer}.icon-button{width:38px;height:38px;border-radius:10px;color:var(--amber);font-size:18px}.avatar{width:38px;height:38px;border:0;border-radius:50%;color:#fff;background:var(--purple);font-size:12px;font-weight:800}.content{display:grid;gap:22px;width:min(1440px,100%);margin:0 auto;padding:28px 42px 52px}.demo-notice{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #dfdafb;border-radius:9px;color:#5d5678;background:#f0edff;font-size:14px}.demo-notice span{padding:4px 8px;border-radius:5px;color:#fff;background:var(--purple);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.demo-notice.live{border-color:#cbe9df;color:#346b5f;background:#edf9f5}.demo-notice.live span{background:var(--mint)}@keyframes pulse{to{opacity:.45}}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.metric-card,.panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 2px 5px #17203308}.metric-card{min-height:166px;padding:21px}.metric-card.primary{color:#fff;border-color:var(--navy);background:var(--navy)}.metric-card.warning-card{border-color:#eedbb9;background:#fffdf7}.metric-card.credit-card{border-color:#cbe9df;background:#f8fffc}.metric-heading,.metric-footer,.panel-header,.service-row,.activity-row{display:flex;align-items:center}.metric-heading{justify-content:space-between;color:var(--muted);font-size:14px;font-weight:650}.primary .metric-heading,.primary .metric-footer{color:#aeb5c5}.metric-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:#fff;background:var(--purple);font-size:13px;font-weight:800}.metric-icon.muted{color:var(--purple);background:#eeeaff}.metric-icon.warning{color:#946415;background:#ffedcc}.metric-icon.credit{color:#147a64;background:#dff6ef}.metric-card>strong{display:block;margin:20px 0 14px;font-size:clamp(25px,2.5vw,32px);letter-spacing:-.045em}.metric-footer{gap:8px;color:var(--muted);font-size:12px}.metric-footer.split{justify-content:space-between;margin-top:9px}.trend{display:inline-flex;width:max-content;padding:4px 7px;border-radius:5px;font-size:12px;font-weight:750}.trend.up{color:#b03b38;background:#fff0ef}.primary .trend.up{color:#ffb4ae;background:#ffb4ae1a}.trend.down{color:#147a64;background:#e9f8f4}.warning-text{color:#a36b10;font-weight:750}.credit-text{color:#147a64;font-weight:750}.progress-track{height:5px;overflow:hidden;border-radius:5px;background:#ececf0}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--purple)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.72fr);gap:18px}.panel{min-width:0;padding:24px}.content>*{min-width:0}.panel-header{justify-content:space-between;gap:16px}.range-picker{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#f7f7f8}.range-picker button{padding:6px 11px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:12px;font-weight:700;cursor:pointer}.range-picker button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #1720331f}.range-picker button:disabled{cursor:not-allowed;opacity:.38}.chart-summary{margin-top:25px}.chart-summary strong,.chart-summary span{display:block}.chart-summary strong{font-size:26px;letter-spacing:-.04em}.chart-summary span{margin-top:4px;color:var(--muted);font-size:12px}.bar-chart{position:relative;display:flex;align-items:flex-end;justify-content:space-around;gap:13px;height:226px;margin-top:12px;padding:26px 10px 28px}.chart-grid-lines{position:absolute;inset:22px 0 28px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-grid-lines span{width:100%;border-top:1px dashed #e8e8eb}.bar-column{position:relative;z-index:1;display:flex;flex:1;align-items:center;flex-direction:column;justify-content:flex-end;height:100%}.bar-column>span{position:absolute;bottom:-23px;color:#8a8f99;font-size:12px;white-space:nowrap}.bar{width:min(33px,70%);min-height:8px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#8b70ff,var(--purple));transition:height .25s ease}.bar-column:nth-child(2n) .bar{background:linear-gradient(180deg,#a997ff,#8d78eb)}.bar-value{margin-bottom:5px;color:var(--muted);font-size:12px;opacity:0;transition:opacity .12s ease}.bar-column:hover .bar-value{opacity:1}.donut-wrap{display:grid;place-items:center;min-height:190px}.donut{display:grid;place-items:center;width:142px;height:142px;border-radius:50%;background:conic-gradient(var(--purple) 0 38%,var(--mint) 38% 65%,var(--orange) 65% 82%,#d7d9de 82% 100%)}.donut:before{grid-area:1/1;width:88px;height:88px;border-radius:50%;background:#fff;content:""}.donut div{z-index:1;grid-area:1/1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:20px}.donut span{margin-top:3px;color:var(--muted);font-size:12px}.service-list{display:grid;gap:13px}.service-row{gap:10px;font-size:14px}.service-row>div{flex:1}.service-row strong,.service-row small{display:block}.service-row small{margin-top:2px;color:var(--muted);font-size:12px}.service-color{width:8px;height:8px;border-radius:50%}.text-button,.outline-button{border:0;font-size:12px;font-weight:750;cursor:pointer}.text-button{color:var(--purple);background:transparent}.outline-button{padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:#fff}.table-wrap{overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:14px 12px;border-bottom:1px solid #eeeff1;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafafa}.project-name{gap:10px}.project-name>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;font-size:12px;font-weight:800}.project-name small{margin-top:3px;color:var(--muted);font-size:12px}.service-badge,.project-chip{display:inline-flex;padding:5px 8px;border-radius:6px;color:#565d6b;background:#f0f1f3;font-size:12px;font-weight:700}.activity-list{margin-top:17px}.activity-row{gap:13px;min-height:61px;border-bottom:1px solid #eeeff1}.activity-row:last-child{border-bottom:0}.activity-icon{display:grid;flex:0 0 auto;place-items:center;width:31px;height:31px;border-radius:8px;color:var(--purple);background:#eeeaff;font-size:14px;font-weight:800}.activity-icon.create{color:#147a64;background:#e9f8f4}.activity-icon.delete{color:#b03b38;background:#fff0ef}.activity-icon.security{color:#946415;background:#fff3da}.activity-copy{display:grid;flex:1;gap:3px;min-width:0}.activity-copy strong{font-size:14px}.activity-copy span,.activity-row time{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.activity-row time{width:85px;text-align:right}.project-chip.muted{color:#8a9099;background:#f6f6f8}.chip-button{border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:700}.chip-button:hover{color:var(--purple);background:#eeeaff}.activity-copy strong .repeat-badge{margin-left:6px;padding:2px 6px;border-radius:5px;color:#565d6b;background:#f0f1f3;font-size:11px;font-style:normal;font-weight:700;vertical-align:middle}.activity-copy strong .error-badge{margin-left:6px;padding:2px 6px;border-radius:5px;color:#b03b38;background:#fff0ef;font-size:11px;font-style:normal;font-weight:700;vertical-align:middle}.activity-row.failed .activity-icon{color:#b03b38;background:#fff0ef}.activity-list.compact{margin-top:6px}.activity-list.compact .activity-row{min-height:52px}.alert-summary{display:flex;flex-wrap:wrap;gap:8px}.alert-count{padding:5px 9px;border-radius:6px;font-size:12px;font-weight:750}.alert-count.critical{color:#b03b38;background:#fff0ef}.alert-count.warning{color:#946415;background:#fff3da}.alert-count.info{color:#2f5f9e;background:#e9f1fc}.alert-list{margin-top:17px}.alert-list.compact{margin:18px 0 4px}.alert-row{display:flex;align-items:center;gap:13px;min-height:61px;padding:8px 0;border-bottom:1px solid #eeeff1}.alert-row:last-child{border-bottom:0}.alert-marker{flex:0 0 auto;width:10px;height:10px;border-radius:50%}.alert-row.critical .alert-marker{background:#b03b38}.alert-row.warning .alert-marker{background:#e7a43a}.alert-row.info .alert-marker{background:#4386d8}.alert-copy{display:grid;flex:1;gap:3px;min-width:0}.alert-copy strong{font-size:14px}.alert-copy span{color:var(--muted);font-size:12px;line-height:1.4}.alert-category{flex:0 0 auto;width:72px;color:#8a9099;font-size:11px;font-weight:700;letter-spacing:.06em;text-align:right;text-transform:uppercase}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.governance-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;scroll-margin-top:20px}.coverage-score{color:var(--purple);font-size:28px;font-weight:780;letter-spacing:-.05em}.panel-description{max-width:560px;margin:18px 0;color:var(--muted);font-size:14px;line-height:1.55}.panel-description code{padding:2px 5px;border-radius:4px;color:#5841c7;background:#eeeaff;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.coverage-track{height:10px;overflow:hidden;border-radius:999px;background:#eeeff2}.coverage-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),#9b87ff)}.coverage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.coverage-stats div{padding:12px;border-radius:9px;background:#f7f7f9}.coverage-stats strong,.coverage-stats span{display:block}.coverage-stats strong{font-size:20px}.coverage-stats span,.coverage-note{margin-top:3px;color:var(--muted);font-size:12px}.coverage-note{display:block;margin-top:16px;line-height:1.45}.count-badge,.inventory-summary{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:7px;color:#73500f;background:#fff1d6;font-size:12px;font-weight:750}.inventory-summary{color:var(--muted);background:#f2f2f4}.compact-resource-list{display:grid;margin-top:14px}.compact-resource-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:53px;border-bottom:1px solid #eeeff1;font-size:12px}.compact-resource-row:last-child{border-bottom:0}.compact-resource-row div,.compact-resource-row strong,.compact-resource-row small{min-width:0}.compact-resource-row strong,.compact-resource-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-resource-row strong{font-size:13px}.compact-resource-row small,.compact-resource-row>span:last-child{margin-top:3px;color:var(--muted);font-size:12px}.resource-service{overflow:hidden;color:#5841c7;font-weight:750;text-overflow:ellipsis}.empty-state{margin-top:18px;padding:24px;border:1px dashed #dfe1e6;border-radius:10px;color:var(--muted);background:#fafafa;font-size:14px;text-align:center}.project-link,.detail-button,.close-button{border:0;cursor:pointer}.project-link{display:block;padding:0;color:var(--ink);background:transparent;font-size:14px;font-weight:750;text-align:left}.project-link:hover{color:var(--purple)}.detail-button{padding:7px 10px;border-radius:7px;color:#5841c7;background:#eeeaff;font-size:12px;font-weight:750;white-space:nowrap}.project-detail-panel{scroll-margin-top:20px;border-color:#dcd5ff;box-shadow:0 10px 30px #4e39a414}.project-detail-title{display:flex;align-items:center;gap:12px}.project-detail-title>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:#fff;font-size:13px;font-weight:800}.close-button{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:var(--muted);background:#f1f1f3;font-size:22px}.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.detail-metrics>div{padding:16px;border:1px solid var(--line);border-radius:10px;background:#fbfbfc}.detail-metrics span,.detail-metrics strong{display:block}.detail-metrics span{color:var(--muted);font-size:12px}.detail-metrics strong{margin-top:7px;font-size:18px}.detail-subheader{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:28px}.detail-subheader h3,.detail-subheader p{margin:0}.detail-subheader h3{font-size:16px}.detail-subheader p{margin-top:5px;color:var(--muted);font-size:13px}.region-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.region-chips span{padding:5px 8px;border-radius:6px;color:#565d6b;background:#f0f1f3;font-size:12px;font-weight:700}.resource-table-wrap{max-height:460px;overflow:auto;margin-top:14px;border:1px solid var(--line);border-radius:10px}.resource-table th{position:sticky;top:0;z-index:1;background:#f7f7f9}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.governance-grid{grid-template-columns:1fr}.services-panel{display:grid;grid-template-columns:1fr 180px minmax(220px,1fr);align-items:center}.services-panel .panel-header{align-self:start}}@media(max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr);width:100%;overflow:hidden}.sidebar{position:static;flex-direction:row;align-items:center;width:100%;min-width:0;height:auto;padding:14px 18px;overflow:hidden}.brand{padding:0}.brand small,.sidebar-footer,.sidebar .nav-item span{display:none}.sidebar nav{display:flex;flex:1;min-width:0;margin-left:auto;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar .nav-item{min-height:36px;padding:0 9px;font-size:11px}.topbar{min-height:88px;padding:18px 20px}.freshness,.icon-button{display:none}.content{padding:20px}.services-panel{display:block}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-row .project-chip,.alert-category{display:none}}@media(max-width:520px){.brand strong{display:none}.metric-grid{grid-template-columns:1fr}.demo-notice{align-items:flex-start;flex-direction:column}.panel,.metric-card{padding:18px}.bar-chart{gap:5px;padding-inline:0}.bar-column:nth-of-type(2n){display:none}.coverage-stats,.detail-metrics{grid-template-columns:1fr}.detail-subheader{align-items:flex-start;flex-direction:column}.region-chips{justify-content:flex-start}}