:root{--bg:#F3F4F9;--surface:#FFFFFF;--surface-2:#F8F9FC;--text:#1B1F33;--muted:#6B7089;--border:#E1E4EE;--border-strong:#C9CEDD;--accent:#4F55D8;--accent-soft:#EEF0FD;--accent-text:#3B41B8;--new:#2F6FE4;--new-soft:#E8F0FD;--reset:#D9641C;--reset-soft:#FCEEE3;--done:#1F9D5B;--done-soft:#E4F5EC;--warn:#D93838;--warn-soft:#FCE8E8;--hold:#8A6D00;--hold-soft:#FBF3D5;--shadow:0 1px 2px rgba(20,24,50,.06), 0 6px 20px rgba(20,24,50,.06);--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}@media(prefers-color-scheme:dark){:root{--bg:#0F1220;--surface:#181C2E;--surface-2:#1F2437;--text:#E7E9F3;--muted:#9AA0B8;--border:#2A2F45;--border-strong:#3A4060;--accent:#8A8FF2;--accent-soft:#252A4A;--accent-text:#B3B6FF;--new:#6FA0F5;--new-soft:#1E2C48;--reset:#F08A47;--reset-soft:#3A2617;--done:#4CC98A;--done-soft:#17322A;--warn:#F06A6A;--warn-soft:#3A1E1E;--hold:#E3C25A;--hold-soft:#3A3319;--shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35)}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:IBM Plex Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent-text)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;line-height:1.25;text-wrap:balance}h1{font-size:22px;font-weight:700}h2{font-size:16px;font-weight:700}h3{font-size:13.5px;font-weight:600}p{margin:0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:12.5px}.warn-text{color:var(--warn)}.ok-text{color:var(--done)}.n{font-family:var(--mono);font-size:11.5px;color:var(--muted);min-width:1.4em;font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.topbar{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-in{max-width:1320px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;gap:14px;min-height:54px;flex-wrap:wrap}.brand{font-weight:700;font-size:15.5px;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:8px;white-space:nowrap}.brand img{width:28px;height:28px;border-radius:8px;display:block}.brand small{font-weight:500;color:var(--muted);font-size:12px}.nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.nav a{padding:7px 11px;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:600;white-space:nowrap;font-size:13.5px}.nav a.on{color:var(--accent-text);background:var(--accent-soft)}.nav a:hover{color:var(--text)}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;color:var(--text)}.page{max-width:1320px;margin:0 auto;padding:20px 16px 64px;display:flex;flex-direction:column;gap:18px}.page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.page-head>.acts,.thead>.acts,.block-h>.acts{margin-left:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.card.past{opacity:.72}.card.notice{border-color:var(--hold);background:var(--hold-soft);color:var(--hold);font-weight:600}.empty{border:1px dashed var(--border-strong);border-radius:12px;padding:28px;text-align:center;color:var(--muted)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}@media(max-width:720px){.grid2,.grid3{grid-template-columns:1fr}}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap;line-height:1.5}.chip.new{color:var(--new);background:var(--new-soft)}.chip.reset{color:var(--reset);background:var(--reset-soft)}.chip.done{color:var(--done);background:var(--done-soft)}.chip.warn{color:var(--warn);background:var(--warn-soft)}.chip.hold{color:var(--hold);background:var(--hold-soft)}.chip.ghost{color:var(--muted);background:var(--surface-2);border:1px solid var(--border)}.chip.accent{color:var(--accent-text);background:var(--accent-soft)}.btn{font-size:13px;font-weight:600;padding:7px 13px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;line-height:1.3;white-space:nowrap}.btn.sm{font-size:12.5px;padding:5px 10px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.done{background:var(--done);border-color:var(--done);color:#fff}.btn.warn{background:var(--surface);border-color:var(--warn);color:var(--warn)}.btn.reset{background:var(--surface);border-color:var(--reset);color:var(--reset)}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,.subtab:focus-visible,.step:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text],input[type=password],input[type=number],input[type=email],input[type=date],input[type=month],input:not([type]),select,textarea{width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font-size:13.5px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}input:disabled,select:disabled,textarea:disabled{opacity:.6}textarea{resize:vertical;min-height:60px;font-family:inherit}input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);margin:0;flex:0 0 auto}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field .lbl{font-size:12px;font-weight:600;color:var(--muted)}.field .hint{font-size:11.5px;color:var(--muted)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>input,.row>select{width:auto}.check-inline{display:inline-flex;align-items:center;gap:7px;font-size:13px;cursor:pointer}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.tile{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--surface)}.tile .k{font-size:12px;color:var(--muted)}.tile .v{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1;margin-top:4px}.tile .v.md{font-size:20px}.tile .sub{font-size:11.5px;color:var(--muted);margin-top:4px}.tile.hot .v{color:var(--warn)}.tile.ok .v{color:var(--done)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.task{border:1px solid var(--border);border-left:4px solid var(--new);border-radius:12px;background:var(--surface);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.task.reset{border-left-color:var(--reset)}.task.late{box-shadow:inset 0 0 0 1px var(--warn)}.task .top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand-link{font-weight:700;font-size:15px;color:var(--text);text-decoration:none}.brand-link:hover{color:var(--accent-text)}.age{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.age.late{color:var(--warn);font-weight:700}.stage-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px}.reject-note{font-size:12.5px;color:var(--warn);background:var(--warn-soft);border-radius:8px;padding:6px 10px}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12.5px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;word-break:break-all;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.check{display:flex;flex-direction:column;gap:6px;font-size:13px}.check label{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.check label.done span{color:var(--muted);text-decoration:line-through}.check input{margin-top:3px}.foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px dashed var(--border);padding-top:10px}.foot>.btn:last-child{margin-left:auto}.wait-list,.done-list{display:flex;flex-direction:column}.wait-row,.done-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:9px 4px;border-top:1px solid var(--border);text-decoration:none;color:var(--text);font-size:13px}.wait-row:hover,.done-row:hover{background:var(--surface-2)}.subtabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.subtab{border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;cursor:pointer}.subtab.on{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.load{display:flex;gap:8px;flex-wrap:wrap;font-size:12.5px;align-items:center;color:var(--muted)}.load .p{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--border);border-radius:999px;padding:3px 10px;background:var(--surface);color:var(--text)}.load .p b{font-variant-numeric:tabular-nums}.load .p.over{border-color:var(--warn);color:var(--warn)}.kanban-wrap{overflow-x:auto;padding-bottom:6px}.kanban{display:flex;gap:10px;min-width:max-content}.col{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;width:212px;min-height:120px;flex:0 0 auto}.col.review{border-style:dashed}.col h3{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.35}.col h3 .cnt{margin-left:auto;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.kcard{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--new);border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;gap:5px;font-size:12.5px;text-decoration:none;color:var(--text)}.kcard:hover{border-color:var(--accent)}.kcard.reset{border-left-color:var(--reset)}.kcard.late{box-shadow:inset 0 0 0 1px var(--warn)}.kcard.hold{opacity:.7}.kcard .b{font-weight:700;font-size:13.5px}.kcard .m{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.kcard .m .d{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--muted)}.kcard .m .d.late{color:var(--warn);font-weight:700}.thead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.thead .b{font-size:19px;font-weight:700}.note{white-space:pre-wrap;background:var(--surface-2);border-radius:8px;padding:8px 12px;font-size:13px}.stepper{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.step{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--surface-2);font-size:12.5px;display:flex;flex-direction:column;gap:3px;min-width:150px;max-width:200px;text-align:left;cursor:pointer;color:var(--text);flex:0 0 auto}.step .s{font-weight:700;display:flex;align-items:flex-start;gap:6px;line-height:1.3}.step.done{border-color:var(--done)}.step.done .s:before{content:"✓";color:var(--done)}.step.ready,.step.in_progress{border-color:var(--accent);background:var(--accent-soft)}.step.ready .s:before,.step.in_progress .s:before{content:"●";color:var(--accent)}.step.rejected{border-color:var(--warn)}.step.rejected .s:before{content:"↩";color:var(--warn)}.step.skipped{opacity:.55}.step.skipped .s:before{content:"–";color:var(--muted)}.step.waiting .s:before{content:"○";color:var(--muted)}.step.sel{box-shadow:0 0 0 2px var(--accent)}.values{display:flex;flex-direction:column;gap:6px}.values .vrow{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:6px}.secrets{width:100%;border-collapse:collapse;font-size:13px}.secrets td{padding:7px 6px;border-top:1px solid var(--border);vertical-align:middle}.secrets td:first-child{color:var(--muted);white-space:nowrap;width:1%}.secrets .val{font-family:var(--mono);font-size:12.5px;word-break:break-all;white-space:pre-wrap}.events{display:flex;flex-direction:column;font-size:12.5px}.events .ev{display:grid;grid-template-columns:120px 70px 1fr;gap:10px;padding:6px 0;border-top:1px solid var(--border);align-items:start}.events .ev .who{font-weight:600}@media(max-width:640px){.events .ev{grid-template-columns:1fr;gap:2px}}.preview-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--surface-2);border-radius:8px;padding:8px 12px;font-size:12.5px}.table-wrap{overflow-x:auto}table.list{width:100%;border-collapse:collapse;font-size:13px}table.list th{text-align:left;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:8px;border-bottom:1px solid var(--border);white-space:nowrap}table.list td{padding:9px 8px;border-bottom:1px solid var(--border);vertical-align:middle}table.list td.r,table.list th.r{text-align:right}table.list tr.link{cursor:pointer}table.list tr.link:hover td{background:var(--surface-2)}table.list tr.dim{opacity:.55}table.list tr.cur td{background:var(--accent-soft)}table.list tr.total td{font-weight:800;border-top:2px solid var(--border-strong)}.picker{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:6px}.picker label{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;cursor:pointer;font-size:13px;flex-wrap:wrap}.picker label.on{background:var(--accent-soft)}.picker label:not(.on) span{color:var(--muted)}.blocks{display:flex;flex-direction:column;gap:12px}.block{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--new);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.block.review{border-left-color:var(--accent)}.block-h{display:flex;align-items:center;gap:8px}.block-h .n{font-size:14px;font-weight:700;color:var(--text)}.chips-select{display:flex;gap:6px;flex-wrap:wrap}.chips-select label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12.5px;cursor:pointer;background:var(--surface)}.chips-select label.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.savebar{position:sticky;bottom:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow);z-index:5}.bars{display:flex;align-items:flex-end;gap:4px;height:150px;overflow-x:auto;padding-bottom:2px}.bar{flex:1 0 30px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:30px}.bar .lbl{font-size:9.5px;color:var(--muted);margin-bottom:2px;white-space:nowrap}.bar .stack{width:100%;display:flex;gap:1px;align-items:flex-end;height:75%}.bar .stack i{flex:1;display:block;border-radius:3px 3px 0 0;min-height:0}.bar .stack i.exp{background:var(--accent);opacity:.9}.bar .stack i.exp.cur{background:var(--hold)}.bar .stack i.exp.future{opacity:.45}.bar .stack i.host{background:var(--done);opacity:.85}.bar .stack i.fee{background:#22b8cf;opacity:.85}.bar .m{font-size:10px;color:var(--muted);margin-top:4px}.bar .m.cur{color:var(--hold);font-weight:700}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}.legend i.exp{background:var(--accent)}.legend i.host{background:var(--done)}.legend i.fee{background:#22b8cf}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f122073;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50;overflow:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:520px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:calc(100vh - 80px)}.modal.wide{max-width:760px}.modal-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-h .x{margin-left:auto;border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:var(--muted);padding:2px 6px}.modal-b{padding:14px 16px;display:flex;flex-direction:column;gap:12px;overflow:auto}.modal-f{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border)}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:100}.toast{background:var(--text);color:var(--bg);padding:9px 14px;border-radius:10px;font-size:13px;box-shadow:var(--shadow);max-width:360px}.toast.warn{background:var(--warn);color:#fff}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.login-card .brand{font-size:20px}.login-card .brand img{width:48px;height:48px;border-radius:13px}.err{color:var(--warn);font-size:13px}@media(prefers-reduced-motion:no-preference){.btn,.kcard,.step{transition:border-color .12s,background .12s}}