:root{--color-cool-0:#E5E9ED;--color-cool-1:#F3F5F7;--color-cool-2:#E9EDF1;--color-cool-3:#DDE2E7;--color-cool-4:#D3D9DF;--color-cool-5:#C4CCD4;--color-cool-6:#B7C0C9;--color-cool-7:#6B7785;--color-cool-8:#4B5763;--color-cool-9:#1A222C;--color-deep-0:#0E1318;--color-deep-1:#151B22;--color-deep-2:#1B222B;--color-deep-3:#222B35;--color-deep-4:#2A3440;--color-deep-5:#344050;--color-brand:#0F6C8A;--color-brand-strong:#0B5A73;--color-surface-0:var(--color-cool-0);--color-surface-1:var(--color-cool-1);--color-surface-2:#ffffff;--color-surface-3:#ffffff;--color-background:var(--color-surface-2);--color-foreground:var(--color-cool-9);--color-card:var(--color-surface-2);--color-card-foreground:var(--color-cool-9);--color-popover:var(--color-surface-3);--color-popover-foreground:var(--color-cool-9);--color-primary:var(--color-brand);--color-primary-foreground:#ffffff;--color-secondary:var(--color-cool-0);--color-secondary-foreground:var(--color-cool-9);--color-muted:var(--color-surface-1);--color-muted-foreground:var(--color-muted-foreground);--color-accent:var(--color-cool-2);--color-accent-foreground:var(--color-cool-9);--color-destructive:#C0392B;--color-destructive-foreground:#ffffff;--color-border:var(--color-cool-4);--color-input:var(--color-input);--color-ring:var(--color-brand);--color-foreground-secondary:var(--color-cool-8);--color-selection:color-mix(in srgb,var(--color-brand) 14%,#ffffff);--color-selection-foreground:var(--color-cool-9);--color-success:#1E8A4C;--color-success-foreground:#ffffff;--color-warning:#B7791F;--color-warning-foreground:#ffffff;--color-info:var(--color-brand);--color-info-foreground:#ffffff;--color-highlight:#E0761A;--color-chart-1:#1F5FA8;--color-chart-2:#C7482E;--color-chart-3:#2E8B57;--color-chart-4:#D19A1E;--color-chart-5:#6B4FB0;--color-chart-6:#1E9AA8;--color-chart-7:#8C6D31;--color-chart-8:#A23B72;--color-grid-head:#EEF1F4;--color-grid-corner:#E3E7EB;--color-grid-line:#DDE2E7;--color-plot-grid:#E6EAEE;--color-plot-axis:#6B7785;--color-overlay:rgb(16 24 32/0.40);--color-shadow-ring:var(--color-cool-6);--color-shadow-soft:rgb(16 24 32/0.06);--color-shadow-mid:rgb(16 24 32/0.12);--color-shadow-strong:rgb(16 24 32/0.16);--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--typo-heading:16px;--typo-title:12px;--typo-section:10.5px;--typo-label:11px;--typo-body:12px;--typo-caption:10.5px;--typo-numeric:11.5px;--spacing-ctl:22px;--spacing-row:20px;--spacing-toolbar:28px;--spacing-winhead:24px;--spacing-menu-item:22px;--radius-sm:2px;--radius-md:3px;--radius-lg:5px;--radius-xl:6px;--radius-2xl:8px;--shadow-win:0 1px 2px var(--color-shadow-soft);--shadow-dlg:0 0 0 1px var(--color-shadow-ring),0 12px 28px var(--color-shadow-strong);--shadow-menu:0 0 0 1px var(--color-shadow-ring),0 6px 16px var(--color-shadow-mid)}:root.dark{--color-surface-0:var(--color-deep-0);--color-surface-1:var(--color-deep-1);--color-surface-2:var(--color-deep-2);--color-surface-3:var(--color-deep-3);--color-foreground:#E6EBF0;--color-card-foreground:#E6EBF0;--color-popover-foreground:#E6EBF0;--color-secondary-foreground:#E6EBF0;--color-accent-foreground:#E6EBF0;--color-selection-foreground:#E6EBF0;--color-foreground-secondary:#B3BDC8;--color-muted-foreground:#8C98A6;--color-secondary:var(--color-deep-4);--color-accent:var(--color-deep-4);--color-border:#2B3541;--color-input:#3A4654;--color-brand:#3BA3C7;--color-brand-strong:#5FB8D6;--color-selection:color-mix(in srgb,var(--color-brand) 28%,var(--color-surface-2));--color-success:#3CB371;--color-warning:#D9A441;--color-destructive:#E4695A;--color-primary-foreground:#0B1318;--color-destructive-foreground:#0B1318;--color-success-foreground:#0B1318;--color-warning-foreground:#0B1318;--color-info-foreground:#0B1318;--color-chart-1:#5B9BE0;--color-chart-2:#E8735A;--color-chart-3:#3FAE6E;--color-chart-4:#D4A23C;--color-chart-5:#9D86DC;--color-chart-6:#3BAFBE;--color-chart-7:#B9955A;--color-chart-8:#D46AA3;--color-grid-head:#1F2831;--color-grid-corner:#242E38;--color-grid-line:#2B3541;--color-plot-grid:#2A3440;--color-plot-axis:#8C98A6;--color-overlay:rgb(0 0 0/0.55);--color-shadow-ring:var(--color-deep-5);--color-shadow-soft:rgb(0 0 0/0.45);--color-shadow-mid:rgb(0 0 0/0.50);--color-shadow-strong:rgb(0 0 0/0.60)}.type-heading{font-size:var(--typo-heading);letter-spacing:-.01em}.type-heading,.type-title{line-height:1.3;font-weight:600}.type-title{font-size:var(--typo-title);letter-spacing:-.005em}.type-section{font-size:var(--typo-section);line-height:1.2;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.type-label{font-size:var(--typo-label);line-height:1.25;font-weight:500}.type-body{font-size:var(--typo-body);line-height:1.35}.type-caption{font-size:var(--typo-caption);line-height:1.25}.type-numeric{font-size:var(--typo-numeric);line-height:1.3;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--typo-body);background:var(--color-surface-0);color:var(--color-foreground)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-dlg);padding:28px;width:100%;max-width:360px}.card h1{margin:0 0 16px;font-size:var(--typo-heading);font-weight:600;letter-spacing:-.01em}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:var(--typo-label);font-weight:500;color:var(--color-muted-foreground)}.field input{height:var(--spacing-toolbar);padding:0 8px;border-radius:var(--radius-md);border:1px solid var(--color-input);background:var(--color-background);color:var(--color-foreground);font-size:var(--typo-body);outline:none}.field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.btn{width:100%;height:var(--spacing-toolbar);padding:0 14px;border-radius:var(--radius-md);border:0;background:var(--color-primary);color:var(--color-primary-foreground);font-size:var(--typo-body);font-weight:500;cursor:pointer}.btn:hover{background:color-mix(in srgb,var(--color-primary) 90%,transparent)}.err{color:var(--color-destructive);font-size:var(--typo-caption);margin:4px 0 12px}.dash{max-width:980px;margin:0 auto;padding:32px 24px}.dash header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dash header h1{margin:0;font-size:var(--typo-heading);font-weight:600}.muted{color:var(--color-muted-foreground)}.note{font-size:var(--typo-caption)}.actions{display:flex;align-items:center;gap:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.tile{display:block;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;transition:transform .08s ease,border-color .15s ease}.tile:hover{transform:translateY(-1px);border-color:var(--color-primary);text-decoration:none}.tile h2{margin:0 0 6px;font-size:var(--typo-title);font-weight:600;color:var(--color-foreground)}.tile p{margin:0;color:var(--color-muted-foreground);font-size:var(--typo-caption)}.logout{background:var(--color-background);border:1px solid var(--color-input);color:var(--color-foreground);height:var(--spacing-toolbar);padding:0 12px;border-radius:var(--radius-md);font-size:var(--typo-body);cursor:pointer}.logout:hover{border-color:var(--color-destructive);color:var(--color-destructive)}.security-panel{margin-top:32px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.sec-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.sec-header h2{margin:0;font-size:var(--typo-title);font-weight:600}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.stat{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px}.stat-value{font-family:var(--font-mono);font-size:var(--typo-heading);font-weight:600;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{font-size:var(--typo-caption);color:var(--color-muted-foreground);margin-top:4px}.stat-ok{border-color:color-mix(in srgb,var(--color-success) 30%,transparent);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.stat-ok .stat-value{color:var(--color-success)}.stat-warn{border-color:color-mix(in srgb,var(--color-warning) 30%,transparent);background:color-mix(in srgb,var(--color-warning) 12%,transparent)}.stat-warn .stat-value{color:var(--color-warning)}.stat-danger{border-color:color-mix(in srgb,var(--color-destructive) 30%,transparent);background:color-mix(in srgb,var(--color-destructive) 12%,transparent)}.stat-danger .stat-value{color:var(--color-destructive)}.sec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.sec-block{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px}.sec-block h3{margin:0 0 8px;font-size:var(--typo-section);line-height:1.2;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-foreground)}.ip-list{list-style:none;margin:0;padding:0;font-size:var(--typo-body)}.ip-list li{padding:3px 0;border-bottom:1px solid var(--color-border)}.ip-list li:last-child{border-bottom:0}.ip-list code{font-family:var(--font-mono);font-size:var(--typo-numeric);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--color-accent);padding:1px 5px;border-radius:var(--radius-sm)}.panel{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:6px 10px;font-size:var(--typo-label);font-weight:500;color:var(--color-muted-foreground);border-bottom:1px solid var(--color-border)}.users-table td{padding:6px 10px;font-size:var(--typo-body);border-bottom:1px solid var(--color-grid-line)}.users-table tr:last-child td{border-bottom:0}.dot{color:var(--color-muted-foreground)}.dot.online{color:var(--color-success)}.lvl-admin{color:var(--color-warning)}.bar{height:4px;background:var(--color-accent);overflow:hidden}.bar,.bar>i{border-radius:var(--radius-sm)}.bar>i{display:block;height:100%;background:var(--color-primary)}.bar>i.over{background:var(--color-destructive)}.db-wrap{margin-bottom:16px;overflow-x:auto}.db-table{width:100%;border-collapse:collapse;font-size:var(--typo-body)}.db-table td,.db-table th{border:1px solid var(--color-grid-line);padding:2px 8px;text-align:left;white-space:nowrap}.db-table th{background:var(--color-grid-head);color:var(--color-muted-foreground);font-weight:600}.db-table td{color:var(--color-foreground);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.db-table tr:nth-child(2n) td{background:var(--color-surface-1)}