:root{--color-background:#F4F4F1;--color-surface:#FFFFFF;--color-surface-elevated:#FAFAF8;--color-surface-sunken:#ECECE8;--color-scrim:#1F2127A6;--color-border:#DFDFD9;--color-border-subtle:#EAEAE4;--color-border-strong:#C2C2BA;--color-text-primary:#15171B;--color-text-secondary:#4A4E57;--color-text-muted:#63676F;--color-text-inverse:#FFFFFF;--color-accent:#3B5FD9;--color-accent-hover:#3253C4;--color-accent-pressed:#2A46AB;--color-accent-on:#FFFFFF;--color-accent-text:#2A46AB;--color-accent-subtle:#3B5FD914;--color-accent-ring:#3B5FD94D;--color-success:#12794A;--color-success-subtle:#12794A1A;--color-warning:#8A5A00;--color-warning-subtle:#8A5A001A;--color-error:#C8232C;--color-error-subtle:#C8232C14;--color-neutral:#63676F;--color-neutral-subtle:#63676F1A;--color-in-use:#3B5FD9;--color-shadow:#1F2127FF;--font-display:"Segoe UI Variable Display","Segoe UI",Pretendard,"Malgun Gothic",-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;--font-text:"Segoe UI Variable Text","Segoe UI",Pretendard,"Malgun Gothic",-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;--font-mono:"Cascadia Mono",Consolas,"SF Mono",ui-monospace,"Roboto Mono",monospace;--text-display-size:56px;--text-display-line:62px;--text-display-weight:600;--text-display-tracking:-0.012em;--text-h1-size:34px;--text-h1-line:44px;--text-h1-weight:600;--text-h1-tracking:-0.008em;--text-h2-size:24px;--text-h2-line:34px;--text-h2-weight:600;--text-h2-tracking:-0.004em;--text-h3-size:18px;--text-h3-line:24px;--text-h3-weight:600;--text-h3-tracking:-0.005em;--text-subheading-size:15px;--text-subheading-line:25px;--text-subheading-weight:500;--text-subheading-tracking:0;--text-body-size:14px;--text-body-line:23px;--text-body-weight:400;--text-body-tracking:0;--text-body-sm-size:13px;--text-body-sm-line:21px;--text-body-sm-weight:400;--text-body-sm-tracking:0;--text-caption-size:12px;--text-caption-line:16px;--text-caption-weight:400;--text-caption-tracking:0.005em;--text-label-size:11px;--text-label-line:16px;--text-label-weight:600;--text-label-tracking:0.030em;--text-status-size:11px;--text-status-line:16px;--text-status-weight:600;--text-status-tracking:0.040em;--text-mono-size:12px;--text-mono-line:16px;--text-mono-weight:500;--text-mono-tracking:0.040em;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-none:0px;--radius-xs:0px;--radius-sm:2px;--radius-md:4px;--radius-lg:4px;--radius-full:9999px;--duration-instant:0ms;--duration-fast:150ms;--duration-base:220ms;--duration-slow:320ms;--duration-hero:400ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-decelerate:cubic-bezier(0,0,0,1);--ease-accelerate:cubic-bezier(0.3,0,1,1);--layout-top-bar-height:48px;--layout-bottom-bar-height:56px;--layout-auth-panel-width:420px;--layout-auth-panel-min-width:360px;--layout-auth-panel-max-width:480px;--layout-hero-min-ratio:0.6;--layout-hero-max-ratio:0.75;--layout-control-height:40px;--layout-control-height-lg:44px;--layout-focus-ring-width:2px;--grid-columns:12;--grid-gutter:24px;--grid-hero-columns:8;--grid-auth-columns:4;--elevation-none:none;--elevation-panel:0 1px 2px 0 #1F212714;--elevation-dialog:0 16px 40px -12px #1F21272E,0 2px 8px -2px #1F21271A}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%;color-scheme:light;background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-text);font-size:var(--text-body-size);line-height:var(--text-body-line);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:0 0 0 var(--layout-focus-ring-width) var(--color-accent-ring),inset 0 0 0 1px var(--color-accent)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.side{display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border)}.side-brand .mark{height:20px;width:auto;color:var(--color-accent);flex:none}.side-brand .word{height:12px;width:auto;color:var(--color-text-primary);flex:none}.side-nav{padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:2px}.side-nav a{display:flex;align-items:center;gap:var(--space-3);padding:8px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-body-sm-size);color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.side-nav a:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.side-nav a[aria-current=page]{background:var(--color-accent-subtle);color:var(--color-accent-text);font-weight:600}.side-nav .sep{margin:var(--space-3) var(--space-3) var(--space-2);font-size:var(--text-label-size);font-weight:600;letter-spacing:var(--text-label-tracking);color:var(--color-text-muted)}.side-foot{margin-top:auto;padding:var(--space-4);border-top:1px solid var(--color-border)}.side-foot p{margin:0;font-size:var(--text-caption-size);color:var(--color-text-muted)}.side-foot .who{color:var(--color-text-primary);font-weight:600;margin-bottom:4px}.main{min-width:0;display:flex;flex-direction:column}.topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:56px;padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.topline h1{margin:0;font-size:var(--text-h3-size);font-weight:600}.topline .sub{font-size:var(--text-caption-size);color:var(--color-text-muted)}.page{padding:var(--space-6);min-width:0}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);font-size:var(--text-caption-size);font-weight:600;white-space:nowrap}.chip i{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-neutral);flex:none}.chip[data-tone=success] i{background:var(--color-success)}.chip[data-tone=accent] i{background:var(--color-accent)}.chip[data-tone=warning] i{background:var(--color-warning)}.chip[data-tone=error] i{background:var(--color-error)}.counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));background:var(--color-surface);border:1px solid var(--color-border);margin-bottom:var(--space-6)}.counter{padding:var(--space-4) var(--space-4);border-left:1px solid var(--color-border-subtle)}.counter:first-child{border-left:none}.counter .n{display:block;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1.1;color:var(--color-text-primary)}.counter .n[data-tone=accent]{color:var(--color-accent-text)}.counter .n[data-tone=warning]{color:var(--color-warning)}.counter .k,.counter .n[data-tone=muted]{color:var(--color-text-muted)}.counter .k{display:block;margin-top:var(--space-2);font-size:var(--text-label-size);font-weight:600;letter-spacing:var(--text-label-tracking)}.panel{background:var(--color-surface);border:1px solid var(--color-border)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.panel-head h2{margin:0;font-size:var(--text-body-size);font-weight:600}.panel-head .count{font-size:var(--text-caption-size);color:var(--color-text-muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:10px var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-body-sm-size);white-space:nowrap}th{font-size:var(--text-label-size);font-weight:600;letter-spacing:var(--text-label-tracking);color:var(--color-text-muted);background:var(--color-surface-elevated);border-bottom-color:var(--color-border);position:-webkit-sticky;position:sticky;top:0}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-surface-elevated)}td.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}td.wrap{white-space:normal;min-width:240px}.empty,.muted{color:var(--color-text-muted)}.empty{padding:var(--space-12) var(--space-4);text-align:center;font-size:var(--text-body-sm-size)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-caption-size);font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.btn:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-text-muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-on)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-lg{height:var(--layout-control-height-lg);padding:0 var(--space-4);font-size:var(--text-label-size);letter-spacing:var(--text-label-tracking)}.btn-row,.field{display:flex;gap:var(--space-2)}.field{flex-direction:column}.label{font-size:var(--text-label-size);font-weight:600;letter-spacing:var(--text-label-tracking);color:var(--color-text-muted)}.input,select.input{height:var(--layout-control-height);width:100%;padding:0 var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-body-sm-size)}.input:hover:not(:focus){border-color:var(--color-border-strong)}.input:focus{outline:none;border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 var(--layout-focus-ring-width) var(--color-accent-ring)}.filters{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-4)}.filters .field{min-width:160px}.alert{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);border:1px solid var(--color-border-strong);border-left-width:2px;border-radius:var(--radius-xs);background:var(--color-surface-elevated);font-size:var(--text-body-sm-size);margin-bottom:var(--space-4)}.alert[data-tone=error]{border-color:var(--color-error);background:var(--color-error-subtle)}.alert[data-tone=success]{border-color:var(--color-success);background:var(--color-success-subtle)}.alert[data-tone=warning]{border-color:var(--color-warning);background:var(--color-warning-subtle)}.alert b{display:block;margin-bottom:2px}.alert code{font-family:var(--font-mono);font-size:var(--text-mono-size);background:var(--color-surface);padding:2px 6px;border:1px solid var(--color-border);border-radius:var(--radius-xs);-webkit-user-select:all;-moz-user-select:all;user-select:all}.login{min-height:100vh;display:grid;place-items:center;padding:var(--space-6)}.login-card{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-8)}.login-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.login-brand .mark{height:26px;width:auto;color:var(--color-accent)}.login-brand .word{height:15px;width:auto;color:var(--color-text-primary)}.login h1{margin:0 0 var(--space-2);font-size:var(--text-h3-size);font-weight:600}.login p.lead{margin:0 0 var(--space-6);font-size:var(--text-body-sm-size);color:var(--color-text-secondary)}.login form{display:flex;flex-direction:column;gap:var(--space-4)}.login-note{margin:var(--space-6) 0 0;font-size:var(--text-caption-size);color:var(--color-text-muted);line-height:18px}.scrim{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:var(--color-scrim);padding:var(--space-4)}.dialog{width:min(420px,100%);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--elevation-dialog);padding:var(--space-6)}.dialog h2{margin:0 0 var(--space-3);font-size:var(--text-h3-size);font-weight:600}.dialog p{margin:0 0 var(--space-4);font-size:var(--text-body-sm-size);color:var(--color-text-secondary)}.dialog .btn-row{justify-content:flex-end;margin-top:var(--space-6)}@media (max-width:900px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}.side-nav{flex-direction:row;flex-wrap:wrap}.side-foot,.side-nav .sep{display:none}}