@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-bg:#1a1d2e;--sidebar-border:#ffffff0f;--sidebar-text:#8b93b0;--sidebar-active-bg:#f0b4291f;--sidebar-active:#f0b429;--sidebar-hover-bg:#ffffff0f;--sidebar-hover:#d1d5e8;--sidebar-width:228px;--bg:#f0f2f7;--surface:#fff;--surface-2:#f7f8fc;--border:#00000012;--border-strong:#00000024;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-faint:#9ca3af;--tier-locked:#991b1b;--tier-locked-bg:#fef2f2;--tier-nm:#dc2626;--tier-nm-bg:#fef2f2;--tier-bs:#d97706;--tier-bs-bg:#fffbeb;--tier-meeting:#1d4ed8;--tier-meeting-bg:#eff6ff;--tier-elite:#b45309;--tier-elite-bg:#fefce8;--gold:#f0b429;--green:#16a34a;--green-bg:#f0fdf4;--red:#dc2626;--red-bg:#fef2f2;--amber:#d97706;--amber-bg:#fffbeb;--blue:#2563eb;--blue-bg:#eff6ff;--font:"Sora",system-ui,-apple-system,sans-serif;--font-mono:"DM Mono","Courier New",monospace;--radius:10px;--radius-sm:6px;--shadow:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a}html,body,#root{background:var(--bg);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;height:100%;font-size:14px}.layout{display:flex;height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;overflow-y:auto;overflow-x:hidden;flex-direction:column;flex-shrink:0;transition:width .2s}.sidebar-collapsed{width:52px}.sidebar-collapsed .sidebar-section-label,.sidebar-collapsed .sidebar-user-info,.sidebar-collapsed .sidebar-signout span:last-child,.sidebar-collapsed .nav-label{display:none}.sidebar-collapsed nav a{justify-content:center;padding:10px 0}.sidebar-collapsed .sidebar-footer{padding:8px 4px 16px}.sidebar-collapsed .sidebar-user{justify-content:center;padding:10px 0}.sidebar-collapsed .sidebar-signout{justify-content:center;font-size:0}.sidebar-collapsed .sidebar-signout span:first-child{font-size:16px}.sidebar-top-row{display:flex;align-items: center;gap:4px;padding:12px 8px 4px}.sidebar-hamburger{display:flex;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items: center;width:36px;height:36px}.sidebar-hamburger:hover{background:#ffffff1a}.sidebar-logo{letter-spacing:-.4px;color:var(--gold);border-bottom:1px solid var(--sidebar-border);flex-shrink:0;padding:8px 8px 8px 4px;font-size:17px;font-weight:800}.sidebar-logo span{color:var(--sidebar-text);display:block;letter-spacing:.02em;margin-top:3px;font-size:11px;font-weight:400}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:#8b93b080;padding:16px 16px 6px;font-size:10px;font-weight:600}.sidebar nav{display:flex;flex-direction:column;gap:1px;padding:0 8px}.sidebar nav a{display:flex;border-radius:var(--radius-sm);color:var(--sidebar-text);text-decoration:none;white-space:nowrap;align-items: center;gap:10px;padding:8px 11px;transition:background .12s,color .12s;font-size:13px;font-weight:500}.sidebar nav a:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover)}.sidebar nav a.active{background:var(--sidebar-active-bg);color:var(--sidebar-active);font-weight:600}.sidebar nav a .nav-icon{display:flex;opacity:.85;flex-shrink:0;justify-content:center;align-items: center;width:18px;height:18px;font-size:15px}.sidebar-footer{border-top:1px solid var(--sidebar-border);flex-shrink:0;margin-top:auto;padding:8px 8px 16px}.sidebar-user{display:flex;border-radius:var(--radius-sm);align-items: center;gap:10px;padding:10px 12px}.sidebar-user-avatar{background:var(--gold);color:#000;display:flex;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:30px;height:30px;font-size:12px;font-weight:700}.sidebar-user-info{min-width:0}.sidebar-user-name{color:#d1d5e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:600}.sidebar-user-role{color:var(--sidebar-text);text-transform:capitalize;margin-top:1px;font-size:10px}.sidebar-signout{display:flex;border-radius:var(--radius-sm);color:var(--sidebar-text);text-decoration:none;align-items: center;gap:8px;padding:7px 12px;transition:background .12s,color .12s;font-size:12px}.sidebar-signout:hover{color:#fca5a5;background:#dc262626}.main-content{overflow-y:auto;flex:1;min-width:0}.page{max-width:1400px;padding:28px 32px}.page-header{display:flex;justify-content:space-between;align-items: flex-start;gap:16px;margin-bottom:24px}.page-title{letter-spacing:-.3px;color:var(--text-primary);font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items: center;gap:12px;padding:16px 20px}.card-title{color:var(--text-secondary);letter-spacing:.01em;font-size:13px;font-weight:600}.card-body{padding:20px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.stat-card .stat-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.stat-card .stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:28px;font-weight:500;line-height:1}.stat-card .stat-sub{color:var(--text-faint);margin-top:5px;font-size:11px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:0 14px 10px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:11px 14px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-2);cursor:pointer}.tier-badge{display:inline-flex;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items: center;padding:2px 8px;font-size:10px;font-weight:700}.tier-badge.elite{background:var(--tier-elite-bg);color:var(--tier-elite)}.tier-badge.meeting{background:var(--tier-meeting-bg);color:var(--tier-meeting)}.tier-badge.below_standard{background:var(--tier-bs-bg);color:var(--tier-bs)}.tier-badge.not_meeting{background:var(--tier-nm-bg);color:var(--tier-nm)}.tier-badge.locked_out{background:var(--tier-locked-bg);color:var(--tier-locked)}.badge{display:inline-flex;border-radius:999px;align-items: center;padding:2px 8px;font-size:11px;font-weight:600}.badge.green{background:var(--green-bg);color:var(--green)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.blue{background:var(--blue-bg);color:var(--blue)}.badge.gray{background:var(--surface-2);color:var(--text-muted)}.btn{display:inline-flex;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;align-items: center;gap:6px;padding:8px 16px;transition:opacity .12s,box-shadow .12s}.btn:hover{opacity:.88}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gold);color:#000;box-shadow:0 1px 3px #f0b4294d}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-danger{background:var(--red);color:#fff}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{padding:10px 22px;font-size:14px}.input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);color:var(--text-primary);background:var(--surface);outline:none;width:100%;padding:8px 12px;transition:border-color .12s}.input:focus{border-color:var(--gold)}.spinner{border:2.5px solid #00000014;border-top-color:var(--gold);animation:spin .7s linear infinite;border-radius:50%;width:24px;height:24px;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;justify-content:center;align-items: center;padding:60px 20px}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px;font-size:13px}.mono{font-family:var(--font-mono)}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:600}