:root{font-family:Segoe UI,Inter,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 0% 0%,rgba(14,165,233,.12) 0%,transparent 38%),radial-gradient(circle at 100% 100%,rgba(16,185,129,.12) 0%,transparent 35%),#f8fafc}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.side-nav{border-right:1px solid #dbe7ef;background:linear-gradient(180deg,#082f49,#0f172a);color:#f8fafc;padding:24px 16px}.brand{color:#f8fafc;text-decoration:none;font-weight:800;font-size:20px}.brand-subtitle{margin-top:6px;margin-bottom:20px;color:#cbd5e1;font-size:12px}.nav-item{display:block;padding:10px 12px;border-radius:10px;color:#cbd5e1;text-decoration:none;margin-bottom:8px;font-weight:600}.nav-item:hover,.nav-item-active{background:#0ea5e933;color:#e0f2fe}.main-content{padding:20px}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.top-bar-left{min-width:0}.impersonation-banner{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px;border-radius:12px;border:1px solid #f59e0b;background:#fffbeb;color:#78350f}.impersonation-banner-note{margin:6px 0 0;font-size:13px}.top-bar-actions{display:flex;align-items:center;gap:8px}.status-banner{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.capability-strip{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.capability-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;letter-spacing:.02em;border:1px solid transparent}.capability-pill-granted{color:#166534;background:#dcfce7;border-color:#86efac}.capability-pill-missing{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.status-item,.health-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.status-item{color:#1e293b;background:#e2e8f0}.scope-pill{background:#dbeafe;color:#1e3a8a}.scope-pill-detail{max-width:100%;white-space:normal;word-break:break-word}.token-healthy{color:#166534;background:#dcfce7}.token-warning{color:#9a3412;background:#ffedd5}.token-expired{color:#991b1b;background:#fee2e2}.token-unknown{color:#334155;background:#e2e8f0}.health-online{color:#166534;background:#dcfce7}.health-offline{color:#991b1b;background:#fee2e2}.health-pending{color:#92400e;background:#fef3c7}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.eyebrow{margin:0;color:#0f766e;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}h1{margin:8px 0 6px;font-size:clamp(28px,4vw,38px)}.subtitle{margin:0;color:#334155}.primary-action,.secondary-action{border:0;cursor:pointer;border-radius:12px;font-weight:700}.primary-action{background:linear-gradient(135deg,#0f766e,#0ea5e9);color:#fff;padding:12px 18px}.secondary-action{background:#e2e8f0;color:#0f172a;padding:10px 12px}.renew-action:disabled{cursor:not-allowed;opacity:.65}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.kpi-card,.panel{background:#fff;border:1px solid #dbe7ef;border-radius:16px;box-shadow:0 8px 24px #0f172a0d}.kpi-card{padding:14px}.kpi-label{margin:0;color:#475569;font-size:13px}.kpi-value{margin:8px 0 2px;font-size:27px;font-weight:800}.kpi-trend{margin:0;color:#0f766e;font-size:13px;font-weight:600}.panel{padding:16px;margin-bottom:16px}.error-state{color:#b91c1c;font-weight:600}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}h2{margin:0;font-size:21px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid #e2e8f0;font-size:14px}th{color:#334155;font-weight:700}.status{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:700;padding:4px 10px}.status-active{color:#166534;background:#dcfce7}.status-trial{color:#854d0e;background:#fef9c3}.status-suspended{color:#7f1d1d;background:#fee2e2}.status-past-due{color:#9a3412;background:#ffedd5}.status-warning{color:#854d0e;background:#fef9c3}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}h3{margin-top:0;margin-bottom:10px;font-size:18px}.risk-list{margin:0;padding-left:18px;display:grid;gap:8px;color:#334155}.billing-subtitle{margin-bottom:12px}.billing-action-success{color:#166534;font-weight:600}.table-note{margin:4px 0 0;font-size:12px;color:#64748b}.table-actions{display:inline-flex;gap:6px}.mini-action{border:0;border-radius:9px;padding:6px 9px;font-size:12px;font-weight:700;cursor:pointer;color:#0f172a;background:#e2e8f0}.mini-action:disabled{cursor:not-allowed;opacity:.6}.mini-action-danger{color:#991b1b;background:#fee2e2}.mini-action-secondary{color:#1d4ed8;background:#dbeafe}.event-list{margin:0;padding-left:18px;display:grid;gap:10px}.event-list li{color:#334155}.event-list-item-selected{background:#eff6ff;border-radius:12px;padding:8px 10px;margin-left:-10px}.event-title{margin:0;font-weight:700;color:#0f172a}.event-meta{margin:2px 0 0;font-size:13px;color:#475569}.event-note{margin:4px 0 0;font-size:13px}.panel-kicker{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.panel-breadcrumb-block{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.selected-node-strip{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:10px;position:sticky;top:12px;z-index:5;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(180deg,#eff6ff,#f8fbff);box-shadow:0 10px 24px #0f172a14}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.selected-node-title{margin:2px 0 0;font-size:18px;font-weight:800;color:#0f172a}.selected-node-meta{margin:4px 0 0;font-size:13px;color:#475569}.selected-node-path{align-self:center;max-width:100%}.recent-selections-block{margin-bottom:12px;padding:12px 14px;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff)}.recent-selections-header{display:grid;gap:2px}.recent-selection-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.path-chip-current{background:#dbeafe;border-color:#60a5fa}.path-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.path-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;color:#0f172a;background:#e2e8f0;border:1px solid #cbd5e1;white-space:nowrap;cursor:pointer;line-height:1}.path-chip:hover{background:#dbeafe;border-color:#93c5fd}.path-chip-separator{color:#64748b;font-weight:600}.audit-filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.audit-filters-grid label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#334155}.audit-filters-grid input,.audit-filters-grid select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;font-size:13px}.audit-filters-grid input:focus,.audit-filters-grid select:focus{outline:2px solid #38bdf8;border-color:#0ea5e9}.audit-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.audit-summary{margin-bottom:8px}.audit-row{cursor:pointer}.audit-row-selected{background:#eff6ff}.audit-severity-low{color:#0f766e;background:#ccfbf1}.audit-severity-medium{color:#9a3412;background:#ffedd5}.audit-severity-high{color:#7f1d1d;background:#fee2e2}.audit-severity-critical{color:#fff;background:#991b1b}.audit-pagination{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.audit-detail-grid{display:grid;gap:6px}.audit-detail-grid p{margin:0}.audit-metadata-block{margin-top:8px;border-top:1px solid #e2e8f0;padding-top:10px}.support-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.support-form-grid label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#334155}.support-form-grid input,.support-form-grid select,.support-form-grid textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;font-size:13px}.support-form-grid input:focus,.support-form-grid select:focus,.support-form-grid textarea:focus{outline:2px solid #38bdf8;border-color:#0ea5e9}.support-full-width{grid-column:1 / -1}.support-actions{display:flex;gap:8px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-panel{max-width:460px}.hint-text{color:#475569;margin-top:8px;margin-bottom:10px;font-size:13px}.login-form{display:grid;gap:10px}.login-form label{font-weight:600;color:#334155}.login-form input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:14px}.login-form input:focus{outline:2px solid #38bdf8;border-color:#0ea5e9}.inline-link{display:inline-block;text-decoration:none;margin-top:8px}.access-denied-links{flex-wrap:wrap}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.side-nav{border-right:0;border-bottom:1px solid #1e293b}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-banner{gap:6px}.split{grid-template-columns:1fr}.audit-filters-grid,.support-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.page-shell{padding:18px 14px 24px}.header{flex-direction:column;align-items:stretch}.primary-action,.secondary-action{width:100%}.top-bar{flex-direction:column;align-items:stretch}.top-bar-actions{width:100%;flex-direction:column;align-items:stretch}.audit-filters-grid{grid-template-columns:1fr}.audit-pagination,.impersonation-banner{flex-direction:column;align-items:stretch}.support-form-grid{grid-template-columns:1fr}.support-actions{flex-direction:column}}