*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f5f7;--surface:#fff;--surface2:#f0f1f4;--border:#dde1ea;--accent:#c50e1f;--accent-h:#a00b19;--danger:#c50e1f;--danger-h:#a00b19;--success:#1a7a45;--warn:#a05c00;--text:#1c1f2e;--muted:#6b7280;--radius:8px;--sidebar-w:220px;font-size:14px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-h)}#app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;padding:16px 20px;display:flex}.sidebar-logo-img{width:auto;height:28px;display:block}.sidebar-nav{flex:1;padding:12px 0}.sidebar-section-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);opacity:.6;padding:16px 20px 4px;font-size:10px;font-weight:700}.sidebar-nav a{color:var(--muted);border-radius:0;align-items:center;gap:10px;padding:10px 20px;font-weight:500;transition:color .15s,background .15s;display:flex}.sidebar-nav a:hover,.sidebar-nav a.router-link-active{color:var(--text);background:var(--surface2)}.sidebar-nav a.router-link-active{border-left:3px solid var(--accent);padding-left:17px}.sidebar-footer{border-top:1px solid var(--border);padding:14px 16px}.sidebar-logout{justify-content:center;width:100%}.login-mask{background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;padding:40px 44px}.login-logo{margin-bottom:28px}.login-logo-img{width:auto;height:36px;display:block}.login-title{margin-bottom:6px;font-size:18px;font-weight:700}.login-sub{color:var(--muted);margin-bottom:24px;font-size:13px}.login-btn{justify-content:center;width:100%;margin-top:4px;padding:10px;font-size:14px}.main-content{margin-left:var(--sidebar-w);flex:1;min-width:0;padding:32px 36px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{font-size:22px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:20px 24px}.card-title{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:16px;font-size:13px;font-weight:600}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;display:grid}.stat-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:16px}.stat-value{color:var(--accent);font-size:32px;font-weight:700}.stat-label{color:var(--muted);text-transform:capitalize;margin-top:4px;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface2)}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:hover:not(:disabled){opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{color:var(--muted);border:1px solid var(--border);background:0 0;padding:5px 8px}.btn-icon:hover{color:var(--text)}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.badge{text-transform:capitalize;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-admin{color:#5b21b6;background:#ede9fe}.badge-user{color:#1e40af;background:#dbeafe}.badge-healthy{color:#166534;background:#dcfce7}.badge-warn{color:#92400e;background:#fef3c7}.badge-error{color:#991b1b;background:#fee2e2}.modal-mask{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:90vw;min-width:420px;max-width:580px;max-height:90vh;padding:28px 32px;overflow-y:auto}.modal-title{margin-bottom:20px;font-size:17px;font-weight:700}.form-group{margin-bottom:16px}.form-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.preset-row{gap:6px;margin-bottom:8px;display:flex}.form-group input,.form-group select,.form-group textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-group select option{background:var(--surface)}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.token-reveal{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);margin:12px 0;padding:14px 16px}.token-reveal .token-label{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;font-size:11px}.token-reveal .token-value{word-break:break-all;color:var(--success);font-family:monospace;font-size:13px}.token-warn{color:var(--warn);margin-top:8px;font-size:12px}.mono{color:var(--muted);font-family:monospace;font-size:12px}.text-muted{color:var(--muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.error-bar{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);background:#fef2f2;margin-bottom:16px;padding:10px 16px;font-size:13px}.warn-bar{border:1px solid var(--warn);color:var(--warn);border-radius:var(--radius);background:#fffbeb;margin-bottom:16px;padding:10px 16px;font-size:13px}.loading{color:var(--muted);text-align:center;padding:20px 0}.empty{color:var(--muted);padding:20px 14px;font-size:13px}.chip-list{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface2);border:1px solid var(--border);border-radius:100px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;display:inline-flex}.chip button{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:0;font-size:14px;line-height:1}.chip button:hover{color:var(--danger)}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}