:root{--brand: #5132FB;--brand-ink: #472DEA;--brand-deep: #1F2130;--brand-wash: #EEEBFF;--brand-edge: #D6CFFF;--mark: #5132FB;--mint: #00E090;--mint-ink: #00805A;--mint-wash: #DEFBF1;--ground: #F6F5FB;--surface: #FFFFFF;--sunk: #EEECF6;--line: #E6E3F2;--ink: #1A1730;--dim: #6E6A85;--faint: #9C98B0;--danger: #D92D20;--danger-wash: #FEF0EF;--on-brand: #FFFFFF;--on-mint: #04331D;--kok-purple-primary: var(--brand);--kok-purple-secondary: var(--brand-ink);--kok-purple-gradient-start: #5F3EFC;--kok-purple-gradient-end: #4A2BEF;--kok-purple-gradient: linear-gradient(35deg, var(--kok-purple-gradient-end), var(--kok-purple-gradient-start));--kok-green-accent: var(--mint);--kok-text-primary: var(--ink);--kok-text-secondary: var(--dim);--kok-background: var(--ground);--shadow-sm: 0 1px 2px rgba(26, 23, 48, .06);--shadow-md: 0 2px 4px rgba(26, 23, 48, .05), 0 12px 28px -14px rgba(46, 26, 107, .28);--shadow-brand: 0 8px 24px -10px rgba(81, 50, 251, .45);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-full: 999px;--tap: 52px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand: #9B8FFF;--brand-ink: #8A7CFF;--brand-deep: #D8D2FF;--brand-wash: #231F3D;--brand-edge: #3B3566;--mark: #FFFFFF;--mint: #00E090;--mint-ink: #3FE8AE;--mint-wash: #0B2D22;--ground: #100E1A;--surface: #1A1727;--sunk: #241F36;--line: #2E2A42;--ink: #F2F1F8;--dim: #9C97B3;--faint: #6B6683;--danger: #FF8179;--danger-wash: #301A1A;--on-brand: #140F2B;--on-mint: #04331D;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 4px rgba(0, 0, 0, .35), 0 12px 28px -14px rgba(0, 0, 0, .8);--shadow-brand: 0 8px 24px -10px rgba(81, 50, 251, .55)}}:root[data-theme=dark]{--brand: #9B8FFF;--brand-ink: #8A7CFF;--brand-deep: #D8D2FF;--brand-wash: #231F3D;--brand-edge: #3B3566;--mint: #00E090;--mint-ink: #3FE8AE;--mint-wash: #0B2D22;--ground: #100E1A;--surface: #1A1727;--sunk: #241F36;--line: #2E2A42;--ink: #F2F1F8;--dim: #9C97B3;--faint: #6B6683;--danger: #FF8179;--danger-wash: #301A1A;--on-brand: #140F2B;--on-mint: #04331D;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 4px rgba(0, 0, 0, .35), 0 12px 28px -14px rgba(0, 0, 0, .8);--shadow-brand: 0 8px 24px -10px rgba(81, 50, 251, .55)}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,system-ui,sans-serif;font-size:14px;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}.sidebar .mark{display:flex;align-items:center;gap:8px;margin:0 6px 24px}.sidebar .console,.login .console{font-size:11.5px;font-weight:650;color:var(--dim);border:1px solid var(--line);border-radius:var(--r-full);padding:2px 9px}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);color:var(--dim);text-decoration:none;font-weight:500;transition:background .14s,color .14s}.sidebar nav a:hover{background:var(--sunk);color:var(--ink)}.sidebar nav a.active{background:var(--brand-wash);color:var(--brand-ink);font-weight:650}.sidebar .foot{margin-top:auto;padding-top:20px}.theme-picker{display:flex;gap:2px;padding:3px;background:var(--sunk);border-radius:var(--r-sm)}.theme-picker button{flex:1;padding:7px 4px;font-size:11.5px;font-weight:550;background:transparent;color:var(--dim);border:0;border-radius:6px}.theme-picker button.on{background:var(--surface);color:var(--ink);font-weight:650}.main{flex:1;padding:28px 34px 60px;max-width:1320px;animation:screen-in .3s var(--ease-out) both}.main h2{margin:0 0 20px;font-size:22px;font-weight:750;letter-spacing:-.03em}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.panel h3{margin:0 0 16px;font-size:14px;font-weight:700;letter-spacing:-.015em}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}th{font-size:11.5px;color:var(--faint);font-weight:650;letter-spacing:.05em;text-transform:uppercase}tbody tr{transition:background .12s}tbody tr:hover{background:var(--sunk)}tbody tr:last-child td{border-bottom:none}td{font-variant-numeric:tabular-nums}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:17px;box-shadow:var(--shadow-sm);animation:rise-in .36s var(--ease-out) both}.metric .label{font-size:12px;color:var(--dim);font-weight:500}.metric .value{font-size:28px;font-weight:750;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:2px}.metric.attention{border-color:var(--brand-edge);background:var(--brand-wash)}.metric.attention .value{color:var(--brand-ink)}button{padding:9px 15px;border:1px solid transparent;border-radius:var(--r-sm);background:var(--brand-ink);color:var(--on-brand);font-size:13.5px;font-weight:650;cursor:pointer;transition:transform .12s var(--ease-spring),filter .14s}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){transform:scale(.97)}button.secondary{background:var(--sunk);color:var(--ink)}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}input,select{padding:9px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:14px}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash)}.badge{display:inline-block;padding:3px 9px;border-radius:var(--r-full);font-size:11.5px;font-weight:650;background:var(--sunk);color:var(--dim)}.badge.pending{background:var(--brand-wash);color:var(--brand-ink)}.badge.approved{background:var(--mint-wash);color:var(--mint-ink)}.badge.suspended,.badge.risk{background:var(--danger-wash);color:var(--danger)}.notice{padding:12px 15px;border-radius:var(--r-md);background:var(--sunk);margin-bottom:16px}.notice.error{background:var(--danger-wash);color:var(--danger)}.muted{color:var(--dim)}.login{max-width:360px;margin:13vh auto;animation:rise-in .4s var(--ease-out) both}.login .mark{margin-bottom:22px}.login h2{font-size:20px}.login .field{margin-bottom:14px}.login label{display:block;font-size:12.5px;color:var(--dim);margin-bottom:6px;font-weight:500}.login input,.login button{width:100%}.login button{min-height:46px;font-size:15px}.row{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.05s}.stagger>*:nth-child(3){animation-delay:.08s}.stagger>*:nth-child(4){animation-delay:.11s}.stagger>*:nth-child(5){animation-delay:.14s}.stagger>*:nth-child(6){animation-delay:.17s}@media(max-width:760px){.shell{flex-direction:column}.sidebar{width:auto;border-right:0;border-bottom:1px solid var(--line);padding:14px 16px}.sidebar nav{flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav a{white-space:nowrap;flex:none;min-height:44px}.sidebar .foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.sidebar .foot .theme-picker,.sidebar .foot p{display:none}.sidebar .foot button{min-height:40px}.sidebar .mark{margin-bottom:12px}.main{padding:18px 16px 48px;max-width:100%}.cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.panel{overflow-x:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.boot{min-height:100vh;background:var(--ground)}.reset-url{display:block;padding:12px 14px;background:var(--sunk);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.days-left{font-variant-numeric:tabular-nums}.days-left.soon{color:var(--danger);font-weight:700}.sidebar nav a{display:flex;align-items:center;gap:8px}.nav-badge{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
