:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#09090b;--surface:#111;--surface-2:#171717;--surface-3:#1b1b1b;--border:#ffffff0f;--border-strong:#ffffff1f;--text:#fff;--muted:#a1a1aa;--faint:#71717a;--accent:#3b82f6;--accent-soft:#3b82f60f;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--sidebar:252px;--topbar:66px;--radius:16px;--shadow:0 18px 50px #00000040;--ease-out:cubic-bezier(.22, 1, .36, 1);--motion-fast:.16s;--motion-base:.22s;--motion-slow:.28s;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}button,input,textarea,select{color:inherit;font:inherit;letter-spacing:0}button,select{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img,svg{display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{letter-spacing:0}:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}::selection{background:#3b82f661}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#333338 padding-box padding-box;border:3px solid #0000;border-radius:8px}.app-shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns var(--motion-slow) var(--ease-out);display:grid}.app-shell--collapsed{--sidebar:76px}.app-column{min-width:0}.sidebar{z-index:40;width:var(--sidebar);border-right:1px solid var(--border);height:100vh;transition:width var(--motion-slow) var(--ease-out), transform var(--motion-slow) var(--ease-out);background:#0d0d0f;flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__header{height:var(--topbar);flex:0 0 var(--topbar);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-lockup strong{font-size:14px}.brand-lockup small{color:var(--faint);font-size:11px}.brand-mark{color:#dbeafe;background:#18243a;border:1px solid #60a5fa6b;border-radius:7px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-weight:700;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff08}.brand-mark--large{width:46px;height:46px;font-size:18px}.guild-picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:58px;min-height:58px;transition:border-color var(--motion-base) ease, background var(--motion-base) ease, transform var(--motion-base) var(--ease-out);align-items:center;gap:10px;margin:16px 12px 8px;padding:8px;display:flex;position:relative;overflow:hidden}.guild-picker:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-1px)}.guild-picker select{opacity:0;width:100%;position:absolute;inset:0}.guild-avatar,.avatar{border:1px solid var(--border-strong);color:#e4e4e7;object-fit:cover;background:#242429;border-radius:7px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:inline-grid}.avatar{border-radius:50%}.guild-picker__copy{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.guild-picker__copy small{color:var(--faint);font-size:10px}.guild-picker__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sidebar__nav{flex-direction:column;flex:1;gap:3px;padding:14px 12px;display:flex}.nav-label{color:var(--faint);margin:4px 8px 7px;font-size:11px;font-weight:600;display:block}.nav-item{height:40px;color:var(--muted);white-space:nowrap;transition:color var(--motion-base) ease;border-radius:6px;align-items:center;gap:11px;padding:0 11px;font-size:13px;font-weight:500;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--text);background:#ffffff0b}.nav-item--active{color:#dbeafe}.nav-item__active{background:var(--accent-soft);pointer-events:none;border:1px solid #60a5fa14;border-radius:6px;position:absolute;inset:0}.nav-item__active:before{content:"";background:#60a5fa;border-radius:2px;width:2px;position:absolute;top:11px;bottom:11px;left:0}.nav-item__icon,.nav-item__label{z-index:1;position:relative}.nav-item__label{opacity:1;min-width:0;transition:opacity var(--motion-fast) ease, transform var(--motion-base) var(--ease-out);transform:translate(0)}.sidebar__footer{border-top:1px solid var(--border);padding:12px}.user-block{align-items:center;gap:9px;min-width:0;padding:4px;display:flex}.user-block>span{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.user-block strong,.user-block small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-block strong{font-size:12px}.user-block small{color:var(--faint);font-size:10px}.icon-button,.collapse-button,.search-trigger,.command-palette button{background:0 0;border:0}.icon-button{width:36px;height:36px;color:var(--muted);transition:color var(--motion-fast) ease, background var(--motion-fast) ease, transform var(--motion-fast) var(--ease-out);border-radius:6px;flex:0 0 36px;place-items:center;display:inline-grid}.icon-button:hover{color:var(--text);background:#ffffff0e;transform:translateY(-1px)}.collapse-button{width:100%;height:36px;color:var(--faint);white-space:nowrap;border-radius:6px;align-items:center;gap:10px;margin-top:8px;padding:0 9px;font-size:12px;display:flex}.collapse-button:hover{color:var(--muted);background:#ffffff0a}.sidebar__mobile-close,.app-shell--collapsed .brand-lockup strong,.app-shell--collapsed .brand-lockup small,.app-shell--collapsed .guild-picker__copy,.app-shell--collapsed .guild-picker>svg,.app-shell--collapsed .nav-label,.app-shell--collapsed .user-block>span,.app-shell--collapsed .user-block .icon-button,.app-shell--collapsed .collapse-button span{display:none}.app-shell--collapsed .nav-item__label{opacity:0;width:0;overflow:hidden;transform:translate(-6px)}.app-shell--collapsed .guild-picker{margin-inline:12px;padding:8px}.app-shell--collapsed .nav-item{justify-content:center;padding:0}.app-shell--collapsed .user-block,.app-shell--collapsed .collapse-button{justify-content:center}.topbar{z-index:30;height:var(--topbar);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090be0;align-items:center;gap:16px;padding:0 clamp(18px,3vw,38px);display:flex;position:sticky;top:0}.topbar__menu{display:none}.topbar__context{flex-direction:column;min-width:150px;line-height:1.2;display:flex}.topbar__context strong{font-size:13px}.topbar__context span{color:var(--faint);align-items:center;gap:6px;margin-top:4px;font-size:10px;display:flex}.topbar__context i,.login-nav__status i{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2.4s ease-out infinite status-pulse;box-shadow:0 0 0 3px #22c55e1a}@keyframes status-pulse{0%,58%,to{box-shadow:0 0 0 3px #22c55e1a}72%{box-shadow:0 0 0 7px #22c55e00}}.login-nav__status--offline i{background:var(--danger);box-shadow:0 0 0 3px #ef44441a}.search-trigger{border:1px solid var(--border);background:var(--surface);width:min(390px,38vw);height:36px;color:var(--faint);text-align:left;transition:border-color var(--motion-base) ease, background var(--motion-base) ease, transform var(--motion-fast) var(--ease-out);border-radius:7px;align-items:center;gap:9px;margin:0 auto;padding:0 10px;display:flex}.search-trigger:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--muted);transform:translateY(-1px)}.search-trigger span{flex:1}kbd{border:1px solid var(--border-strong);min-width:23px;height:21px;color:var(--faint);background:#ffffff09;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font:500 10px/1 Inter,sans-serif;display:inline-flex}.notification-button{position:relative}.notification-button i{border:1px solid var(--bg);background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.main-content{width:min(100%,1460px);min-height:calc(100vh - var(--topbar));margin:0 auto;padding:clamp(28px,4vw,54px) clamp(18px,4vw,54px) 72px}.route-transition{width:100%;min-width:0}.page-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:34px;display:flex}.page-header h1{margin-bottom:7px;font-size:clamp(25px,3vw,36px);line-height:1.15}.page-header p{max-width:680px;color:var(--muted);margin-bottom:0;font-size:14px}.eyebrow{color:#93c5fd;margin-bottom:9px;font-size:11px;font-weight:600;display:block}.page-header__actions{align-items:center;gap:9px;display:flex}.button{border:1px solid var(--border-strong);background:var(--surface-2);min-height:38px;color:var(--text);border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .14s,background .14s,transform .14s;display:inline-flex}.button:hover:not(:disabled){background:#202024;border-color:#fff3;transform:translateY(-1px)}.button:active:not(:disabled),.icon-button:active,.search-trigger:active{transform:translateY(0)scale(.98)}.button--primary{color:#fff;background:#2563eb;border-color:#3b82f6}.button--primary:hover:not(:disabled){background:#3b82f6;border-color:#60a5fa}.button--danger{color:#fca5a5;background:#ef44441a;border-color:#ef444447}.button--ghost{color:var(--muted);background:0 0;border-color:#0000}.button--large{min-height:46px;padding-inline:20px}.button--discord{color:#fff;background:#5865f2;border-color:#5865f2}.discord-glyph{color:#5865f2;background:#fff;border-radius:6px;place-items:center;width:21px;height:21px;font-size:11px;font-weight:800;display:inline-grid}.surface,.card,.chart-panel,.form-section,.table-wrap,.activity-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px #ffffff06}.surface,.card,.form-section{padding:clamp(20px,3vw,28px)}.chart-panel,.form-section,.surface-panel,.table-panel,.preview-panel,.protection-banner{transition:border-color var(--motion-base) ease, background var(--motion-base) ease, box-shadow var(--motion-base) ease, transform var(--motion-base) var(--ease-out)}.chart-panel:hover,.form-section:hover,.surface-panel:hover,.table-panel:hover,.preview-panel:hover{border-color:var(--border-strong);box-shadow:0 14px 36px #00000029}.card:hover{border-color:var(--border-strong)}.dashboard-grid,.metrics-grid,.settings-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.chart-panel{grid-column:span 8;min-height:390px;padding:24px 24px 14px}.activity-panel{grid-column:span 4;padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.panel-heading h2{margin-bottom:4px;font-size:16px}.panel-heading p{color:var(--faint);margin-bottom:0;font-size:12px}.segmented{border:1px solid var(--border);background:#0d0d0f;border-radius:7px;padding:3px;display:inline-flex}.segmented button{height:28px;color:var(--faint);background:0 0;border:0;border-radius:5px;padding:0 10px;font-size:11px}.segmented button[aria-pressed=true]{background:var(--surface-3);color:var(--text)}.metric-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-column:span 3;min-height:124px;padding:20px}.metric-card>span{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.metric-card strong{margin-top:18px;font-size:27px;line-height:1;display:block}.metric-card small{color:var(--faint);margin-top:9px;display:block}.trend--up{color:#86efac}.trend--down{color:#fca5a5}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--border);grid-template-columns:30px minmax(0,1fr);gap:11px;padding:13px 0;display:grid}.activity-item:last-child{border-bottom:0}.activity-item__icon{background:var(--surface-3);width:30px;height:30px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.activity-item p{color:#d4d4d8;margin-bottom:2px;font-size:12px}.activity-item small{color:var(--faint);font-size:10px}.form-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:20px;display:grid}.form-stack{flex-direction:column;gap:18px;display:flex}.form-section h2{margin-bottom:5px;font-size:16px}.form-section>p{color:var(--muted);margin-bottom:24px;font-size:12px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field--full{grid-column:1/-1}.field>span,.field>label{font-size:12px;font-weight:600}.field small{color:var(--faint);font-size:11px}.input,.field input:not([type=checkbox]),.field textarea,.field select{border:1px solid var(--border-strong);width:100%;min-height:40px;color:var(--text);background:#0d0d0f;border-radius:6px;outline:none;padding:9px 11px;transition:border-color .14s,box-shadow .14s}.field textarea{resize:vertical;min-height:112px}.input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61c}.form-actions{justify-content:flex-end;align-items:center;gap:10px;padding-top:6px;display:flex}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:14px 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-row>span{min-width:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:13px}.setting-row small{color:var(--faint);margin-top:3px;font-size:11px}.switch{flex:0 0 38px;width:38px;height:22px;display:inline-flex;position:relative}.switch input{opacity:0;position:absolute}.switch i{border:1px solid var(--border-strong);background:#27272a;border-radius:11px;width:100%;transition:background .14s,border-color .14s}.switch i:after{content:"";background:#a1a1aa;border-radius:50%;width:14px;height:14px;transition:transform .14s,background .14s;position:absolute;top:4px;left:4px}.switch input:checked+i{background:#2563eb;border-color:#3b82f6}.switch input:checked+i:after{background:#fff;transform:translate(16px)}.switch input:focus-visible+i{outline-offset:2px;outline:2px solid #60a5fa}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{z-index:1;border-bottom:1px solid var(--border);color:var(--faint);white-space:nowrap;background:#131315;padding:12px 16px;font-size:11px;font-weight:600;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--border);color:#d4d4d8;vertical-align:middle;padding:15px 16px;font-size:12px}.data-table tbody tr:hover{background:#ffffff06}.data-table tbody tr:last-child td{border-bottom:0}.table-actions{justify-content:flex-end;gap:4px;display:flex}.badge{border:1px solid var(--border);min-height:23px;color:var(--muted);white-space:nowrap;background:#ffffff09;border-radius:7px;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.badge--success{color:#86efac;background:#22c55e14;border-color:#22c55e33}.badge--warning{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b33}.badge--danger{color:#fca5a5;background:#ef444414;border-color:#ef444433}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000a3;place-items:start center;padding:12vh 18px 24px;display:grid;position:fixed;inset:0}.command-palette,.modal{border:1px solid var(--border-strong);border-radius:var(--radius);width:min(100%,610px);box-shadow:var(--shadow);background:#151517;overflow:hidden}.command-palette__input{border-bottom:1px solid var(--border);height:56px;color:var(--faint);align-items:center;gap:11px;padding:0 16px;display:flex}.command-palette__input input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.command-palette__input button{color:var(--faint);padding:7px}.command-palette__results{max-height:360px;padding:10px;overflow:auto}.command-palette__results .nav-label{margin-block:2px 8px}.command-palette__results button{width:100%;height:42px;color:var(--muted);text-align:left;border-radius:6px;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:0 10px;display:grid}.command-palette__results button:hover,.command-palette__results button:focus-visible,.command-palette__results button.active{background:var(--accent-soft);color:var(--text)}.command-palette__results button svg:last-child{opacity:0}.command-palette__results button:hover svg:last-child,.command-palette__results button.active svg:last-child{opacity:1}.command-palette__empty{color:var(--faint);text-align:center;padding:28px 12px}.command-palette footer{border-top:1px solid var(--border);color:var(--faint);justify-content:flex-end;gap:14px;padding:10px 14px;font-size:10px;display:flex}.command-palette footer span{align-items:center;gap:5px;display:flex}.modal{padding:24px}.modal__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.modal__header h2{margin-bottom:4px;font-size:18px}.modal__header p{color:var(--muted);margin-bottom:0;font-size:12px}.loading-screen,.centered-page,.state-panel,.empty-state{justify-content:center;align-items:center;display:flex}.loading-screen,.centered-page{background:var(--bg);min-height:100vh;color:var(--muted);flex-direction:column;gap:13px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:230px;color:var(--muted);text-align:center;flex-direction:column;gap:14px;padding:30px}.state-panel h2{color:var(--text);margin-bottom:4px;font-size:16px}.state-panel p{max-width:460px;color:var(--muted);margin-bottom:0}.state-panel--error .state-icon{color:#fca5a5;background:#ef44441a;border-radius:7px;place-items:center;width:42px;height:42px;display:grid}.skeleton-lines{gap:8px;width:min(100%,320px);display:grid}.skeleton-lines i{background:#29292d;border-radius:4px;height:9px;position:relative;overflow:hidden}.skeleton-lines i:after{content:"";animation:skeleton-shimmer 1.45s var(--ease-out) infinite;background:linear-gradient(90deg,#0000,#ffffff17,#0000);position:absolute;inset:0;transform:translate(-100%)}.skeleton-lines i:nth-child(2){width:78%}.skeleton-lines i:nth-child(3){width:54%}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);min-height:280px;color:var(--muted);text-align:center;flex-direction:column;padding:36px}.empty-state__icon{border:1px solid var(--border);background:var(--surface-2);color:#93c5fd;border-radius:8px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.empty-state h2{color:var(--text);margin-bottom:7px;font-size:16px}.empty-state p{max-width:420px;margin-bottom:18px}.toast-region{z-index:200;flex-direction:column;gap:8px;width:min(360px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--border-strong);min-height:46px;box-shadow:var(--shadow);color:#e4e4e7;background:#1b1b1e;border-radius:7px;grid-template-columns:6px minmax(0,1fr) 30px;align-items:center;gap:10px;padding:7px 8px 7px 13px;display:grid}.toast>i{background:var(--success);border-radius:50%;width:6px;height:6px}.toast--error>i{background:var(--danger)}.toast--warning>i{background:var(--warning)}.toast button{width:30px;height:30px;color:var(--faint);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.toast button:hover{background:#ffffff0d}.login-page{min-height:100vh;color:var(--text);background-color:#09090b;background-image:radial-gradient(circle at 80% 20%,#3b82f614 0%,#0000 50%),radial-gradient(circle at 20% 80%,#60a5fa0a 0%,#0000 60%);flex-direction:column;display:flex}.login-header{align-items:center;height:80px;padding:0 clamp(24px,6vw,80px);display:flex}.home-button{border:1px solid var(--border);background:var(--surface-1);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:border-color .14s,color .14s;display:inline-flex}.home-button:hover{border-color:var(--border-strong);color:var(--text)}.login-content{flex:1;justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1300px;margin:0 auto;padding:0 clamp(24px,6vw,80px) 80px;display:flex}.login-brand-section{flex:1;max-width:480px}.login-brand-logo{color:var(--text);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:600;display:flex}.login-brand-logo .brand-mark{background:var(--accent);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.login-main-title{letter-spacing:-.03em;margin-bottom:16px;font-size:40px;font-weight:600;line-height:1.15}.login-main-desc{color:var(--muted);font-size:14px;line-height:1.6}.login-card-container{flex:1;justify-content:flex-end;display:flex}.login-card{border:1px solid var(--border);background:#111;border-radius:16px;width:100%;max-width:420px;padding:36px;box-shadow:0 30px 60px #0006}.login-card-eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700;display:inline-block}.login-card-title{letter-spacing:-.01em;margin-bottom:6px;font-size:20px;font-weight:600}.login-card-desc{color:var(--muted);margin-bottom:28px;font-size:13px}.login-card-action{margin-bottom:24px}.button--discord{color:#fff!important;background-color:#5865f2!important;border:none!important}.button--discord:hover{background-color:#4752c4!important}.login-card-footer{border-top:1px solid var(--border);color:var(--faint);align-items:center;gap:8px;padding-top:20px;font-size:11px;display:flex}.button--full{justify-content:center;width:100%}@media (width<=820px){.login-content{flex-direction:column;justify-content:center;align-items:stretch;gap:48px}.login-brand-section{text-align:center;max-width:none}.login-brand-logo,.login-card-container{justify-content:center}.login-card{max-width:none}}.sidebar-scrim{display:none}@media (width<=1100px){.chart-panel,.activity-panel{grid-column:1/-1}.metric-card{grid-column:span 6}}@media (width<=820px){.app-shell,.app-shell--collapsed{display:block}.sidebar{width:min(292px,100vw - 44px);position:fixed;left:0;transform:translate(-105%);box-shadow:20px 0 50px #0006}.sidebar--open{transform:translate(0)}.sidebar__mobile-close{display:inline-grid}.app-shell--collapsed .brand-lockup strong,.app-shell--collapsed .brand-lockup small,.app-shell--collapsed .guild-picker__copy,.app-shell--collapsed .guild-picker>svg,.app-shell--collapsed .nav-label,.app-shell--collapsed .nav-item__label,.app-shell--collapsed .user-block>span,.app-shell--collapsed .user-block .icon-button,.app-shell--collapsed .collapse-button span{display:initial}.app-shell--collapsed .nav-item__label{opacity:1;width:auto;overflow:visible;transform:none}.app-shell--collapsed .guild-picker{padding:8px}.app-shell--collapsed .nav-item,.app-shell--collapsed .collapse-button,.app-shell--collapsed .user-block{justify-content:flex-start}.sidebar-scrim{z-index:35;background:#0000009e;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.topbar__menu{display:inline-grid}.topbar__context{flex:1;min-width:0}.search-trigger{flex:0 0 36px;justify-content:center;width:36px;padding:0}.search-trigger span,.search-trigger kbd{display:none}.form-layout{grid-template-columns:1fr}}@media (width<=620px){.main-content{padding:26px 16px 56px}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:26px}.page-header__actions{width:100%}.page-header__actions .button{flex:1}.metric-card{grid-column:1/-1}.field-grid{grid-template-columns:1fr}.field--full{grid-column:auto}.chart-panel,.activity-panel,.form-section,.surface,.card{padding:18px}.panel-heading{flex-direction:column;align-items:flex-start}.dialog-backdrop{padding-top:7vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-stack{flex-direction:column;gap:22px;display:flex}.page-stack>.page-header{margin-bottom:4px}.page-stack--center{justify-content:center;min-height:64vh}.live-indicator,.read-only-badge{border:1px solid var(--border);background:var(--surface);min-height:30px;color:var(--muted);white-space:nowrap;border-radius:7px;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.live-indicator i{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2.4s ease-out infinite status-pulse;box-shadow:0 0 0 4px #22c55e1a}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-grid .metric-card{min-width:0;min-height:108px;transition:border-color var(--motion-base) ease, background var(--motion-base) ease, box-shadow var(--motion-base) ease, transform var(--motion-base) var(--ease-out);grid-column:auto;align-items:flex-start;gap:14px;padding:18px;display:flex}.metric-grid .metric-card:hover{border-color:var(--border-strong);background:#131315;transform:translateY(-2px);box-shadow:0 14px 32px #00000029}.metric-grid .metric-card>.metric-icon{border-radius:7px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.metric-icon--blue{color:#93c5fd;background:#3b82f61f}.metric-icon--green{color:#86efac;background:#22c55e1c}.metric-icon--amber{color:#fcd34d;background:#f59e0b1c}.metric-icon--red{color:#fca5a5;background:#ef44441c}.metric-card>div{min-width:0}.metric-card>div>span{color:var(--muted);white-space:nowrap;font-size:12px;display:block}.metric-grid .metric-card strong{margin-top:9px;font-size:25px}.page-stack>.chart-panel{grid-column:auto;min-height:470px;padding:24px 24px 16px}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.section-heading h2{margin:2px 0 0;font-size:17px}.section-heading--compact{margin-bottom:12px}.section-kicker{color:var(--faint);font-size:12px;font-weight:600}.section-kicker--danger{color:#fca5a5}.segmented-control{border:1px solid var(--border);background:#0d0d0f;border-radius:7px;padding:3px;display:inline-flex}.segmented-control button{min-width:40px;height:29px;color:var(--faint);transition:color var(--motion-base) ease;background:0 0;border:0;border-radius:5px;font-size:12px;font-weight:600;position:relative;overflow:hidden}.segmented-control button.active{color:var(--text)}.segmented-control__active{border:1px solid var(--border);background:var(--surface-3);border-radius:5px;position:absolute;inset:0;box-shadow:0 1px 4px #0000003d}.segmented-control__label{z-index:1;position:relative}.chart-wrap{width:100%;height:320px}.chart-wrap .recharts-cartesian-axis-tick-value{fill:var(--faint);font-size:11px}.chart-tooltip{border:1px solid var(--border-strong);min-width:150px;box-shadow:var(--shadow);background:#1b1b1e;border-radius:7px;gap:3px;padding:11px 12px;display:grid}.chart-tooltip span,.chart-tooltip small{color:var(--faint);font-size:11px}.chart-tooltip strong{font-size:13px}.chart-summary{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:22px;padding:12px 2px 0;font-size:12px;display:flex}.chart-summary span{align-items:center;gap:7px;display:inline-flex}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.surface-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;padding:22px}.status-list,.compact-list{flex-direction:column;display:flex}.status-row{border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:61px;display:grid}.status-row:last-child,.compact-row:last-child{border-bottom:0}.status-row__icon{background:var(--surface-3);width:32px;height:32px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.status-row strong,.status-row span{display:block}.status-row strong{font-size:13px}.status-row div>span{color:var(--faint);margin-top:1px;font-size:11px}.status-badge{border-radius:6px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:600;display:inline-flex}.compact-row{border-bottom:1px solid var(--border);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:61px;display:grid}.case-dot{background:var(--warning);border-radius:50%;width:6px;height:6px}.case-dot--ban,.case-dot--kick{background:var(--danger)}.case-dot--warning{background:var(--warning)}.case-dot--mute{background:#a78bfa}.compact-row strong,.compact-row span{display:block}.compact-row strong{text-transform:capitalize;font-size:12px}.compact-row div>span{max-width:330px;color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.compact-row time{color:var(--faint);white-space:nowrap;font-size:10px}.quiet-empty{min-height:150px;color:var(--faint);justify-content:center;align-items:center;gap:9px;display:flex}.editor-layout{grid-template-columns:minmax(0,8fr) minmax(290px,4fr);align-items:start;gap:18px;display:grid}.form-sections{flex-direction:column;gap:18px;min-width:0;display:flex}.form-section__heading{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.form-section__heading>div{flex:1;min-width:0}.form-section__heading h2{margin:0 0 4px}.form-section__heading p{color:var(--muted);margin:0;font-size:12px}.form-section__icon{background:var(--accent-soft);color:#93c5fd;border-radius:7px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.switch-control{cursor:pointer;align-items:center;gap:8px;min-height:32px;display:inline-flex;position:relative}.switch-control input{opacity:0;pointer-events:none;position:absolute}.switch-control>span{border:1px solid var(--border-strong);width:38px;height:22px;transition:background var(--motion-base) ease, border-color var(--motion-base) ease, transform var(--motion-fast) var(--ease-out);background:#27272a;border-radius:11px;flex:0 0 38px;position:relative}.switch-control>span:after{content:"";width:14px;height:14px;transition:transform var(--motion-base) var(--ease-out), background var(--motion-base) ease;background:#a1a1aa;border-radius:50%;position:absolute;top:3px;left:3px}.switch-control input:checked+span{border-color:var(--accent);background:#2563eb}.switch-control input:checked+span:after{background:#fff;transform:translate(16px)}.switch-control input:focus-visible+span{outline-offset:2px;outline:2px solid #60a5fa}.switch-control b{white-space:nowrap;font-size:11px;font-weight:600}.switch-control--hero{border:1px solid var(--border);background:var(--surface);border-radius:7px;padding:4px 10px}.switch-control--icon b{display:none}.field small{justify-content:space-between;gap:10px;display:flex}.field small code{color:#c4b5fd;background:#ffffff0d;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.field small b{white-space:nowrap;margin-left:auto;font-weight:500}.input-with-icon,.input-suffix,.input-prefix{border:1px solid var(--border-strong);min-height:40px;color:var(--faint);background:#0d0d0f;border-radius:6px;align-items:center;gap:9px;padding:0 11px;display:flex}.input-with-icon:focus-within,.input-suffix:focus-within,.input-prefix:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61c}.input-with-icon input,.input-suffix input,.input-prefix input{flex:1;min-width:0;min-height:38px!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.input-suffix>span,.input-prefix>span{white-space:nowrap;font-size:11px}.preview-column{top:calc(var(--topbar) + 24px);flex-direction:column;gap:12px;min-width:0;display:flex;position:sticky}.preview-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.preview-panel>header{border-bottom:1px solid var(--border);height:46px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 15px;font-size:12px;font-weight:600;display:flex}.preview-panel>header i{background:var(--faint);border-radius:50%;width:6px;height:6px}.preview-panel>header i.online{background:var(--success)}.preview-panel>img{object-fit:cover;width:100%;max-height:180px}.preview-placeholder{min-height:150px;color:var(--faint);background:#0d0d0f;align-content:center;place-items:center;gap:8px;font-size:11px;display:grid}.discord-message{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:16px;display:grid}.preview-avatar{color:#fff;background:#2563eb;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.discord-message strong{font-size:12px}.discord-message strong b{color:#fff;background:#5865f2;border-radius:3px;padding:1px 4px;font-size:8px}.discord-message time{color:var(--faint);margin-left:6px;font-size:9px}.discord-message p{color:#d4d4d8;overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.sticky-actions{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111113f5;justify-content:flex-end;gap:8px;padding:12px;display:flex}.protection-banner{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:42px minmax(0,1fr) 10px;align-items:center;gap:14px;padding:18px;display:grid}.protection-banner>span{width:40px;height:40px;color:var(--faint);background:#ffffff0a;border-radius:7px;place-items:center;display:grid}.protection-banner h2{margin:0 0 3px;font-size:15px}.protection-banner p{color:var(--faint);margin:0;font-size:12px}.protection-banner>i{background:var(--faint);border-radius:50%;width:7px;height:7px}.protection-banner--active{border-color:#22c55e33}.protection-banner--active>span{color:#86efac;background:#22c55e17}.protection-banner--active>i{background:var(--success);box-shadow:0 0 0 5px #22c55e17}.rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.rule-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;min-height:105px;transition:border-color var(--motion-base) ease, background var(--motion-base) ease, box-shadow var(--motion-base) ease, transform var(--motion-base) var(--ease-out);grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:11px;padding:16px;display:grid}.rule-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 12px 30px #00000024}.rule-card:active{transform:translateY(0)scale(.99)}.rule-card--active{background:#12151a;border-color:#3b82f647}.rule-card__icon{background:var(--surface-3);width:32px;height:32px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.rule-card>span:nth-child(2) strong,.rule-card>span:nth-child(2) small{display:block}.rule-card>span:nth-child(2) strong{font-size:13px}.rule-card>span:nth-child(2) small{color:var(--faint);margin-top:4px;font-size:11px;line-height:1.5}.settings-grid>.form-section{grid-column:span 6}.subtle-count{color:var(--faint);white-space:nowrap;font-size:11px}.bottom-savebar{z-index:10;border:1px solid var(--border-strong);border-radius:var(--radius);min-height:62px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--muted);background:#171719f0;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;padding:11px 12px 11px 17px;font-size:12px;display:flex;position:static;bottom:18px}.bottom-savebar>div{gap:8px;display:flex}.table-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border);min-height:62px;color:var(--faint);justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:12px;display:flex}.search-field{border:1px solid var(--border);width:min(100%,360px);height:38px;color:var(--faint);background:#0d0d0f;border-radius:6px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:0}.select-with-icon{border:1px solid var(--border);height:38px;color:var(--faint);background:#0d0d0f;border-radius:6px;align-items:center;gap:7px;padding:0 9px;display:flex}.select-with-icon select{color:var(--muted);background:0 0;border:0;outline:0}.table-scroll{width:100%;overflow:auto}.table-panel table{border-collapse:collapse;text-align:left;width:100%}.table-panel th{z-index:1;border-bottom:1px solid var(--border);color:var(--faint);white-space:nowrap;background:#131315;padding:11px 15px;font-size:11px;font-weight:600;position:sticky;top:0}.table-panel td{border-bottom:1px solid var(--border);color:#d4d4d8;vertical-align:middle;max-width:500px;padding:14px 15px;font-size:12px}.table-panel tbody tr:hover{background:#ffffff05}.table-panel tbody tr:last-child td{border-bottom:0}.table-panel th:last-child,.table-panel td:last-child{text-align:right;width:86px}.command-trigger{border:1px solid var(--border);color:#bfdbfe;background:#ffffff08;border-radius:6px;align-items:center;gap:7px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.response-preview,.reason-cell{text-overflow:ellipsis;white-space:nowrap;max-width:560px;display:block;overflow:hidden}.row-actions{gap:4px;display:inline-flex}.row-actions button{width:31px;height:31px;color:var(--faint);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.row-actions button:hover{color:var(--text);background:#ffffff0d}.row-actions button.danger:hover{color:#fca5a5;background:#ef444417}.table-footer{border-top:1px solid var(--border);color:var(--faint);justify-content:space-between;gap:12px;padding:11px 15px;font-size:11px;display:flex}.case-number{color:var(--faint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.user-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.action-badge{color:var(--muted);text-transform:capitalize;background:#ffffff0a;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:600;display:inline-flex}.action-badge--warning{color:#fcd34d;background:#f59e0b17}.action-badge--mute{color:#c4b5fd;background:#a78bfa17}.action-badge--kick,.action-badge--ban{color:#fca5a5;background:#ef444417}.modal-layer{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-layer .modal{width:min(100%,560px);padding:0}.modal-layer .modal--small{width:min(100%,430px)}.modal-layer .modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.modal-layer .modal>header h2{margin:3px 0 0;font-size:18px}.modal-layer .modal>header>button{width:32px;height:32px;color:var(--faint);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.modal-layer .modal>header>button:hover{color:var(--text);background:#ffffff0d}.modal__body{flex-direction:column;gap:18px;padding:22px;display:flex}.modal-copy{color:var(--muted);margin:0}.modal-layer .modal>footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.preview-column{position:static}.preview-panel{max-width:680px}}@media (width<=900px){.overview-grid,.rule-grid{grid-template-columns:1fr}.settings-grid>.form-section{grid-column:1/-1}}@media (width<=620px){.metric-grid{grid-template-columns:1fr}.metric-grid .metric-card{min-height:92px}.page-stack>.chart-panel{min-height:410px;padding:18px 12px 12px}.chart-wrap{height:270px}.section-heading{flex-direction:column;align-items:flex-start}.chart-summary{flex-direction:column;align-items:flex-start;gap:6px}.surface-panel{padding:18px}.compact-row{grid-template-columns:8px minmax(0,1fr)}.compact-row time{display:none}.editor-layout{gap:14px}.form-section__heading{flex-wrap:wrap}.form-section__heading .switch-control{width:100%}.sticky-actions .button{flex:1}.bottom-savebar{flex-direction:column;align-items:stretch}.bottom-savebar>div{grid-template-columns:1fr 1fr;display:grid}.table-toolbar--filters{flex-direction:column;align-items:stretch}.search-field,.select-with-icon{width:100%}.table-panel td{max-width:260px}.modal-layer{align-items:end;padding:10px}.modal-layer .modal{max-height:calc(100vh - 20px);overflow:auto}.page-header__actions>.switch-control{justify-content:space-between;width:100%}}.custom-select-container{width:100%;position:relative}.custom-select-trigger{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;min-height:40px;color:var(--text);text-align:left;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.custom-select-trigger:hover{border-color:#fff3}.custom-select-trigger:focus,.custom-select-trigger--open{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.custom-select-trigger-content{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.custom-select-chevron{color:var(--faint);transition:transform .18s}.custom-select-chevron--open{color:var(--muted);transform:rotate(180deg)}.custom-select-dropdown{z-index:50;border:1px solid var(--border-strong);background:var(--surface-3);border-radius:8px;width:100%;max-height:240px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0000004d}.custom-select-option{color:var(--muted);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;transition:background .1s,color .1s;display:flex}.custom-select-option:hover{color:var(--text);background:#ffffff0d}.custom-select-option--selected{color:#93c5fd;background:#3b82f614}.custom-select-option-label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.custom-select-check{color:#3b82f6;flex-shrink:0}.workspace-switcher-container{margin:16px 12px 8px;position:relative}.workspace-switcher-container .guild-picker{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;width:100%;margin:0}.workspace-switcher-container .guild-picker:hover{border-color:var(--border-strong);background:var(--surface-2)}.workspace-chevron{color:var(--faint);margin-left:auto;transition:transform .18s}.workspace-chevron--open{color:var(--muted);transform:rotate(180deg)}.workspace-dropdown{z-index:50;border:1px solid var(--border-strong);background:var(--surface-3);border-radius:12px;width:100%;max-height:280px;margin:0;padding:6px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 12px 30px #0006}.workspace-dropdown-label{color:var(--faint);letter-spacing:.03em;text-transform:uppercase;padding:6px 10px;font-size:11px;font-weight:600;display:block}.workspace-dropdown-item{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background .1s,color .1s;display:flex}.workspace-dropdown-item:hover{color:var(--text);background:#ffffff0d}.workspace-dropdown-item--selected{color:#93c5fd;background:#3b82f614}.workspace-check{color:#3b82f6;margin-left:auto}.guild-avatar--small{border-radius:4px;width:24px;height:24px;font-size:9px}.brand-logo{object-fit:cover;border:1px solid var(--border-strong);border-radius:8px;width:32px;height:32px}.overview-hero-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.overview-hero-grid .chart-panel{grid-column:span 8;margin-bottom:0}.overview-hero-grid .summary-panel{flex-direction:column;grid-column:span 4;padding:24px;display:flex}.overview-bottom-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.overview-bottom-grid .surface-panel{grid-column:span 6}.metric-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;justify-content:space-between;min-height:110px;padding:20px;display:flex}.metric-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.metric-card-header span{color:var(--muted);font-size:13px}.metric-card-body{align-items:center;gap:12px;margin-top:12px;display:flex}.metric-card-icon{color:var(--faint)}.metric-card-number{color:var(--text);font-size:28px;font-weight:700;line-height:1}.badge{border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge--green{color:#4ade80;background:#22c55e1a}.badge--red{color:#fca5a5;background:#ef44441a}.badge--amber{color:#fcd34d;background:#f59e0b1a}.badge--muted{color:var(--muted);background:#ffffff0d}.live-pill{color:#4ade80;background:#22c55e14;border:1px solid #22c55e33;border-radius:12px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.live-pill i{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-out infinite status-pulse;box-shadow:0 0 0 2px #22c55e33}.chart-title-row{align-items:center;gap:10px;margin-top:4px;display:flex}.chart-heading-left{flex-direction:column;display:flex}.summary-list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.summary-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.summary-row:last-child{border-bottom:none;padding-bottom:0}.summary-row-label{color:var(--muted);font-size:13px}.summary-row-value{font-size:14px;font-weight:600}.setting-list,.status-list{flex-direction:column;display:flex}.status-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 0;display:flex}.status-row:last-child{border-bottom:none}.status-row__icon{background:var(--surface-3);width:32px;height:32px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.status-row-info{flex-direction:column;flex:1;gap:2px;display:flex}.status-row-info strong{font-size:13px;font-weight:600}.status-row-info span{color:var(--faint);font-size:11px}.status-row-action{align-items:center;gap:10px;display:flex}.status-badge{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.status-badge--success{color:#4ade80;background:#22c55e1a}.status-badge--muted{color:var(--muted);background:#ffffff0d}.arrow-link{width:28px;height:28px;color:var(--faint);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex}.arrow-link:hover{background:var(--surface-3);color:var(--text)}.view-link{color:var(--accent);font-size:12px;font-weight:600;transition:color .14s}.view-link:hover{color:#60a5fa}@media (width<=1024px){.overview-hero-grid .chart-panel,.overview-hero-grid .summary-panel,.overview-bottom-grid .surface-panel{grid-column:span 12}}.role-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:14px;display:grid}.role-card{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .14s,background .14s;display:flex}.role-card:hover{border-color:var(--border-strong);background:var(--surface-3)}.role-card--active{border-color:var(--accent);background:#3b82f60a}.role-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.role-card-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;overflow:hidden}.role-card-checkbox{color:var(--accent);flex-shrink:0}