:root{color-scheme:light;--bg-base: #fbf8ff;--surface-1: #ffffff;--surface-2: #f7f0e8;--primary: #6042e8;--primary-dark: #4e34c8;--primary-glow: rgba(107, 78, 255, .18);--primary-soft: #eee9ff;--primary-soft-strong: #ddd3ff;--brand-gradient-start: #6042e8;--brand-gradient-end: #9a7dff;--on-brand: #ffffff;--success: #0f7665;--success-soft: #e3f6f1;--error: #b8323b;--error-soft: #fdeceb;--info: #236aa8;--info-soft: #e2f1ff;--t-primary: #25212b;--t-secondary: #625c68;--t-muted: #8b8492;--border-hairline: #e9e2f7;--border-medium: #d8cceb;--coral: #f66f61;--teal: #28aa95;--water: #4e9fdc;--energy: #f2a73a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 6px rgba(37, 22, 90, .05);--shadow-sm: 0 6px 16px rgba(37, 22, 90, .07);--shadow-md: 0 10px 28px rgba(37, 22, 90, .1)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-base);color:var(--t-primary)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--surface-1);border-right:1px solid var(--border-hairline);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:24px}.brand-logo{width:100%;max-width:48px;height:auto;display:block}.brand-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-dark);background:var(--primary-soft);padding:2px 8px;border-radius:var(--radius-pill)}.nav-section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--t-muted);padding:12px 12px 6px}.sidebar a{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border-radius:var(--radius-sm);color:var(--t-secondary);text-decoration:none;font-size:14px;font-weight:500;border:none;background:none;cursor:pointer;transition:background .12s ease,color .12s ease}.sidebar a:hover{background:var(--surface-2);color:var(--t-primary)}.sidebar a.active{background:var(--primary-soft);color:var(--primary-dark);font-weight:700}.sidebar .logout{margin-top:auto;display:block;width:100%;text-align:left;padding:9px 12px;border-radius:var(--radius-sm);color:var(--error);font-size:13px;font-weight:600;border:none;background:none;cursor:pointer}.sidebar .logout:hover{background:var(--error-soft)}.content{flex:1;padding:32px 40px;max-width:1100px}.page-header{margin-bottom:24px}.page-header h2{margin:0 0 4px;font-size:24px;font-weight:800;letter-spacing:-.01em}.page-header p{margin:0;color:var(--t-muted);font-size:14px}.filters{display:flex;gap:10px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.filters label{font-size:13px;color:var(--t-secondary);display:flex;align-items:center;gap:6px}.filters input,.filters select{padding:8px 12px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:13px;background:var(--surface-1);color:var(--t-primary)}.filters input:focus,.filters select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.filters input{min-width:260px}.card{background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px;margin-bottom:24px}.card h3{margin:0 0 16px;font-size:15px;font-weight:700}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-hairline);font-size:13px}th{color:var(--t-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:16px 18px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--brand-gradient-start),var(--brand-gradient-end))}.stat-card .label{font-size:12px;color:var(--t-muted);font-weight:600;margin-bottom:4px}.stat-card .value{font-size:26px;font-weight:800;color:var(--t-primary);letter-spacing:-.02em}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;background:var(--primary-soft);color:var(--primary-dark)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:var(--t-secondary)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,var(--primary-soft),transparent 45%),radial-gradient(circle at 80% 80%,var(--primary-soft-strong),transparent 45%),var(--bg-base)}.login-card{background:var(--surface-1);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:36px 32px;width:340px;display:flex;flex-direction:column;gap:14px}.login-logo{width:100%;max-width:72px;height:auto;display:block;margin:0 auto 4px}.login-card h2{margin:0;text-align:center;color:var(--t-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.login-card input{padding:11px 14px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:14px}.login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.login-card button{padding:11px 14px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end));color:var(--on-brand);font-weight:700;font-size:14px;cursor:pointer;box-shadow:var(--shadow-sm)}.login-card button:disabled{opacity:.6;cursor:default}.error-text{color:var(--error);font-size:13px}.forbidden-box{background:var(--error-soft);border:1px solid #f3c6c4;color:var(--error);border-radius:var(--radius-md);padding:14px 16px;font-size:13px}.muted{color:var(--t-muted);font-size:13px}.empty-state{color:var(--t-muted);font-size:13px;padding:24px;text-align:center}.chip{padding:8px 14px;border:1px solid var(--border-medium);border-radius:var(--radius-pill);background:var(--surface-1);color:var(--t-secondary);font-size:13px;font-weight:600;cursor:pointer}.chip.active{background:var(--primary);border-color:var(--primary);color:var(--on-brand)}.nav-danger{color:var(--error)!important}.nav-danger.active{background:var(--error-soft)!important;color:var(--error)!important}.danger-card{border-color:#f3c6c4}.danger-card h3{color:var(--error)}.btn-danger{padding:11px 18px;border-radius:var(--radius-sm);border:none;background:var(--error);color:#fff;font-weight:700;font-size:14px;cursor:pointer;margin-top:12px}.btn-danger:disabled{opacity:.6;cursor:default}
