*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#22263a;--border:#2a2e3f;--text:#e2e4ea;--text-muted:#8b8fa3;--accent:#6366f1;--accent-hover:#818cf8;--danger:#ef4444;--danger-bg:#2d1518;--success:#22c55e;--warning:#eab308;--warning-bg:#2d2a10;--radius:8px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{max-width:800px;margin:0 auto;padding:2rem 1rem}.app-header{margin-bottom:2rem}.app-header h1{font-size:1.5rem;font-weight:600}.app-header p{color:var(--text-muted);font-size:.875rem}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}.service-card.inactive{opacity:.6}.service-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.service-header:hover{background:var(--surface-hover)}.service-info{flex:1;min-width:0}.service-name{font-size:.9375rem;font-weight:600;display:block}.service-id{color:var(--text-muted);font-size:.75rem;display:block}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.status-badge.active{color:var(--success);background:#22c55e26}.status-badge.inactive{color:var(--text-muted);background:#8b8fa326}.perm-summary{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.service-body{border-top:1px solid var(--border);padding:.5rem}.expand-arrow{color:var(--text-muted);text-align:center;width:1rem;font-size:.625rem;transition:transform .15s;display:inline-block}.expand-arrow.expanded{transform:rotate(90deg)}.capability-group{border:1px solid var(--border);border-radius:var(--radius);margin:.375rem 0;overflow:hidden}.group-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;display:flex}.group-header:hover{background:var(--surface-hover)}.group-label{flex:1;font-weight:600}.group-count{color:var(--text-muted);font-size:.75rem}.group-status{border-radius:4px;padding:.125rem .375rem;font-size:.6875rem;font-weight:500}.group-status.all{color:var(--success);background:#22c55e26}.group-status.none{color:var(--text-muted);background:#8b8fa31a}.group-status.partial{color:var(--warning);background:#eab30826}.group-body{border-top:1px solid var(--border);padding:.5rem .75rem}.group-actions{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.partial-indicator{color:var(--text-muted);font-size:.75rem}.capability-row{padding:.25rem 0}.capability-label{cursor:pointer;border-radius:4px;align-items:flex-start;gap:.5rem;padding:.375rem .25rem;font-size:.875rem;display:flex}.capability-label:hover{background:var(--surface-hover)}.capability-label.saving{opacity:.5;pointer-events:none}.capability-label input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;width:1rem;height:1rem;margin-top:.25rem}.capability-info{flex:1;min-width:0}.capability-name{font-weight:500;display:block}.capability-desc{color:var(--text-muted);font-size:.75rem;line-height:1.3;display:block}.risk-badge{text-transform:uppercase;color:#fff;white-space:nowrap;border-radius:999px;flex-shrink:0;margin-top:.1875rem;padding:.0625rem .375rem;font-size:.625rem;font-weight:600}.recent-warning{background:var(--warning-bg);border-radius:var(--radius);border:1px solid #eab3084d;align-items:center;gap:.5rem;margin:.25rem 0 .25rem 1.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.warning-icon{color:var(--warning);flex-shrink:0;font-size:1.125rem}.btn-sm{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:4px;padding:.25rem .625rem;font-size:.75rem}.btn-sm:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-muted)}.btn-sm:disabled{opacity:.4;cursor:default}.btn-sm.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-sm.btn-danger:hover{background:var(--danger-bg)}.loading{text-align:center;color:var(--text-muted);padding:2rem;font-size:.875rem}.error{background:var(--danger-bg);border-radius:var(--radius);color:var(--danger);border:1px solid #ef44444d;padding:.75rem 1rem;font-size:.875rem}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty{color:var(--text-muted);text-align:center;padding:1rem;font-size:.875rem}.app-nav{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1.5rem;display:flex}.nav-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.nav-tab:hover{color:var(--text)}.nav-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.audit-tabs{gap:.25rem;margin-bottom:1rem;display:flex}.audit-tab{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;padding:.375rem .75rem;font-size:.8125rem}.audit-tab:hover{background:var(--surface-hover);color:var(--text)}.audit-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.audit-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.audit-filters select,.filter-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.375rem .5rem;font-size:.8125rem}.filter-input{flex:1;min-width:120px}.audit-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.audit-table{border-collapse:collapse;width:100%;font-size:.8125rem}.audit-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.5rem .625rem;font-weight:600}.audit-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:.375rem .625rem}.audit-table tbody tr:hover{background:var(--surface-hover)}.audit-table code{background:#6366f11a;border-radius:3px;padding:.0625rem .25rem;font-size:.75rem}.cell-time{white-space:nowrap;color:var(--text-muted);font-size:.75rem}.cell-latency{white-space:nowrap;font-variant-numeric:tabular-nums}.cell-reason{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--text-muted);font-size:.75rem;overflow:hidden}.action-badge{text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.0625rem .375rem;font-size:.6875rem;font-weight:600}.action-allowed{color:var(--success);background:#22c55e26}.action-denied{color:var(--warning);background:#eab30826}.action-error{color:var(--danger);background:#ef444426}.params-empty{color:var(--text-muted)}.params-inline{word-break:break-all;font-size:.6875rem}.params-pre{background:var(--bg);border-radius:var(--radius);max-height:200px;margin-top:.25rem;padding:.5rem;font-size:.6875rem;overflow-x:auto}.load-more{justify-content:center;padding:1rem 0;display:flex}.audit-stats h3{color:var(--text-muted);margin-bottom:.75rem;font-size:.875rem}.stat-section{margin-bottom:1.5rem}.stat-cards{gap:.75rem;display:flex}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;min-width:80px;padding:.75rem 1rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.stat-label{margin-top:.25rem}.audit-settings{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.setting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.setting-info{flex-direction:column;gap:.125rem;display:flex}.setting-desc{color:var(--text-muted);font-size:.75rem}.setting-control{align-items:center;gap:.5rem;display:flex}.retention-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:5rem;color:var(--text);text-align:right;padding:.375rem .5rem;font-size:.8125rem}.retention-unit{color:var(--text-muted);font-size:.8125rem}