*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #1a1a1a;--border: #2a2a2a;--text: #e8e8e8;--text-muted: #888;--accent: #6366f1;--accent-hover: #818cf8;--danger: #ef4444;--success: #22c55e;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;min-height:100vh}button{cursor:pointer;font-family:inherit;font-size:13px;border:none;border-radius:var(--radius);padding:6px 14px;transition:background .15s,opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}.layout{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;border-bottom:1px solid var(--border);background:var(--surface)}.header__brand{font-weight:600;font-size:15px;letter-spacing:-.01em}.header__nav{display:flex;gap:4px}.header__nav-btn{background:transparent;color:var(--text-muted);padding:5px 12px}.header__nav-btn:hover,.header__nav-btn--active{background:var(--border);color:var(--text)}.header__user{display:flex;align-items:center;gap:10px}.header__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.header__avatar-placeholder{width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.header__name{font-size:13px;color:var(--text-muted)}.header__logout{background:transparent;color:var(--text-muted);padding:4px 10px;font-size:12px}.header__logout:hover{background:var(--border);color:var(--text)}.main{flex:1;padding:32px 24px;max-width:900px;width:100%;margin:0 auto}.page-header{margin-bottom:28px}.page-header h1{font-size:20px;font-weight:600;margin-bottom:4px}.page-header p{color:var(--text-muted);font-size:13px}.providers-section{margin-bottom:28px}.providers-section__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:500;margin-bottom:12px}.providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.provider-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s}.provider-card--connected{border-color:#1a3a2a}.provider-card__header{display:flex;align-items:center;justify-content:space-between}.provider-card__name{font-weight:500;font-size:14px}.provider-card__badge{font-size:11px;padding:2px 8px;border-radius:99px;font-weight:500}.provider-card__badge--connected{background:#0d2a1a;color:var(--success)}.provider-card__badge--disconnected{background:var(--border);color:var(--text-muted)}.btn-connect{background:var(--accent);color:#fff;width:100%;padding:7px 0}.btn-connect:hover:not(:disabled){background:var(--accent-hover)}.btn-disconnect{background:transparent;color:var(--danger);border:1px solid #3a1a1a;width:100%;padding:7px 0}.btn-disconnect:hover:not(:disabled){background:#2a0f0f}.banner{padding:10px 16px;border-radius:var(--radius);margin-bottom:20px;font-size:13px}.banner--success{background:#0d2a1a;color:var(--success);border:1px solid #1a4a2a}.banner--error{background:#2a0f0f;color:var(--danger);border:1px solid #4a1a1a}.state-text{color:var(--text-muted);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.stat-card__label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.stat-card__value{font-size:26px;font-weight:600;letter-spacing:-.02em}.stat-card__value--danger{color:var(--danger)}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px}.chart-card__title{font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:14px}.chart-placeholder{height:220px;display:flex;align-items:center;justify-content:center}.period-tabs{display:flex;gap:4px}.audit-table{width:100%;border-collapse:collapse;font-size:12px}.audit-table th{padding:8px 16px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:500;white-space:nowrap}.audit-table td{padding:9px 16px;border-top:1px solid var(--border);white-space:nowrap}.audit-row--violation td{background:#1a0f0f}.audit-cell--muted{color:var(--text-muted)}.audit-cell--path{font-family:SF Mono,Fira Code,monospace;font-size:11px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.audit-cell--token{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--text-muted)}.method-badge{font-size:10px;font-weight:700;font-family:SF Mono,Fira Code,monospace;padding:2px 6px;border-radius:4px;background:var(--border);color:var(--text-muted)}