:root{color-scheme:light;--bg:#f4f7fb;--surface:#fff;--text:#172133;--muted:#64748b;--line:#d9e2ef;--primary:#173f6b;--primary-2:#23598f;--success:#167451;--warning:#a25a08;--danger:#b3261e;--shadow:0 12px 30px rgba(25,55,92,.09);font-family:Inter,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}.hidden{display:none!important}.topbar{height:64px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1100px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--primary);color:#fff}.user-actions{display:flex;align-items:center;gap:10px;font-size:14px}.shell{max-width:1100px;margin:0 auto;padding:28px 18px 64px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.auth-card{max-width:430px;margin:6vh auto;padding:32px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--primary-2);font-size:12px;font-weight:800}.auth-card h1{margin:8px 0}.subtle{color:var(--muted);line-height:1.55}.form-stack{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;font-size:14px;font-weight:650}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font:inherit;padding:12px 13px;min-height:46px}input:focus,select:focus,textarea:focus{outline:3px solid rgba(35,89,143,.17);border-color:var(--primary-2)}small{color:var(--muted);font-weight:400}.button{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px;min-height:44px;padding:10px 15px;font:inherit;font-weight:700;cursor:pointer}.button:hover{background:#f8fafc}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-2)}.button.danger{color:var(--danger);border-color:#efc8c5}.button.ghost{border:0;background:transparent}.button.block{width:100%}.button-row{display:flex;gap:10px;flex-wrap:wrap}.error{min-height:20px;color:var(--danger);font-size:14px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.page-heading h1{margin:0;font-size:28px}.page-heading p{margin:6px 0 0;color:var(--muted)}.grid{display:grid;gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.card h2,.card h3{margin:0 0 10px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eaf5ef;color:var(--success);font-size:12px;font-weight:800}.status.away{background:#fff3df;color:var(--warning)}.status.called{background:#eaf0ff;color:#2f57a2}.metric{font-size:30px;font-weight:800;margin:6px 0}.metric-label{color:var(--muted);font-size:13px}.approver-card{display:grid;gap:13px}.approver-card .top{display:flex;align-items:flex-start;justify-content:space-between}.queue-item{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0}.queue-item:first-child{border-top:0}.queue-number{width:38px;height:38px;border-radius:12px;background:#eef3f8;display:grid;place-items:center;font-weight:800}.queue-meta{color:var(--muted);font-size:13px;margin-top:3px}.call-banner{border:2px solid var(--primary-2);background:#eff6ff}.countdown{font-size:38px;font-weight:850;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:12px}.tabs .button.active{background:var(--primary);color:#fff;border-color:var(--primary)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table-wrap{overflow-x:auto}.notice{padding:14px 16px;border-radius:12px;background:#eef5ff;color:#234e7b;line-height:1.5}.warning{background:#fff4df;color:#7d4a08}.empty{text-align:center;padding:36px 18px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#172133;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);z-index:100;max-width:calc(100vw - 32px)}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.25);max-width:520px;width:calc(100% - 32px)}dialog::backdrop{background:rgba(15,23,42,.48)}#dialog-content{padding:24px}.separator{height:1px;background:var(--line);margin:18px 0}.temp-password{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#eef3f8;padding:6px 8px;border-radius:7px;white-space:nowrap}.install-panel{display:grid;gap:12px}.file-control{border:1px dashed var(--line);padding:16px;border-radius:12px}.footer-note{color:var(--muted);font-size:12px;margin-top:28px}
.approver-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,430px)}.approver-actions .button{width:100%;min-height:54px;padding:10px 12px;white-space:normal}.subadmin-actions{margin-top:16px}.subadmin-actions .button{width:100%}
@media(max-width:760px){.grid.three,.grid.two{grid-template-columns:1fr}.shell{padding:20px 14px 48px}.auth-card{padding:24px;margin:3vh auto}.topbar{padding:0 14px}.user-actions #user-label{display:none}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:24px}.page-heading>.approver-actions{width:100%;grid-template-columns:1fr}.approver-actions .button{min-height:54px}.queue-item{grid-template-columns:44px 1fr}.queue-item>.button{grid-column:2}.card{padding:17px}th,td{padding:10px 8px}}
.button.active{background:var(--primary);border-color:var(--primary);color:#fff}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#0f1722;--surface:#172130;--text:#eef4fb;--muted:#a7b5c8;--line:#2c3b4e;--primary:#73a8dc;--primary-2:#8bb8e5;--success:#76d5aa;--warning:#f1b65f;--danger:#ff958f;--shadow:none}.button.primary{color:#0d2237}.button:hover{background:#1e2b3b}.queue-number,.temp-password{background:#223146}.notice{background:#172d44;color:#b9d9f8}.warning{background:#3a2b16;color:#f3c57f}.status{background:#17392e}.status.away{background:#3c2c18}.status.called{background:#203454}.call-banner{background:#162b40}}