:root{--bg:#f6f8f4;--surface:#ffffff;--surface-2:#f1f4ef;--surface-3:#e8ede7;--line:#dce3d9;--line-strong:#becabe;--text:#1d2822;--muted:#637268;--muted-2:#829087;--brand:#24745d;--brand-strong:#185642;--brand-soft:#e4f2ea;--sidebar:#1f3029;--sidebar-2:#17241f;--sidebar-text:#e8f0eb;--sidebar-muted:#9daf9f;--success:#2f8a55;--success-bg:#e5f4ea;--warning:#a66a16;--warning-bg:#f7eedc;--danger:#ad4238;--danger-bg:#f8e8e5;--info:#356fb1;--info-bg:#e7eef8;--neutral-bg:#edf0ec;--radius:8px;--shadow:0 1px 2px rgba(35,50,42,0.06),0 8px 24px rgba(35,50,42,0.05);--sidebar-width:248px}*{box-sizing:border-box}body,html{min-height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.mono{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted,.page-kicker{color:var(--muted);margin:0}.strong{color:var(--text);font-weight:700}.auth-page{align-items:center;display:grid;min-height:100vh;padding:32px}.auth-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-gap:24px;gap:24px;margin:0 auto;max-width:420px;padding:28px;width:100%}.auth-title{display:grid;grid-gap:6px;gap:6px}.auth-title h1{font-size:24px;line-height:1.2;margin:0}.control-stack,.form-grid,.form-stack{display:grid;grid-gap:14px;gap:14px}.form-grid.compact{gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field span,.field-label{color:var(--muted);font-size:12px;font-weight:700}.input,.select,textarea.input{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);min-height:40px;padding:0 12px;width:100%}textarea.input{padding:10px 12px}.input:focus,.select:focus,textarea.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.button{align-items:center;background:var(--brand);border:1px solid var(--brand);border-radius:var(--radius);color:#ffffff;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:40px;padding:0 14px}.button:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.button.secondary{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.button.secondary:hover{background:var(--surface-2)}.button.icon{height:38px;min-height:38px;padding:0;width:38px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button-row .button{flex:1 1 180px}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.app-shell,.sidebar{display:grid;min-height:100vh}.sidebar{background:linear-gradient(165deg,var(--sidebar),var(--sidebar-2));color:var(--sidebar-text);grid-template-rows:auto auto auto 1fr auto;padding:18px 14px;position:-webkit-sticky;position:sticky;top:0}.brand-mark{align-items:center;display:flex;font-size:19px;font-weight:900;gap:10px;min-height:42px;padding:4px 8px 14px}.brand-icon{align-items:center;background:rgba(80,165,122,.2);border-radius:var(--radius);color:#e6f5eb;display:inline-flex;height:34px;justify-content:center;width:34px}.nav-label{color:var(--sidebar-muted);font-size:10px;font-weight:800;padding:10px 10px 6px;text-transform:uppercase}.sidebar-nav{display:grid;grid-gap:4px;gap:4px}.nav-link{align-items:center;border-radius:var(--radius);color:#cdd9d0;display:flex;font-size:14px;font-weight:700;gap:11px;min-height:40px;padding:0 10px;position:relative}.nav-link svg{flex:0 0 auto}.nav-link.active,.nav-link:hover{background:rgba(255,255,255,.09);color:#ffffff}.nav-link.active:before{background:var(--brand);border-radius:0 3px 3px 0;bottom:9px;content:"";left:-14px;position:absolute;top:9px;width:3px}.sidebar-role{align-items:center;background:rgba(255,255,255,.06);border-radius:var(--radius);display:flex;gap:10px;padding:10px}.sidebar-role div{display:grid;grid-gap:2px;gap:2px;min-width:0}.sidebar-role span,.sidebar-role strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-role strong{color:#ffffff;font-size:13px}.sidebar-role span{color:var(--sidebar-muted);font-size:12px}.avatar,.sidebar-avatar{align-items:center;border-radius:var(--radius);color:#ffffff;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:900;height:30px;justify-content:center;width:30px}.content-frame{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{background:rgba(246,248,244,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);gap:14px;min-height:70px;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.breadcrumb,.topbar{align-items:center;display:flex}.breadcrumb{color:var(--muted-2);flex:0 1 auto;font-size:12px;gap:7px;min-width:0}.breadcrumb strong{color:var(--text)}.topbar-title{display:grid;grid-gap:2px;gap:2px;margin-right:auto;min-width:160px}.topbar-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);display:flex;gap:8px;min-height:40px;padding:0 12px;width:min(300px,25vw)}.search-box input{background:transparent;border:0;color:var(--text);min-width:0;outline:0;width:100%}.tenant-switcher{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:8px;min-width:230px;padding:0 10px}.tenant-switcher .select{border:0;min-height:38px;padding:0}.main-content{display:grid;grid-gap:20px;gap:20px;margin:0 auto;max-width:1440px;padding:28px 36px 64px;width:100%}.page-heading{align-items:flex-end;display:flex;gap:20px;justify-content:space-between}.page-heading h1{font-size:30px;line-height:1.05;margin:0 0 6px}.page-heading p{font-size:15px;max-width:64ch}.inline-alert{background:var(--danger-bg);border:1px solid #e9a9a1;border-radius:var(--radius);color:var(--danger);margin:0;padding:12px 14px}.empty-state,.error-state,.kpi-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;min-height:58px;padding:0 18px}.panel-header h2{font-size:16px;margin:0}.panel-header .sub,.panel-subtitle{color:var(--muted);font-size:13px}.panel-body{padding:18px}.kpi-grid,.stat-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card{display:grid;grid-gap:12px;gap:12px;min-height:142px;overflow:hidden;padding:18px}.kpi-card-top{align-items:center;display:flex;justify-content:space-between}.kpi-label,.kpi-note{color:var(--muted);font-size:12px;font-weight:800}.kpi-icon{align-items:center;border-radius:var(--radius);display:inline-flex;height:30px;justify-content:center;width:30px}.tone-success .kpi-icon{background:var(--success-bg);color:var(--success)}.tone-warning .kpi-icon{background:var(--warning-bg);color:var(--warning)}.tone-danger .kpi-icon{background:var(--danger-bg);color:var(--danger)}.tone-info .kpi-icon{background:var(--info-bg);color:var(--info)}.tone-neutral .kpi-icon{background:var(--brand-soft);color:var(--brand)}.kpi-value{font-size:38px;font-weight:900;line-height:1}.kpi-value span{color:var(--muted-2);font-size:21px;margin-left:2px}.kpi-footer{align-items:center;display:flex;gap:8px;min-width:0}.kpi-footer .sparkline{margin-left:auto}.badge,.trend-pill{align-items:center;border-radius:var(--radius);display:inline-flex;font-size:12px;font-weight:900;gap:4px;line-height:1;padding:6px 9px;white-space:nowrap}.badge.success,.trend-pill.success{background:var(--success-bg);color:var(--success)}.badge.warning,.trend-pill.warning{background:var(--warning-bg);color:var(--warning)}.badge.danger,.trend-pill.danger{background:var(--danger-bg);color:var(--danger)}.badge.info,.trend-pill.info{background:var(--info-bg);color:var(--info)}.badge.neutral,.trend-pill.neutral{background:var(--neutral-bg);color:var(--muted)}.sparkline{height:28px;width:64px}.sparkline path{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.sparkline circle{fill:currentColor}.sparkline.success{color:var(--success)}.sparkline.warning{color:var(--warning)}.sparkline.danger{color:var(--danger)}.sparkline.info{color:var(--info)}.sparkline.neutral{color:var(--brand)}.cols,.cols-2,.split-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;min-width:680px;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--line);padding:12px 16px;text-align:left;vertical-align:middle}.data-table th{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.data-table td{font-size:14px}.data-table tr.selected td,.data-table tr:hover td{background:var(--surface-2)}.table-empty{color:var(--muted);text-align:center}.cell-main{display:grid;grid-gap:3px;gap:3px}.cell-main strong{color:var(--text)}.cell-main span{color:var(--muted);font-size:12px}.who{align-items:center;display:flex;gap:8px;min-width:0}.score-value{font-size:18px;font-weight:900}.score-value span{color:var(--muted-2);font-size:12px;margin-left:1px}.score-success{color:var(--success)}.score-warning{color:var(--warning)}.score-danger{color:var(--danger)}.progress-line{align-items:center;display:flex;gap:8px;min-width:120px}.progress-track{background:var(--surface-3);border-radius:999px;display:block;height:7px;overflow:hidden;width:100%}.progress-track i{background:currentColor;display:block;height:100%}.progress-track.success{color:var(--success)}.progress-track.warning{color:var(--warning)}.progress-track.danger{color:var(--danger)}.progress-track.info,.progress-track.neutral{color:var(--info)}.progress-value{color:var(--muted);font-size:12px;font-weight:800;width:38px}.service-list{display:flex;flex-wrap:wrap;gap:8px;padding:18px}.detail-grid,.meta-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.detail-block,.meta-tile,.selbox{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:6px;gap:6px;padding:14px}.detail-block.wide,.selbox{grid-column:1/-1}.detail-block strong,.meta-tile .v,.selbox .tt{font-size:18px}.detail-block p,.selbox .ss{color:var(--muted);margin:0}.meta-tile .k,.selbox .kk{color:var(--muted);font-size:12px;font-weight:800}.filter-bar,.form-cols{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;padding:18px}.segmented-control{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;gap:2px;margin-left:auto;padding:3px}.segmented-control button{background:transparent;border:0;border-radius:6px;color:var(--muted);font-weight:800;min-height:30px;padding:0 12px}.segmented-control button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.comment-list,.month-list,.timeline-list{display:grid;grid-gap:10px;gap:10px;padding:18px}.comment,.comment-item,.month-item,.timeline-item{border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:5px;gap:5px;padding:12px}.month-item .dt,.timeline-item span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.comment .tx,.comment-item p,.month-item .ss,.timeline-item p{color:var(--muted);margin:0}.chart-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.chart-panel{padding:18px}.chart-figure{align-items:baseline;display:flex;gap:2px;margin-bottom:8px}.chart-figure strong{font-size:42px;line-height:1}.chart-figure span{color:var(--muted);font-size:18px}.trend-chart{color:var(--brand);display:block;height:auto;width:100%}.trend-chart .grid-line{stroke:var(--line);stroke-dasharray:2 4}.trend-chart .area{fill:rgba(36,116,93,.14)}.trend-chart .line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.trend-chart circle{fill:var(--surface);stroke:currentColor;stroke-width:2}.trend-chart text{fill:var(--muted);font-size:10px}.dm-list,.risk-bands{display:grid;grid-gap:13px;gap:13px;padding:18px}.dm-row,.risk-band{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:90px minmax(0,1fr) 42px}.dm-row .name,.risk-band .name{display:grid;grid-gap:2px;gap:2px}.dm-row small,.risk-band small{color:var(--muted);font-size:11px}.dm-bar,.risk-bar{background:var(--surface-3);border-radius:999px;height:9px;overflow:hidden}.dm-bar i,.risk-bar i{background:currentColor;display:block;height:100%}.tone-success{color:var(--success)}.tone-warning{color:var(--warning)}.tone-danger{color:var(--danger)}.tone-info{color:var(--info)}.score-summary{padding:18px}.score-summary-head{align-items:baseline;display:flex;gap:14px;margin-bottom:18px}.score-summary-head strong{font-size:40px}.score-grid,.thresh-grid{display:grid;grid-gap:12px;gap:12px}.mod-row,.score-domain,.thresh{border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:8px;gap:8px;padding:12px}.score-domain{align-items:center;grid-template-columns:140px minmax(0,1fr) 46px}.score-meter{background:var(--surface-3);border-radius:999px;height:9px;overflow:hidden}.score-meter span{background:var(--brand);display:block;height:100%}.thresh-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.thresh.gold{grid-column:1/-1}.thresh .lv{font-weight:900}.thresh .rg{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sev{border-radius:var(--radius);font-size:11px;font-weight:900;padding:5px 8px}.sev.crit{background:var(--danger-bg);color:var(--danger)}.sev.warn{background:var(--warning-bg);color:var(--warning)}.sev.info{background:var(--info-bg);color:var(--info)}.sev.neutral{background:var(--neutral-bg);color:var(--muted)}.empty-state,.error-state{align-items:center;display:grid;grid-gap:16px;gap:16px;justify-items:center;min-height:260px;padding:28px;text-align:center}.empty-state h2,.error-state h2{margin:0 0 6px}.error-state{border-color:#e9a9a1;color:var(--danger)}.mod-row{align-items:center;grid-template-columns:minmax(0,1fr) auto}.mod-row .nm{font-weight:900}.mod-row .ds{color:var(--muted);font-size:13px}.switch{background:var(--surface-3);height:22px;padding:3px;width:40px}.switch,.switch i{border-radius:999px}.switch i{background:var(--surface);box-shadow:var(--shadow);display:block;height:16px;width:16px}.switch.on{background:var(--brand)}.switch.on i{margin-left:18px}@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-grid,.cols,.cols-2,.split-grid{grid-template-columns:1fr}.search-box{display:none}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.sidebar-role{display:none}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:stretch;flex-wrap:wrap;padding:14px}.breadcrumb{display:none}.topbar-title{flex:1 1 100%}.tenant-switcher{flex:1 1 220px;min-width:0}.main-content{padding:20px 14px 42px}.page-heading{align-items:flex-start;flex-direction:column}.detail-grid,.filter-bar,.form-cols,.kpi-grid,.meta-grid,.score-domain,.stat-grid{grid-template-columns:1fr}}