:root{--brand-h:231;--brand-s:89%;--brand-l:60%;--color-primary:hsl(var(--brand-h) var(--brand-s) var(--brand-l));--color-primary-hover:hsl(var(--brand-h) var(--brand-s) 54%);--color-primary-active:hsl(var(--brand-h) var(--brand-s) 48%);--color-primary-subtle:hsl(var(--brand-h) var(--brand-s) 96%);--color-on-primary:#fff;--color-secondary:hsl(var(--brand-h) 16% 47%);--color-secondary-subtle:hsl(var(--brand-h) 16% 96%);--color-bg:hsl(var(--brand-h) 20% 99%);--color-surface:#fff;--color-surface-alt:hsl(var(--brand-h) 24% 97%);--color-text:hsl(var(--brand-h) 12% 16%);--color-text-muted:hsl(var(--brand-h) 8% 42%);--color-text-disabled:hsl(var(--brand-h) 6% 64%);--color-border:hsl(var(--brand-h) 16% 90%);--color-border-strong:hsl(var(--brand-h) 14% 80%);--color-success:#28af60;--color-warning:#f59f0a;--color-error:#dc2828;--color-info:#1693f3;--color-success-subtle:#ecf9f1;--color-warning-subtle:#fef5e7;--color-error-subtle:#fceded;--color-info-subtle:#ecf6fe;--color-focus-ring:hsl(var(--brand-h) var(--brand-s) var(--brand-l) / .4);--font-family:-apple-system, BlinkMacSystemFont, "Pretendard", "Noto Sans KR", "Segoe UI", Roboto, sans-serif;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:9999px;--shadow-sm:0 1px 2px hsl(var(--brand-h) 20% 20% / .06);--shadow-md:0 2px 8px hsl(var(--brand-h) 20% 20% / .08);--shadow-lg:0 8px 24px hsl(var(--brand-h) 20% 20% / .12);--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--fs-display:24px;--fs-h1:20px;--fs-h2:16px;--fs-h3:14px;--fs-body:14px;--fs-sm:13px;--fs-caption:12px;--gradient-bar:linear-gradient(to top, hsl(var(--brand-h) var(--brand-s) 46%) 0%, hsl(var(--brand-h) var(--brand-s) 62%) 55%, hsl(var(--brand-h) var(--brand-s) 74%) 100%);--gradient-track:linear-gradient(90deg, hsl(var(--brand-h) var(--brand-s) 66%), hsl(var(--brand-h) var(--brand-s) 48%));--cat-1:#5168ec;--cat-2:#f4a825;--cat-3:#33c16f;--cat-4:#e7559e;--cat-5:#a163de;--cat-6:#39b5ef;--cat-7:#f57a3d;--cat-8:#2b89ee;--cat-9:#2cba9d;--cat-10:#ea536c;--cat-11:#8fcc33;--cat-12:#906ce5;--age-1:#ef6cad;--age-2:#55b9e7;--age-3:#f5ad47;--age-4:#4dcb82;--age-5:#9270e1}:root[data-theme=dark]{--color-bg:hsl(var(--brand-h) 18% 10%);--color-surface:hsl(var(--brand-h) 16% 14%);--color-surface-alt:hsl(var(--brand-h) 16% 18%);--color-text:hsl(var(--brand-h) 10% 94%);--color-text-muted:hsl(var(--brand-h) 8% 66%);--color-border:hsl(var(--brand-h) 12% 26%);--color-border-strong:hsl(var(--brand-h) 12% 34%);--color-primary-subtle:hsl(var(--brand-h) var(--brand-s) 18%);--color-success-subtle:#183926;--color-warning-subtle:#493512;--color-error-subtle:#4d1919;--color-info-subtle:#123249}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font:400 14px/1.5 var(--font-family);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.icon{width:var(--icon-md);height:var(--icon-md);stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;display:inline-block}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.t-display{font:700 24px/1.3 var(--font-family);letter-spacing:-.01em}.t-h1{font:700 20px/1.35 var(--font-family)}.t-h2{font:600 16px/1.4 var(--font-family)}.t-h3{font:600 14px/1.4 var(--font-family)}.t-sm{font:400 13px/1.45 var(--font-family)}.t-caption{font:400 12px/1.4 var(--font-family)}.muted{color:var(--color-text-muted)}.num{font-variant-numeric:tabular-nums}.app{min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);z-index:500;flex-direction:column;flex-shrink:0;width:240px;height:100vh;transition:width .2s;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--color-border);height:56px;font:700 16px/1 var(--font-family);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex;overflow:hidden}.sidebar-brand .logo{border-radius:var(--radius-md);background:var(--color-primary);width:30px;height:30px;color:var(--color-on-primary);font:800 11px/1 var(--font-family);flex-shrink:0;place-items:center;display:grid}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.nav-section+.nav-section{border-top:1px solid var(--color-border);margin-top:4px;padding-top:4px}.nav-title{text-align:left;cursor:pointer;width:100%;font:700 12px/1.3 var(--font-family);letter-spacing:.02em;color:var(--color-text);background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;transition:opacity .15s;display:flex}.nav-title:hover{opacity:.8}.nav-title .ic{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.nav-title-label{flex:1}.nav-caret{color:var(--color-text-disabled);transition:transform .15s}.nav-section.open .nav-caret{transform:rotate(180deg)}.nav-items{max-height:0;transition:max-height .2s;overflow:hidden}.nav-section.open .nav-items{max-height:640px}.nav-item{height:40px;color:var(--color-text-muted);white-space:nowrap;cursor:pointer;align-items:center;gap:10px;padding:0 16px 0 40px;font-size:13px;transition:background .15s,opacity .15s;display:flex;position:relative;overflow:hidden}.nav-item .ic{flex-shrink:0;width:18px;height:18px}.nav-item:hover{background:var(--color-surface-alt)}.nav-item.active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:600}.nav-item.active:before{content:"";background:var(--color-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.app.collapsed .sidebar{width:64px}.app.collapsed .sidebar-brand{justify-content:center;padding:0}.app.collapsed .sidebar-brand .brand-name{display:none}.app.collapsed .nav-items,.app.collapsed .nav-title-label,.app.collapsed .nav-caret{display:none!important}.app.collapsed .nav-title{border-radius:var(--radius-md);justify-content:center;width:44px;height:44px;margin:4px auto;padding:0;transition:background .15s,color .15s}.app.collapsed .nav-title .ic{width:20px;height:20px}.app.collapsed .nav-title:hover{background:var(--color-surface-alt);opacity:1}.app.collapsed .nav-section.has-active .nav-title{background:var(--color-primary-subtle);color:var(--color-primary)}.app.collapsed .nav-section.has-active .nav-title .ic{color:var(--color-primary)}.main-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;align-items:center;gap:10px;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.header .spacer{flex:1}.header .user{font:600 13px/1 var(--font-family)}.header .hlink{color:var(--color-text-muted);cursor:pointer;font-size:13px}.header .hlink:hover{color:var(--color-text)}.acct{position:relative}.acct-btn{align-items:center;gap:var(--space-1);height:36px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;transition:background .15s;display:flex}.acct-btn:hover{background:var(--color-surface-alt)}.dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:148px;box-shadow:var(--shadow-md);padding:var(--space-1);z-index:1000;display:none;position:absolute;top:calc(100% + 6px);right:0}.dropdown.open{display:block}.dropdown a{align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--color-text);cursor:pointer;display:flex}.dropdown a:hover{background:var(--color-surface-alt)}.icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.icon-btn:hover{background:var(--color-surface-alt)}.content{width:100%;padding:24px}.page-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head .t-h1{flex:1;align-items:center;gap:8px;display:flex}.page-head .tag{font:600 12px/1 var(--font-family);color:var(--color-warning);border:1px solid var(--color-warning);background:var(--color-warning-subtle);border-radius:var(--radius-full);padding:3px 8px}.asof{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px}.card-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.card-head .t-h2{flex:1;align-items:baseline;gap:8px;display:flex}.card-head .sub{font:400 12px/1.3 var(--font-family);color:var(--color-text-muted)}.grid{gap:16px;display:grid}.mb16{margin-bottom:16px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}.stat-label{color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.stat-big{font:700 26px/1.1 var(--font-family);align-items:baseline;gap:4px;display:flex}.stat-big .u{font:500 13px/1 var(--font-family);color:var(--color-text-muted)}.stat-sub{color:var(--color-text-muted);margin-top:4px;font-size:12px}.divider-top{border-top:1px solid var(--color-border);margin-top:10px;padding-top:10px}.stat-row{justify-content:space-between;align-items:baseline;padding:3px 0;font-size:13px;display:flex}.stat-row .k{color:var(--color-text-muted)}.stat-row .v{font-weight:600}.pill-hi{border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);padding:4px 8px;font-size:12px;font-weight:600}.breakdown{display:flex}.breakdown.wrap{flex-wrap:wrap;row-gap:12px}.bd{flex:1;min-width:0;padding:0 16px}.bd:first-child{padding-left:0}.bd+.bd{border-left:1px solid var(--color-border)}.bd .k{color:var(--color-text-muted);font-size:12px}.bd .v{font:700 16px/1.2 var(--font-family);margin:4px 0}.bd .p{font-size:12px;font-weight:600}.p.g{color:var(--color-success)}.p.o{color:var(--color-warning)}.p.r{color:var(--color-error)}.p.b{color:var(--color-info)}.prog{margin-bottom:8px}.prog .top{justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:13px;display:flex}.prog .top .k{color:var(--color-text-muted)}.prog .top .v{font-weight:600}.track{background:var(--color-surface-alt);border-radius:var(--radius-full);height:6px;overflow:hidden}.track>i{border-radius:var(--radius-full);background:var(--gradient-track);height:100%;display:block}.track.success>i{background:var(--color-success)}.track.warning>i{background:var(--color-warning)}.track.error>i{background:var(--color-error)}.track.info>i{background:var(--color-info)}.badge{border-radius:var(--radius-sm);height:20px;font:600 11px/1 var(--font-family);align-items:center;gap:4px;padding:0 7px;display:inline-flex}.badge-blue{color:var(--color-info);background:var(--color-info-subtle)}.badge-green{color:var(--color-success);background:var(--color-success-subtle)}.badge-neutral{color:var(--color-text-muted);background:var(--color-surface-alt)}.badge-purple{color:var(--cat-5);background:color-mix(in srgb, var(--cat-5) 14%, transparent)}.rank{border-radius:var(--radius-sm);min-width:26px;height:22px;font:700 12px/1 var(--font-family);background:var(--color-surface-alt);color:var(--color-text-muted);place-items:center;padding:0 6px;display:inline-grid}.rank.r1{color:#ae7613;background:#fceccf}.rank.r2{color:#5a6672;background:#e0e6eb}.rank.r3{color:#a35a29;background:#f5e2d6}.hstack-row{grid-template-columns:160px 1fr 84px;align-items:center;gap:12px;padding:5px 0;display:grid}.hstack-row .label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.hstack{border-radius:var(--radius-sm);background:var(--color-surface-alt);height:18px;display:flex;overflow:hidden}.hstack>span{height:100%;font:600 11px/1 var(--font-family);color:#fff;justify-content:center;align-items:center;display:flex;overflow:hidden}.hstack-row .total{text-align:right;font-size:13px;font-weight:700}.hstack-row .total .u{color:var(--color-text-muted);font-size:11px;font-weight:400}.legend{flex-wrap:wrap;gap:6px 14px;margin-top:12px;display:flex}.legend-item{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.donut-wrap{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.donut{border-radius:50%;flex-shrink:0;width:130px;height:130px;position:relative;-webkit-mask:radial-gradient(circle,#0000 52%,#000 53%);mask:radial-gradient(circle,#0000 52%,#000 53%)}.donut:after{content:"";background:radial-gradient(circle at 33% 27%,#ffffff59,#fff0 55%);border-radius:50%;position:absolute;inset:0}.donut-center{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.donut-center .big{font:700 18px/1.1 var(--font-family)}.donut-center .sm{color:var(--color-text-muted);font-size:11px}.donut-legend{flex-direction:column;flex:1;gap:6px;min-width:220px;display:flex}.donut-legend .row{align-items:center;gap:8px;font-size:13px;display:flex}.donut-legend .row .name{flex:1;align-items:center;gap:8px;display:flex}.donut-legend .row .val{font-weight:600}.donut-legend .row .pct{color:var(--color-text-muted);text-align:right;width:60px}.donut-legend .row .bar{border-radius:var(--radius-full);background:var(--color-surface-alt);flex:1.4;height:6px;overflow:hidden}.donut-legend .row .bar>i{height:100%;display:block}.vbars{align-items:flex-end;gap:18px;height:200px;padding:20px 8px 0;display:flex}.vbar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.vbar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--gradient-bar);width:46%;min-width:22px;position:relative}.vbar .cap{font:700 12px/1 var(--font-family);white-space:nowrap;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.vbar-col .xl{color:var(--color-text-muted);font-size:12px}.table-top{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.table-meta{align-items:center;gap:var(--space-3);font-size:var(--fs-sm);color:var(--color-text-muted);display:flex}.table-meta b{color:var(--color-text)}.table-filters{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar .spacer{flex:1}.input,.select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);height:34px;color:var(--color-text);font:400 13px/1 var(--font-family);padding:0 10px}.input:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.tbl-scroll{margin:0 -16px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;padding:9px 16px;font-size:13px}thead th{background:var(--color-surface-alt);color:var(--color-text-muted);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-weight:600}tbody tr{border-bottom:1px solid var(--color-border)}tbody tr:last-child{border-bottom:none}tbody tr.hover:hover{background:color-mix(in srgb, var(--color-primary) 6%, transparent)}td.rt,th.rt{text-align:right}td.ct,th.ct{text-align:center}.link{color:var(--color-primary);cursor:pointer;font-weight:600}.deftable th{text-align:left;vertical-align:top;width:220px}.deftable td{color:var(--color-text)}th.col-action,td.col-action{text-align:center;white-space:nowrap}.cell-actions{gap:var(--space-2);justify-content:center;display:inline-flex}.link:hover{opacity:.8}.dim{color:var(--color-text-disabled)}.pagination{justify-content:center;align-items:center;gap:4px;padding-top:14px;display:flex}.page-btn{border:1px solid var(--color-border);background:var(--color-surface);min-width:32px;height:32px;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;place-items:center;padding:0 6px;display:grid}.page-btn.active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.page-btn:hover:not(.active){background:var(--color-surface-alt)}.page-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn{border-radius:var(--radius-md);height:34px;font:500 13px/1 var(--font-family);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:0 12px;transition:opacity .15s;display:inline-flex}.btn .icon{width:15px;height:15px}.btn:hover{opacity:.8}.btn:active{opacity:.6}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.overlay{background:hsl(var(--brand-h) 20% 10% / .45);z-index:1100;display:none;position:fixed;inset:0}.overlay.open{display:block}.drawer{background:var(--color-surface);width:460px;max-width:100%;height:100vh;box-shadow:var(--shadow-lg);z-index:1101;flex-direction:column;transition:transform .2s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer.open{transform:none}.drawer.drawer-lg{width:760px}.drawer-head{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:8px;height:56px;padding:0 16px;display:flex}.drawer-head .t-h2{flex:1}.drawer-body{flex:1;padding:16px;overflow-y:auto}.drawer-foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.fld{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.fld>label{font:600 13px/1.4 var(--font-family)}.fld .req{color:var(--color-error)}.fld .input,.fld .select,.fld textarea{width:100%}.fld .input-row{gap:var(--space-2);display:flex}.fld .input-row .input,.fld .input-row .select{flex:1}.fld .helper{font-size:var(--fs-caption);color:var(--color-text-muted)}.form-grid2{gap:0 var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-grid2 .col-2{grid-column:span 2}.perm-cell{flex-direction:column;align-items:center;gap:2px;display:flex}.perm-cell .checkbox{width:16px;height:16px;accent-color:var(--color-primary)}.perm-detail{font-size:var(--fs-caption);color:var(--color-primary);cursor:pointer}.perm-qty{font-weight:600}.checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.stepper{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.step{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted);display:flex}.step .n{border-radius:var(--radius-full);width:22px;height:22px;font:700 12px/1 var(--font-family);background:var(--color-surface-alt);color:var(--color-text-muted);place-items:center;display:grid}.step.active{color:var(--color-text);font-weight:600}.step.active .n{background:var(--color-primary);color:var(--color-on-primary)}.step.done .n{background:var(--color-primary-subtle);color:var(--color-primary)}.step-sep{background:var(--color-border);flex:1;min-width:12px;height:1px}.chip-pick{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip-pick label{border:1px solid var(--color-border);border-radius:var(--radius-full);height:32px;font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.chip-pick input{accent-color:var(--color-primary)}.chips{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;max-width:340px;display:flex}.cell-progs{min-width:200px}.month-nav{font:700 15px/1 var(--font-family);justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.month-nav .icon-btn{width:28px;height:28px}.foot{color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:20px 4px 4px;font-size:12px;display:flex}.foot .logo{align-items:center;gap:6px;display:inline-flex}.modal-overlay{background:hsl(var(--brand-h) 20% 10% / .45);z-index:1200;place-items:center;padding:16px;display:none;position:fixed;inset:0}.modal-overlay.open{display:grid}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:90vh;display:flex}.modal-sm{max-width:420px}.modal-md{max-width:560px}.modal-lg{max-width:760px}.modal-head{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:16px 20px;display:flex}.modal-head .t-h2{flex:1}.modal-body{padding:20px;overflow-y:auto}.modal-foot{justify-content:flex-end;gap:var(--space-2);border-top:1px solid var(--color-border);padding:14px 20px;display:flex}.empty{text-align:center;color:var(--color-text-muted);font-size:var(--fs-sm);padding:48px 16px}.sbar-row{grid-template-columns:90px 1fr 64px;align-items:center;gap:12px;padding:6px 0;font-size:13px;display:grid}.sbar-row .k{color:var(--color-text-muted);white-space:nowrap}.sbar{border-radius:var(--radius-full);background:var(--color-surface-alt);height:12px;overflow:hidden}.sbar>i{border-radius:var(--radius-full);height:100%;display:block}.sbar-row .v{text-align:right;font-weight:700}.sbar.age>i{background:#ea8686}.sbar.cnt>i{background:var(--cat-5)}.qty-edit{align-items:center;gap:var(--space-2);display:inline-flex}.qty-edit .input{text-align:right;width:72px;height:30px}.transfer{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.transfer h4{text-align:center;font:600 13px/1.4 var(--font-family);margin-bottom:var(--space-2)}.transfer .box{border:1px solid var(--color-border);border-radius:var(--radius-md);height:220px;padding:var(--space-1);overflow-y:auto}.transfer .box .it{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;display:flex}.transfer .box .it:hover{background:var(--color-surface-alt)}.transfer .box .it .icon{width:14px;height:14px;color:var(--color-text-muted)}.cal-head{justify-content:center;align-items:center;gap:16px;margin:4px 0 16px;display:flex}.cal-head .t-h1{text-align:center;min-width:160px}.cal-grid{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.cal-grid .dow{text-align:center;font:700 13px/1 var(--font-family);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);padding:10px}.cal-grid .dow:last-child{border-right:none}.cal-cell{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);vertical-align:top;min-height:150px;padding:8px}.cal-cell .date{font:700 13px/1 var(--font-family);color:var(--color-text-muted);margin-bottom:6px}.cal-cell.clickable{cursor:pointer}.cal-cell.clickable:hover{background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.ev{border-left:3px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-alt);margin-bottom:6px;padding:6px 8px;font-size:12px}.ev .cat{font:600 10px/1 var(--font-family);border-radius:var(--radius-full);margin-bottom:4px;padding:2px 6px;display:inline-block}.ev .ttl{margin-bottom:3px;font-weight:700}.ev .sub{color:var(--color-text-muted);line-height:1.5}.ev.c-hangul{border-left-color:var(--cat-4);background:color-mix(in srgb, var(--cat-4) 8%, transparent)}.ev.c-hangul .cat{color:var(--cat-4);background:color-mix(in srgb, var(--cat-4) 16%, transparent)}.ev.c-eng{border-left-color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 10%, transparent)}.ev.c-eng .cat{color:#ae7613;background:color-mix(in srgb, var(--color-warning) 22%, transparent)}.ev.c-play{border-left-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 8%, transparent)}.ev.c-play .cat{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 16%, transparent)}.ev.c-lib{border-left-color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 10%, transparent)}.ev.c-lib .cat{color:#ae7613;background:color-mix(in srgb, var(--color-warning) 22%, transparent)}.ev.c-book{border-left-color:var(--color-info);background:color-mix(in srgb, var(--color-info) 8%, transparent)}.ev.c-book .cat{color:var(--color-info);background:color-mix(in srgb, var(--color-info) 16%, transparent)}@media (width<=1024px){.cal-grid{grid-template-columns:1fr}.cal-grid .dow{display:none}}.toast-wrap{z-index:1300;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{background:var(--color-surface);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-lg);border-left:4px solid var(--color-success);align-items:center;gap:8px;padding:12px 14px;display:flex}.toast .icon{color:var(--color-success)}.flex1{flex:1;min-width:0}.row-top{align-items:flex-start;gap:var(--space-3);display:flex}.row-mid,.head-actions{align-items:center;gap:var(--space-2);display:flex}.tc{text-align:center}.tr{text-align:right}.row-between{justify-content:space-between;align-items:baseline;display:flex}.grid.g-kpi-wide{grid-template-columns:1fr 2.4fr}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.my-1{margin:var(--space-1) 0}.fw-normal{font-weight:400}.fs-sm{font-size:var(--fs-sm)}.pointer{cursor:pointer}.block{width:100%}.vgap-2{height:var(--space-2)}.ta-lg{min-height:200px}.empty-sm{padding:var(--space-6)}.tbl-scroll.flush{margin:0}.badge-lg{height:26px;padding:0 10px}.info-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.info-grid .col-2{grid-column:span 2}.section-top{border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:var(--space-2)}.c-success{color:var(--color-success)}.c-warning{color:var(--color-warning)}.c-error{color:var(--color-error)}.c-info{color:var(--color-info)}.c-accent{color:var(--cat-4)}.breakdown.ctr .bd{text-align:center}.breakdown .bd .track{margin:var(--space-1) 0}.breakdown .bd .stat-big{font-size:20px}.dot-inline{margin-right:var(--space-1);vertical-align:middle;display:inline-block}.stat-big.sm{font:700 20px/1.2 var(--font-family)}.w-search{width:200px}.ro-val{padding:6px 0;font-weight:600}th.col-check,td.col-check{text-align:center;width:44px}.badge-warning{color:var(--color-warning);background:var(--color-warning-subtle)}.badge-error{color:var(--color-error);background:var(--color-error-subtle)}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.filter-panel{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.filter-row{align-items:flex-start;gap:var(--space-4);display:flex}.filter-row>.k{font:600 13px/32px var(--font-family);color:var(--color-text-muted);flex:0 0 56px}.filter-row>.v{gap:var(--space-2);flex-wrap:wrap;flex:1;display:flex}.segbtn{border:1px solid var(--color-border-strong);background:var(--color-surface);height:32px;color:var(--color-text);border-radius:var(--radius-md);font:500 13px/1 var(--font-family);cursor:pointer;padding:0 14px;transition:opacity .15s}.segbtn:hover{opacity:.8}.segbtn:active{opacity:.6}.segbtn.on{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.tabbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.tabbar>.k{font:600 13px/1 var(--font-family);color:var(--color-text-muted)}.tabbar .tabs{gap:var(--space-2);display:flex}.tab{border:1px solid var(--color-border-strong);background:var(--color-surface);height:32px;color:var(--color-text);border-radius:var(--radius-md);font:500 13px/1 var(--font-family);cursor:pointer;padding:0 14px;transition:opacity .15s}.tab:hover{opacity:.8}.tab.on{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.switch{cursor:pointer;vertical-align:middle;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .slider{background:var(--color-border-strong);border-radius:var(--radius-full);transition:background .15s;position:absolute;inset:0}.switch .slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+.slider{background:var(--color-primary)}.switch input:checked+.slider:before{transform:translate(18px)}.ord-cell{align-items:center;gap:var(--space-2);display:inline-flex}.ord-cell .grip{color:var(--color-text-disabled)}.ord-cell .num{text-align:center;min-width:16px;font-weight:600}.ord-cell .icon-btn{border:1px solid var(--color-border);width:26px;height:26px}.thumb{border-radius:var(--radius-md);background:var(--gradient-soft);border:1px solid var(--color-border);width:120px;height:68px;color:var(--color-primary);place-items:center;display:grid;overflow:hidden}.thumb .icon{width:22px;height:22px}.thumb.thumb-wide{width:100%;height:180px}.save-hint{font-size:var(--fs-caption);color:var(--color-text-muted)}.save-hint b{color:var(--color-text)}.topic-grid{gap:var(--space-6);grid-template-columns:1fr 2fr;display:grid}.topic-grid h4{text-align:center;font:600 14px/1.4 var(--font-family);margin-bottom:var(--space-3)}.target-list{gap:var(--space-2);flex-direction:column;display:flex}.target-btn{border:1px solid var(--color-border-strong);background:var(--color-surface);height:44px;color:var(--color-text);border-radius:var(--radius-md);font:500 14px/1 var(--font-family);cursor:pointer;transition:opacity .15s}.target-btn:hover{opacity:.8}.target-btn.on{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.topic-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.topic-row .name{font-size:var(--fs-body);flex:1}.add-row{width:100%;height:44px;margin-top:var(--space-4);border:1px dashed var(--color-border-strong);color:var(--color-text);border-radius:var(--radius-md);font:500 13px/1 var(--font-family);cursor:pointer;background:0 0;transition:opacity .15s}.add-row:hover{opacity:.8}.form-narrow{max-width:680px}.frow{align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.frow>.k{font:600 13px/34px var(--font-family);flex:0 0 120px}.frow>.k .req{color:var(--color-error)}.frow>.v{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.frow>.v.ro{font-size:var(--fs-body);justify-content:center}.frow .input,.frow .select{width:100%}.frow .input-row{gap:var(--space-2);align-items:center;display:flex}.frow .dob{gap:var(--space-2);display:flex}.frow .dob .input{width:96px}.radio-row{gap:var(--space-4);align-items:center;height:34px;display:flex}.radio-row label{cursor:pointer;font-size:var(--fs-body);align-items:center;gap:6px;display:inline-flex}.radio-row input{accent-color:var(--color-primary)}.form-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-6);display:flex}.form-actions .btn{justify-content:center;min-width:120px;height:40px}@media (width<=1024px){.topic-grid{grid-template-columns:1fr}}@media (width<=1200px){.g5{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.g3,.g2{grid-template-columns:1fr}.breakdown{flex-wrap:wrap}.bd{flex:40%}.bd+.bd{border-left:none}}@media (width<=768px){.content{padding:16px}.g4,.g5{grid-template-columns:repeat(2,1fr)}.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);width:240px!important}.app.mobile-open .sidebar{box-shadow:var(--shadow-lg);transform:none}.hstack-row{grid-template-columns:110px 1fr 64px}.tbl-scroll{margin:0 -12px}}.icon-fill{fill:currentColor}