:root{--ui-space:8px;--ui-page-space:16px;--ui-page-inline-space:28px;--ui-control-height:32px;--ui-border:#d5e0ec;--ui-radius:6px;--ui-surface:#fff;--ui-background:#f6f8fc;--ui-text:#263b52;--ui-muted:#708398;--ui-accent:#2867b7;--ui-header:#eef3f9}.login-page .ui-page-header{margin-bottom:16px}.login-page .ui-page-header h1{font-size:20px;line-height:28px;margin:0;letter-spacing:-.4px;color:#132b47}.login-page .ui-page-description{font-size:12px;line-height:18px;margin-top:2px;color:var(--ui-muted)}.login-page .input-shell{height:32px;min-height:32px;border-radius:var(--ui-radius);border-color:var(--ui-border);padding:0 8px;gap:8px}.login-page .input-shell input{font-size:12px;line-height:18px}.login-page .input-shell>svg{width:16px;height:16px}.login-page .icon-button{height:30px;width:30px;margin-right:0}.login-page .login-button{height:32px;min-height:32px;border-radius:var(--ui-radius);background:var(--ui-accent);font-size:12px}.workspace-shell{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden;background:var(--ui-background)}.workspace-shell .shell-top-zone{flex:none}.workspace-shell:not(.workspace-expanded) .shell-bottom-zone{flex:none;height:56px}.workspace-shell .workspace-canvas{flex:1;min-width:0;min-height:0!important;height:auto!important;padding:var(--ui-page-space) var(--ui-page-inline-space)!important;overflow:auto;background:var(--ui-background)}.workspace-shell .workspace-canvas[hidden]{display:none!important}.workspace-shell .workspace-canvas>:is(.order-lookup,.tm-workspace,.tm-allocation,.management-page,.tm-analytics,.user-management,.product-management){width:100%;max-width:none;margin:0;padding:0;min-width:0;color:var(--ui-text);font-size:12px}.workspace-shell .workspace-canvas>:is(.tm-workspace,.tm-allocation,.tm-analytics){height:100%;gap:var(--ui-space)}.workspace-shell .workspace-canvas>.management-page{height:100%;overflow:auto}.workspace-shell .workspace-canvas>.order-lookup{display:flex;flex-direction:column;gap:var(--ui-space);height:100%;min-height:0}.workspace-shell .order-workspace-grid{flex:1;height:auto;min-height:0;gap:var(--ui-space)}.workspace-shell .workspace-canvas .ui-page-header{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--ui-space);min-height:48px;margin:0 0 var(--ui-space);padding:0;border:0;background:transparent}.workspace-shell .workspace-canvas>:is(.order-lookup,.tm-workspace,.tm-allocation,.tm-analytics)>.ui-page-header{margin-bottom:0}.workspace-shell .ui-page-heading{min-width:0}.workspace-shell .ui-page-header h1{font-size:20px;font-weight:700;line-height:28px;letter-spacing:-.4px;color:#132b47;margin:0}.workspace-shell .ui-page-description{font-size:12px;font-weight:400;line-height:18px;color:var(--ui-muted);margin:2px 0 0}.workspace-shell .ui-page-description :is(p,span){font:inherit;color:inherit;margin:0;letter-spacing:normal}.workspace-shell .ui-page-actions{display:flex;flex:none;align-items:center;gap:var(--ui-space)}.workspace-shell .workspace-header{gap:16px}.workspace-shell .workspace-brand{flex-shrink:0}.workspace-shell .workspace-page-title{flex:1;min-width:0;margin:0;padding:0 0 0 16px;border-left:1px solid var(--ui-border)}.workspace-shell .workspace-page-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:24px}.workspace-shell .workspace-page-title .ui-page-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;font-size:11px;line-height:16px}.workspace-shell .workspace-header-actions{flex-shrink:0;margin-left:0}.workspace-shell .workspace-canvas .ui-page-header-actions-only{min-height:32px;justify-content:flex-end}@media(max-width:800px){.workspace-shell .workspace-header{padding:0 10px;gap:8px}.workspace-shell .workspace-brand img{width:72px}.workspace-shell .workspace-page-title{padding-left:8px}.workspace-shell .workspace-page-title h1{font-size:14px;line-height:20px}.workspace-shell .workspace-page-title .ui-page-description{font-size:10px;line-height:14px}.workspace-shell .workspace-header-actions,.workspace-shell .workspace-common-actions{gap:2px}.workspace-shell .workspace-header-actions :is(.header-action,.workspace-common-actions button){width:26px;padding:0}.workspace-shell .attendance-controls{gap:2px}.workspace-shell .attendance-controls button{padding:4px;font-size:11px}}.workspace-shell :is(.workspace-canvas,:is(dialog,[role=dialog])) :is(button,input:not([type=checkbox]):not([type=radio]),select){box-sizing:border-box;height:var(--ui-control-height);min-height:var(--ui-control-height);font-size:12px;line-height:18px;border-radius:var(--ui-radius)}.workspace-shell :is(.workspace-canvas,:is(dialog,[role=dialog])) button{padding:5px 10px}.workspace-shell :is(.workspace-canvas,:is(dialog,[role=dialog])) :is(input:not([type=checkbox]):not([type=radio]),select){padding:5px 8px;border-color:var(--ui-border)}.workspace-shell :is(.workspace-canvas,:is(dialog,[role=dialog])) textarea{font-size:12px;line-height:1.5;border-color:var(--ui-border);border-radius:var(--ui-radius)}.workspace-shell :is(.workspace-canvas,:is(dialog,[role=dialog])) :is(input[type=checkbox],input[type=radio]){width:15px;height:15px;min-height:0;accent-color:var(--ui-accent)}.workspace-shell :is(.ui-list-panel,.user-list-card,.product-list-card,.order-results-card,.detail-card,.tm-list-panel,.tm-detail-panel,.allocation-list,.allocation-detail){border-color:var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:none;min-width:0}.workspace-shell .ui-list-panel{overflow:auto}.workspace-shell .ui-list-panel:has(>.tabulator),.workspace-shell .ui-list-panel:has(>.allocation-grid){overflow:hidden}.workspace-shell .ui-list-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:12px;color:var(--ui-text);margin:0}.workspace-shell .ui-list-table :is(th,td){height:32px;padding:6px 10px;line-height:18px;border-bottom:1px solid #e3eaf2;vertical-align:middle}.workspace-shell .ui-list-table th{background:var(--ui-header);color:#36516d;font-weight:600;white-space:nowrap}.workspace-shell .ui-list-table thead{position:sticky;top:0;z-index:2;background:var(--ui-header)}.workspace-shell .ui-list-table caption{text-align:left;padding:8px 10px;font-size:13px;font-weight:600;color:var(--ui-text)}.workspace-shell .ui-list-table tbody tr:last-child td{border-bottom:0}.workspace-shell .ui-list-table tbody tr:hover{background:#f4f8fd}.workspace-shell :is(.user-list-toolbar,.product-list-toolbar,.order-results-heading){min-height:40px;padding:6px 10px;gap:var(--ui-space);background:var(--ui-header);border-color:var(--ui-border)}.workspace-shell :is(.user-usage-filter,.product-usage-filter,.user-search,.product-search){height:32px;border-radius:var(--ui-radius);box-sizing:border-box}.workspace-shell :is(.user-pagination,.product-pagination,.order-pagination){min-height:40px;padding:4px 10px;border-color:var(--ui-border)}.workspace-shell :is(.order-pagination,.user-pagination,.product-pagination) button{height:32px;min-height:32px}.workspace-shell :is(.order-search-card,.management-filters,.tm-quick-search,.allocation-search,.tm-analytics-filters){padding:8px 10px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);gap:var(--ui-space);margin-bottom:8px;box-shadow:none}.workspace-shell :is(.tm-quick-search,.allocation-search,.tm-analytics-filters){margin-bottom:0}.workspace-shell :is(.management-cards,.management-chart-grid){gap:var(--ui-space);margin:8px 0}.workspace-shell :is(.management-cards article,.management-chart-grid article,.tm-analytics-cards article,.tm-analytics-chart){padding:12px;border-color:var(--ui-border);border-radius:var(--ui-radius)}.workspace-shell .management-table-wrap{margin:8px 0;border-color:var(--ui-border);border-radius:var(--ui-radius)}.workspace-shell :is(.user-page-message,.product-page-message){margin:0 0 8px;padding:6px 10px;font-size:12px;border-radius:var(--ui-radius)}.workspace-shell .tabulator{font-size:12px;border-color:var(--ui-border)}.workspace-shell .tabulator .tabulator-header,.workspace-shell .tabulator .tabulator-header .tabulator-col{background:var(--ui-header);color:#36516d}.workspace-shell .tabulator .tabulator-header .tabulator-col .tabulator-col-content{padding:7px 8px;line-height:18px}.workspace-shell .tabulator .tabulator-row .tabulator-cell{padding:6px 8px;line-height:18px}.workspace-shell :is(.detail-card-header,.tm-detail-heading,.allocation-detail>header){min-height:36px;padding:4px 10px;background:var(--ui-header);border-color:var(--ui-border)}.workspace-shell :is(.detail-card-header,.tm-detail-heading) h2{font-size:14px;margin:0}.workspace-shell :is(dialog,[role=dialog]){border-radius:8px;border-color:var(--ui-border);font-size:12px}.workspace-shell :is(dialog,[role=dialog])>header{min-height:40px;padding-bottom:8px;margin-bottom:8px;gap:var(--ui-space)}.workspace-shell :is(dialog,[role=dialog])>header h2{font-size:20px;line-height:28px;margin:0;color:#132b47}.workspace-shell :is(dialog,[role=dialog])>header>div>p{display:none}.workspace-shell :is(dialog,[role=dialog]) :is(.user-form-grid,.product-form-grid,.allocation-form,.call-entry-grid){gap:8px 12px}.workspace-shell :is(dialog,[role=dialog]) footer{gap:var(--ui-space)}.workspace-shell .workspace-placeholder{max-width:100%;color:var(--ui-text)}.workspace-shell .workspace-placeholder strong{font-size:20px}.workspace-shell .menu-anchor{flex-shrink:0}.workspace-shell .menu-trigger{white-space:nowrap}.workspace-shell .tabulator-tableholder{background:var(--ui-surface)}.workspace-shell .allocation-workarea{grid-template-rows:minmax(100px,1fr) minmax(190px,34%)}.workspace-shell .common-notifications>button{height:auto;min-height:48px}.workspace-shell .ui-list-table td[colspan]{text-align:center;color:var(--ui-muted);padding:16px 10px}.workspace-shell :is(.tm-empty,.empty-users,.empty-products,.common-panel-empty){color:var(--ui-muted);font-size:12px;line-height:1.5;text-align:center;padding:16px 10px}.workspace-shell :is(.allocation-primary,.tm-primary,.add-user-button,.add-product-button){background:var(--ui-accent);border-color:var(--ui-accent);box-shadow:none}@media(max-width:1250px){.workspace-shell .workspace-canvas>.order-lookup{height:auto;min-height:100%}.workspace-shell .order-workspace-grid{min-height:540px;flex:none}}@media(max-width:800px){:root{--ui-page-space:10px;--ui-page-inline-space:16px}.workspace-shell .workspace-canvas .ui-page-header{align-items:flex-start;flex-wrap:wrap}.workspace-shell .ui-page-description{font-size:12px}.workspace-shell .ui-page-actions{margin-left:auto}.workspace-shell :is(dialog,[role=dialog]){max-width:calc(100vw - 20px)}.workspace-shell .ui-list-table :is(th,td){padding:6px 8px}.workspace-shell .management-chart-grid{grid-template-columns:minmax(0,1fr)}}.toast-stack{position:fixed;z-index:10000;right:24px;bottom:68px;display:flex;flex-direction:column;gap:8px;max-width:min(520px,calc(100vw - 32px));pointer-events:none}.app-toast{display:flex;align-items:center;gap:16px;padding:10px 14px;border:1px solid #b9d3f7;border-radius:8px;color:#255b9b;background:#f2f7ff;box-shadow:0 10px 28px #1e4a7e2e;font-size:12px;pointer-events:auto;animation:toast-in .2s ease}.app-toast button{border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-stack[popover]{inset:auto 24px 68px auto;margin:0;padding:0;border:0;background:transparent;overflow:visible}.toast-stack[popover]:not(:popover-open){display:none}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-kr-korean-400-normal-CmjJz_gz.woff2) format("woff2"),url(/assets/noto-sans-kr-korean-400-normal-Dvb5JbtY.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-kr-korean-700-normal-DvnDzSjd.woff2) format("woff2"),url(/assets/noto-sans-kr-korean-700-normal-KAYYVieF.woff) format("woff")}@font-face{font-family:Noto Sans KR;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/noto-sans-kr-korean-800-normal-Bv1ZTS-v.woff2) format("woff2"),url(/assets/noto-sans-kr-korean-800-normal--aA2Ul0J.woff) format("woff")}:root{font-family:Noto Sans KR,Malgun Gothic,sans-serif;color:#102b4d;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.login-page{min-height:100vh;background:#fff}.app-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 60px;border-bottom:1px solid #dce7ef;background:#fff}.company-logo{display:block;width:238px;height:auto;object-fit:contain}.system-status{display:flex;align-items:center;gap:11px;color:#157849;font-size:16px;font-weight:700}.status-dot{width:11px;height:11px;border-radius:50%;background:#21a66b;box-shadow:0 0 0 7px #e6f6ee}.system-status.loading{color:#63778c}.system-status.loading .status-dot{background:#8fa0b2;box-shadow:0 0 0 7px #eff3f6}.system-status.error{color:#ad3d3d}.system-status.error .status-dot{background:#d95454;box-shadow:0 0 0 7px #fdeeee}.login-layout{min-height:calc(100vh - 90px);display:grid;grid-template-columns:1fr 1fr}.permission-panel{position:relative;min-height:calc(100vh - 90px);display:grid;place-items:center;overflow:hidden;background-color:#eff8ff;background-image:url(/assets/login-background-C8NW9qy3.webp);background-position:center;background-size:cover}.permission-content{width:min(100% - 56px,500px);padding:56px 0 34px;text-align:center}.permission-content h2{margin:0;font-size:clamp(32px,3vw,44px);line-height:1.28;letter-spacing:-.045em;color:#0d2b4e}.permission-copy{margin:20px 0 36px;font-size:18px;line-height:1.7;color:#526c87}.permission-flow{display:flex;flex-direction:column;align-items:center}.account-node{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:17px}.account-icon{width:84px;height:84px;display:grid;place-items:center;color:#087da0;border:12px solid rgba(255,255,255,.72);border-radius:50%;background:#fff;box-shadow:0 9px 26px #15709d1f}.flow-arrow{margin:8px 0 4px;color:#258fdd}.route-label{padding:8px 22px;border-radius:999px;background:#dceffd;color:#147ac7;font-size:14px;font-weight:700}.destination-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:78px;margin-top:22px}.destination{min-height:190px;padding:24px 16px 20px;border:1px solid rgba(255,255,255,.88);border-radius:16px;background:#ffffffc2;box-shadow:0 12px 34px #236d9a12}.destination-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto;border-radius:14px;color:#087da0;background:#fff}.destination h3{margin:14px 0 7px;font-size:20px;color:#102b4d}.destination p{margin:0;color:#5f7890;font-size:14px;line-height:1.6}.brand-message{margin:50px 0 0;color:#6faed8;font-size:16px;font-weight:500;letter-spacing:.02em}.form-panel{min-height:calc(100vh - 90px);display:grid;place-items:center;background:#fff}.form-content{width:min(100% - 72px,560px);padding:58px 0 30px}.eyebrow{margin:0 0 12px;color:#087b9d;font-size:12px;font-weight:800;letter-spacing:.24em}.form-content h1{margin:0;color:#102b4d;font-size:clamp(38px,4vw,53px);line-height:1.2;letter-spacing:-.045em}.form-lead{margin:15px 0 34px;color:#617991;font-size:18px}.login-form{display:flex;flex-direction:column}.field-group{margin-bottom:19px}.field-group>label,.phone-fields>label{display:block;margin-bottom:9px;color:#183552;font-size:14px;font-weight:700}.input-shell{min-height:58px;display:flex;align-items:center;gap:13px;padding:0 17px;border:1px solid #c9d8e6;border-radius:9px;color:#7890a8;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.input-shell:focus-within{border-color:#1385a3;box-shadow:0 0 0 3px #1385a31f}.input-shell.invalid{border-color:#d24a4a}.input-shell input{min-width:0;flex:1;border:0;outline:0;color:#17324f;background:transparent;font-size:16px}.input-shell input::placeholder{color:#91a5b8}.input-shell.compact{min-height:50px}.icon-button{width:40px;height:40px;display:grid;place-items:center;margin-right:-10px;border:0;border-radius:7px;color:#688098;background:transparent;cursor:pointer}.icon-button:hover{color:#087b9d;background:#eef7fa}.icon-button:focus-visible,.text-button:focus-visible,.login-button:focus-visible{outline:3px solid rgba(29,144,188,.28);outline-offset:2px}.field-error{margin:7px 2px 0;color:#bd3939;font-size:12px}.form-options{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 23px}.checkbox-label{display:flex;align-items:center;gap:9px;color:#536b82;font-size:14px;cursor:pointer}.checkbox-label input{width:20px;height:20px;margin:0;accent-color:#087f9f}.text-button{padding:5px 0;border:0;color:#087bc2;background:transparent;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.login-button{min-height:59px;border:0;border-radius:8px;color:#fff;background:#117f99;font-size:18px;font-weight:700;cursor:pointer;transition:background .18s ease,transform .1s ease}.login-button:hover{background:#0b6f88}.login-button:active{transform:translateY(1px)}.form-message{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;padding:12px 14px;border-radius:8px;color:#166647;background:#edf8f3;font-size:13px;line-height:1.5}.form-message svg{flex:0 0 auto;margin-top:1px}.routing-note{margin:30px 0 0;color:#536c84;font-size:14px;line-height:1.6}.form-footer{margin:44px 0 0;padding-top:20px;border-top:1px solid #d8e2ea;color:#7890a6;font-size:12px}@media(max-width:1000px){.app-header{height:76px;padding:0 28px}.company-logo{width:150px}.login-layout{min-height:calc(100vh - 76px);grid-template-columns:1fr}.form-panel{order:1;min-height:auto}.permission-panel{order:2;min-height:auto}.form-content{width:min(100% - 48px,620px);padding:54px 0}.permission-content{width:min(100% - 48px,620px);padding:56px 0}.destination-grid{gap:24px}}@media(max-width:560px){.app-header{height:68px;padding:0 18px}.company-logo{width:128px}.system-status{gap:7px;font-size:12px}.status-dot{width:8px;height:8px;box-shadow:0 0 0 4px #e6f6ee}.form-content{width:min(100% - 36px,480px);padding:40px 0 34px}.form-content h1{font-size:36px}.form-lead{margin-bottom:29px;font-size:16px}.input-shell{min-height:54px}.routing-note{margin-top:24px}.form-footer{margin-top:32px}.permission-content{width:min(100% - 36px,480px);padding:48px 0 38px}.permission-content h2{font-size:30px}.permission-copy{font-size:16px}.destination-grid{gap:12px}.destination{min-height:170px;padding:20px 10px}.destination h3{font-size:18px}.brand-message{margin-top:34px}}@media(min-width:1001px){.app-header{height:64px;padding:0 42px}.company-logo{width:134px}.system-status{gap:8px;font-size:12px}.status-dot{width:8px;height:8px;box-shadow:0 0 0 5px #e6f6ee}.system-status.loading .status-dot{box-shadow:0 0 0 5px #eff3f6}.system-status.error .status-dot{box-shadow:0 0 0 5px #fdeeee}.login-layout,.permission-panel,.form-panel{min-height:calc(100vh - 64px)}.permission-content{width:min(100% - 40px,360px);padding:40px 0 24px}.permission-content h2{font-size:clamp(23px,2.1vw,32px)}.permission-copy{margin:14px 0 26px;font-size:13px}.account-node{gap:7px;font-size:12px}.account-icon{width:60px;height:60px;border-width:9px}.account-icon svg{width:30px;height:30px}.flow-arrow{width:18px;height:18px;margin:6px 0 3px}.route-label{padding:6px 16px;font-size:11px}.destination-grid{gap:54px;margin-top:16px}.destination{min-height:137px;padding:17px 11px 14px;border-radius:12px}.destination-icon{width:45px;height:45px;border-radius:10px}.destination-icon svg{width:28px;height:28px}.destination h3{margin:10px 0 5px;font-size:15px}.destination p{font-size:12px;line-height:1.5}.brand-message{margin-top:36px;font-size:12px}.form-content{width:min(100% - 52px,404px);padding:42px 0 22px}.eyebrow{margin-bottom:9px;font-size:10px}.form-content h1{font-size:clamp(28px,2.8vw,38px)}.form-lead{margin:11px 0 24px;font-size:13px}.field-group{margin-bottom:14px}.field-group>label,.phone-fields>label{margin-bottom:6px;font-size:12px}.input-shell{min-height:42px;gap:9px;padding:0 12px;border-radius:7px}.input-shell>svg{width:17px;height:17px}.input-shell input{font-size:13px}.input-shell.compact{min-height:38px}.icon-button{width:30px;height:30px;margin-right:-7px}.icon-button svg{width:18px;height:18px}.field-error{margin-top:5px;font-size:11px}.form-options{gap:14px;margin-bottom:17px}.checkbox-label{gap:7px;font-size:12px}.checkbox-label input{width:15px;height:15px}.text-button{font-size:12px}.login-button{min-height:43px;border-radius:6px;font-size:14px}.form-message{gap:6px;margin-top:11px;padding:9px 10px;font-size:11px}.routing-note{margin-top:21px;font-size:11px}.form-footer{margin-top:31px;padding-top:14px;font-size:10px}}