@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-9599f12f.woff2) format("woff2-variations")}:root{color-scheme:light;font-family:Pretendard Variable,Pretendard,Malgun Gothic,Apple SD Gothic Neo,Arial,sans-serif;--ink: #1c2430;--muted: #667085;--line: #d9dee7;--panel: #ffffff;--bg: #eef1f5;--navy: #1c2b3a;--blue: #2450a0;--green: #1a6630;--red: #a01010;--amber: #8a5000}*{box-sizing:border-box}html{height:100%}body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}#app{height:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid #cfd6df;border-radius:4px;padding:9px 10px;background:#fff;color:var(--ink)}textarea{min-height:84px;resize:vertical}label{display:grid;gap:6px;color:#344054;font-size:13px;font-weight:700}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#1c2b3a;color:#fff;padding:10px 12px;font-weight:700}td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}tr.low td{background:#fff5f5}.text-red{color:var(--red);font-weight:700}.text-muted{color:var(--muted);font-size:12px}.order-num{color:var(--blue);font-weight:600;font-size:12px}.empty-row{text-align:center;color:var(--muted);font-size:13px;padding:24px}.primary,.secondary,.ghost,td button,.actions button,.icon-btn{border:none;border-radius:4px;padding:9px 12px;font-weight:700}.primary{background:var(--navy);color:#fff}.secondary{background:#e8ecf2;color:var(--navy)}.ghost{background:#f0f2f5;color:var(--ink)}.full{width:100%;margin-top:10px}.icon-btn{width:32px;height:32px;padding:0;background:#f0f2f5}.btn-danger{background:#fff1f1;color:var(--red)}td button{padding:5px 10px;font-size:12px}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f5f7ff}@keyframes highlight-fade{0%{background:#c8dbff}to{background:#eef4ff}}.row-highlighted td{background:#eef4ff!important;animation:highlight-fade 1.2s ease;font-weight:700}.goto-ship-btn{background:#e8f0fd;color:#1a4db8;border:1px solid #b8cef0;border-radius:4px;padding:5px 10px;font-size:12px;font-weight:700;white-space:nowrap}.ship-done-info{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.ship-done-info .badge{padding:1px 6px;min-height:unset;font-size:11px;background:#e8f0fd;color:#1a4db8;border-color:#b8cef0}.ship-done-date{font-size:11px;color:var(--muted)}.actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.actions.end{justify-content:flex-end}.message,.error{border-radius:4px;padding:10px 12px;font-size:13px;margin:0 0 12px}.message{background:#edf7ef;color:var(--green);border:1px solid #c9e7d0}.error{background:#fff1f1;color:var(--red);border:1px solid #f0c6c6}.eyebrow{margin:0 0 5px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.toast-stack{position:fixed;top:18px;right:18px;z-index:1000;display:grid;gap:8px;width:min(360px,calc(100vw - 36px))}.app-toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:6px;background:white;border:1px solid var(--line);box-shadow:0 8px 24px #1018282e;font-size:13px;font-weight:700}.app-toast button{border:0;background:transparent;color:inherit;padding:0;font-size:20px}.toast-success{color:var(--green);border-left:4px solid var(--green)}.toast-error{color:var(--red);border-left:4px solid var(--red)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#e8ecf1}.auth-card{width:min(440px,100%);background:white;border:1px solid var(--line);border-radius:6px;padding:30px;box-shadow:0 12px 35px #1c24301f}.auth-brand{text-align:center;margin-bottom:24px;border-bottom:1px solid #edf0f4;padding-bottom:18px}.pw-wrap{position:relative;display:block}.pw-wrap input{padding-right:42px}.pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#b0b8c4;width:auto;min-height:unset;height:auto;display:flex;align-items:center;justify-content:center;border-radius:3px;line-height:0}.pw-toggle:hover{color:var(--navy);background:rgba(0,0,0,.06)}.login-options{display:flex;gap:18px;align-items:center}.check-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer}.check-label input[type=checkbox]{width:16px;min-height:unset;height:16px;padding:0;accent-color:var(--navy);cursor:pointer;flex-shrink:0}.check-label input:disabled{opacity:.4;cursor:not-allowed}.auto-login-msg{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 0;color:var(--muted);font-size:14px}.auto-login-spinner{width:32px;height:32px;border:3px solid #e0e4ea;border-top-color:var(--navy);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-brand strong{display:block;color:var(--navy);font-size:28px;letter-spacing:.12em}.auth-brand span{color:var(--muted);font-size:12px}.auth-card form{display:grid;gap:13px}.auth-links{display:flex;justify-content:center;gap:16px}.auth-links button{border:0;background:transparent;color:var(--blue);padding:0;font-size:12px}.auth-notice{margin:0;text-align:center;font-size:12px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:4px;overflow:hidden}.segmented button{border:0;padding:10px;background:white;color:var(--muted);font-weight:700}.segmented .active{background:var(--navy);color:#fff}.auth-card.register-wide{width:min(820px,100%)}.register-form{display:grid;gap:14px}.register-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.register-col{display:grid;gap:11px;align-content:start}.register-col-title{font-size:12px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.08em;padding-bottom:4px;border-bottom:2px solid var(--navy);margin-bottom:2px}.address-search-row{display:flex;gap:6px}.address-search-row .address-base{flex:1;background:#f5f7fa;cursor:default}.btn-address-search{flex-shrink:0;padding:0 12px;background:var(--navy);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-address-search:hover{background:#1a2b4a}.phone-input-row{display:flex;align-items:center;gap:4px}.phone-prefix{width:72px;flex-shrink:0}.phone-sep{color:var(--muted);font-weight:700;line-height:1}.phone-suffix{flex:1;min-width:0}.input-hint{font-size:11px;color:var(--muted);margin-top:2px}.input-invalid{border-color:#e03131!important}.field-error{font-size:11px;color:#e03131;font-weight:400}.alert-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:grid;place-items:center;z-index:9999}.alert-modal{background:white;border-radius:10px;padding:28px 28px 22px;width:min(440px,90vw);box-shadow:0 16px 45px #10182838}.alert-modal-title{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:10px}.alert-modal-message{font-size:14px;color:#475467;line-height:1.7;white-space:pre-line;margin-bottom:22px}.alert-modal-actions{display:flex;justify-content:flex-end;gap:8px}.alert-modal-actions.two-btn{justify-content:flex-end}.alert-modal-btn{min-width:80px}.app-shell{height:100%;overflow:hidden;display:flex;flex-direction:column}.brand-bar{background:linear-height(180deg,#1e2f40,#1c2b3a);background:#1c2b3a;padding:7px 22px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px #0000004d}.brand-bar-left{display:flex;align-items:center;gap:14px}.brand-name{font-size:15px;font-weight:900;color:#fff;letter-spacing:4px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.brand-divider{width:1px;height:16px;background:rgba(255,255,255,.2)}.brand-sub{font-size:11px;color:#ffffff73;letter-spacing:.4px}.brand-bar-right{display:flex;align-items:center;gap:10px}.role-tag{background:rgba(78,142,247,.25);color:#7eb8ff;border:1px solid rgba(78,142,247,.4);border-radius:3px;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.8px}.user-name{color:#ffffffbf;font-size:13px;font-weight:500}.btn-logout{background:rgba(255,255,255,.1);color:#ffffff8c;border-radius:3px;padding:4px 12px;font-size:12px;cursor:pointer;width:auto;transition:background .15s,color .15s}.btn-logout:hover{background:rgba(255,255,255,.18);color:#ffffffe6}.nav-bar{background:#22364a;display:flex;align-items:stretch;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.25);box-shadow:0 2px 8px #00000026;padding:0 8px}.nav-item{padding:0 18px;height:42px;font-size:13px;font-weight:500;color:#ffffff80;text-decoration:none;display:flex;align-items:center;border-bottom:3px solid transparent;border-top:3px solid transparent;white-space:nowrap;letter-spacing:.2px;transition:color .15s,background .15s;position:relative}.nav-item:hover{color:#ffffffe6;background:rgba(255,255,255,.08);border-radius:4px 4px 0 0}.nav-item.on{color:var(--navy);font-weight:700;background:#fff;border-bottom-color:#fff;border-radius:4px 4px 0 0}.workspace{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:20px 24px 0}.page-title{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:16px;flex-shrink:0}.view-scroller{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.dashboard-top{flex-shrink:0;display:grid;grid-template-columns:210px 1fr;gap:14px;align-items:start}.kpi-grid-col{grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto}.mini-cal{background:white;border:1px solid var(--line);border-radius:6px;padding:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:16px}.kpi{background:white;border:1px solid var(--line);border-radius:6px;padding:16px;display:grid;gap:5px}.kpi span{color:var(--muted);font-size:12px}.kpi strong{font-size:24px;color:var(--navy)}.kpi small{color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0;flex-shrink:0}.grid-2 .panel{max-height:calc((100vh - 260px)/2)}.panel{background:white;border:1px solid var(--line);border-radius:6px;padding:16px;margin-bottom:0;overflow:hidden;display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 200px)}.panel>h2{flex-shrink:0}.panel>.page-section-head{flex-shrink:0}.panel>.smart-filter-bar{flex-shrink:0}.panel>.tab-bar{flex-shrink:0}.panel>.member-sub-header{flex-shrink:0}.panel>.status-summary{flex-shrink:0}.panel>.actions{flex-shrink:0}.panel>table,.panel>.member-list-wrap,.panel>.settings-layout,.panel>.two-col{flex:1;min-height:0;overflow-y:auto}.panel-table-wrap{flex:1;min-height:0;overflow-y:auto;overflow-x:auto}.panel h2,.modal h2{margin:0 0 12px;font-size:17px}.compact-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;align-items:end}.page-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.page-section-head h2{margin-bottom:4px}.page-section-head p{margin:0}.status-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:14px}.status-summary div{border:1px solid var(--line);border-radius:6px;background:#f7f9fc;padding:12px;display:grid;gap:4px}.status-summary span{color:var(--muted);font-size:12px}.status-summary strong{color:var(--navy);font-size:22px}.inline-input{width:130px;padding:6px 8px;font-size:12px;min-height:unset}.inline-select{width:110px;padding:5px 6px;font-size:12px;min-height:unset}.tracking-cell{display:inline-flex;align-items:center;gap:5px}.copy-btn{background:none;border:none;padding:2px 3px;cursor:pointer;color:#9ca3af;min-height:unset;line-height:0;border-radius:3px;flex-shrink:0}.copy-btn:hover{color:#2563eb;background:#eff6ff}.edit-tracking-btn{background:none;border:none;padding:2px 4px;cursor:pointer;color:#9ca3af;min-height:unset;font-size:13px;border-radius:3px;flex-shrink:0}.edit-tracking-btn:hover{color:#2563eb;background:#eff6ff}.tracking-edit{display:inline-flex;align-items:center;gap:4px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px}.sales-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:stretch;flex:1;min-height:0;overflow:hidden}.sales-summary-panel,.sales-detail-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:none}.sales-summary-panel h2{font-size:14px;margin-bottom:10px;flex-shrink:0}.summary-table-wrap{flex:1;overflow-y:auto;min-height:0}.summary-table{font-size:12px;width:100%}.summary-table th,.summary-table td{padding:6px 8px}.summary-table tfoot td{border-top:2px solid var(--line);background:#f0f4ff;position:sticky;bottom:0}.sales-detail-panel .page-section-head,.sales-detail-panel .smart-filter-bar{flex-shrink:0}.detail-table-wrap{flex:1;overflow-y:auto;overflow-x:auto;min-height:0}.smart-filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;margin-bottom:12px;border:1px solid var(--line);border-radius:6px;background:#f7f9fc}.filter-selectors{display:flex;gap:6px;align-items:center;flex-shrink:0}.filter-cat-select{min-height:unset;padding:5px 8px;font-size:12px;width:72px;font-weight:700;background:var(--primary, #2563eb);color:#fff;border-color:var(--primary, #2563eb);cursor:pointer}.filter-val-select{min-height:unset;padding:5px 8px;font-size:12px;width:140px}.filter-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.filter-chip{display:inline-flex;align-items:center;gap:2px;padding:3px 4px 3px 10px;background:#dbeafe;border:1px solid #93c5fd;border-radius:20px;font-size:12px;color:#1d4ed8}.chip-text{white-space:nowrap}.chip-remove{background:none;border:none;padding:0 4px;cursor:pointer;font-size:15px;line-height:1;color:#93c5fd;min-height:unset}.chip-remove:hover{color:#ef4444}.chip-reset{min-height:unset;padding:3px 10px;font-size:12px;white-space:nowrap}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;border:1px solid #cad2de}.s-PENDING,.s-RECEIVED{color:var(--blue);background:#edf2fb;border-color:#c2d0ef}.s-CONVERTED,.s-CONFIRMED{color:var(--amber);background:#fff7e8;border-color:#f0d8a0}.s-SHIPPED{color:var(--green);background:#e9f5ec;border-color:#bddfc5}.s-DELIVERED{color:#1a6b3c;background:#d4f0e0;border-color:#8ecfab;font-weight:700}.s-CANCELLED{color:var(--red);background:#fff1f1;border-color:#f0c6c6}.barcode-section{background:white;border:1px solid var(--line);border-radius:6px;padding:16px;margin-bottom:16px}.barcode-header{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.barcode-header h3{margin:0;font-size:15px;color:var(--navy)}.barcode-format-hint{font-size:11px;color:var(--muted)}.barcode-input-row{display:flex;gap:8px;margin-bottom:8px}.barcode-input-wrap{flex:1;display:flex;align-items:center;border:2px solid var(--navy);border-radius:4px;background:#fff;padding:0 10px;gap:8px}.barcode-icon{font-size:18px;color:var(--navy);flex-shrink:0}.barcode-input{border:none;padding:10px 0;font-size:14px;width:100%;outline:none;font-family:Consolas,monospace}.barcode-example{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:10px}.example-label{background:var(--navy);color:#fff;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700}.barcode-example code{background:#f0f2f4;padding:2px 7px;border-radius:3px;color:var(--blue);font-size:12px}.example-desc{color:var(--muted)}.scan-result{display:flex;gap:12px;align-items:flex-start;background:#edf7ef;border:1px solid #c9e7d0;border-radius:6px;padding:12px 14px;margin-bottom:10px}.scan-result-icon{background:var(--green);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.scan-result-body{display:grid;gap:4px;flex:1}.scan-result-title{font-weight:700;color:var(--green);font-size:13px;margin-bottom:4px}.scan-result-row{display:flex;gap:10px;font-size:13px}.scan-result-row span{color:var(--muted);min-width:60px}.scan-qty{color:var(--green);font-size:15px}.barcode-history-toggle{margin-bottom:10px}.barcode-table th,.barcode-table td{white-space:nowrap}.th-wrap{display:flex;align-items:center;gap:4px;position:relative;white-space:nowrap}.col-filter-btn{background:none;border:none;color:#ffffff80;padding:0 2px;font-size:10px;cursor:pointer;width:auto;line-height:1;flex-shrink:0}.col-filter-btn:hover{color:#ffffffe6}.col-filter-btn.on{color:gold}.col-filter-drop{position:absolute;top:calc(100% + 4px);left:0;z-index:200;background:white;border:1px solid var(--line);border-radius:4px;box-shadow:0 6px 20px #00000026;min-width:150px;padding:8px;color:var(--ink);font-weight:400}.col-filter-drop label{display:flex;align-items:center;gap:8px;padding:5px 4px;cursor:pointer;border-radius:3px;font-size:13px;font-weight:400;color:var(--ink);white-space:nowrap}.col-filter-drop label:hover{background:#f0f4ff}.col-filter-drop input[type=checkbox]{width:auto;padding:0;border:none;accent-color:var(--navy)}.col-filter-all{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:6px!important;font-weight:700!important}.member-sub-header{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:#f5f7fa;border:1px solid var(--line);border-radius:4px;margin-bottom:8px}.member-sub-header.sub-pending{background:#fffbea;color:var(--amber);border-color:#f0d8a0}.member-sub-header.sub-active{background:#eaf2ec;color:var(--green);border-color:#bddfc5}.member-sub-header.sub-rejected{background:#fff1f1;color:var(--red);border-color:#f0c6c6}.badge-amber{background:#e8c870!important;color:#8a5000!important}.badge-green{background:#b6d9bf!important;color:var(--green)!important}.badge-red{background:#f5c6c6!important;color:var(--red)!important}.member-layout{display:block}.member-layout.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.member-list-wrap{overflow-x:auto;min-width:0}.member-table th,.member-table td{white-space:nowrap}.member-table tbody tr{cursor:pointer}.member-table tbody tr:hover td{background:#f5f7ff}.member-table tbody tr.row-selected td{background:#e4ecff;border-bottom-color:#b8ccf8}.member-table tbody tr.row-selected td:first-child{border-left:3px solid var(--blue)}.group-header-row td{background:#f0f2f5;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.4px;padding:6px 12px;border-bottom:1px solid var(--line);text-transform:uppercase}.group-header-active td{background:#eaf2ec;color:var(--green)}.row-pending-in-all td{background:#fffbea}.row-pending-in-all:hover td{background:#fff5cc}.member-edit-card{position:sticky;top:12px;border-color:#b8ccf8!important}.member-edit-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--navy);color:#fff}.member-edit-who{display:flex;align-items:center;gap:8px;font-size:13px}.member-edit-who strong{color:#fff;font-size:14px}.member-edit-who .text-muted{color:#ffffff8c;font-size:12px}.member-edit-close{background:none;border:none;color:#fff9;font-size:18px;cursor:pointer;padding:2px 6px;width:auto;border-radius:3px;line-height:1}.member-edit-close:hover{background:rgba(255,255,255,.12);color:#fff}.member-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.member-edit-form .full-row{grid-column:1 / -1}.member-edit-actions{grid-column:1 / -1;display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--line);margin-top:4px}.member-edit-actions button{flex:1}.admin-badge-info{grid-column:1 / -1;background:#edf2fb;color:var(--blue);border:1px solid #c2d0ef;border-radius:4px;padding:8px 10px;font-size:12px;text-align:center}.member-form-enter-active,.member-form-leave-active{transition:opacity .2s,transform .2s}.member-form-enter-from,.member-form-leave-to{opacity:0;transform:translate(12px)}.tab-bar{display:flex;gap:6px;margin-bottom:14px}.tab-bar button{padding:8px 16px;border-radius:4px;background:#f0f2f5;color:var(--muted);font-weight:600;font-size:13px;width:auto}.tab-bar button.active{background:var(--navy);color:#fff}.badge-count{display:inline-block;background:#e0e4ea;color:var(--ink);border-radius:999px;padding:0 6px;font-size:11px;margin-left:5px;font-weight:700;min-width:18px;text-align:center}.tab-bar button.active .badge-count{background:rgba(255,255,255,.25);color:#fff}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}.settings-subnav{display:grid;gap:8px;border:1px solid var(--line);border-radius:6px;padding:10px;background:#f7f9fc}.settings-subnav button{display:grid;gap:4px;text-align:left;width:100%;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink);padding:11px 12px}.settings-subnav button strong{font-size:14px}.settings-subnav button span{font-size:11px;color:var(--muted);font-weight:400}.settings-subnav button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.settings-subnav button.active span{color:#ffffffb3}.settings-content{min-width:0;border:1px solid var(--line);border-radius:6px;padding:16px;background:white}.settings-content .member-edit-form{padding:0}.settings-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.settings-section-head h3{margin:0 0 4px}.settings-section-head p{margin:0}.settings-profile-form{grid-template-columns:minmax(360px,720px);align-items:stretch}.settings-profile-form .member-edit-actions{grid-column:1 / -1}.settings-profile-form .member-edit-actions button{white-space:nowrap;min-width:120px}.settings-manager-form{grid-template-columns:minmax(360px,720px)}.line-editor{display:grid;gap:10px}.line-editor input,.line-editor select{min-width:90px}.readonly-price{display:inline-block;min-width:90px;color:var(--navy);text-align:right}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(16,24,40,.45);display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:white;border-radius:6px;padding:18px;display:grid;gap:12px}.receipt-backdrop{z-index:30}.receipt-doc-wrap{width:min(820px,96vw);max-height:92vh;overflow-y:auto;background:white;border-radius:6px;padding:32px 36px;box-shadow:0 18px 50px #10182840;display:flex;flex-direction:column;gap:16px}.receipt-ro-val{flex:1;font-size:12px;color:var(--ink);padding:5px 0;min-height:22px}.receipt-modal{width:min(860px,100%);max-height:92vh;overflow:auto;background:#fffdf8;border:1px solid #d8d0bf;border-radius:4px;padding:24px;box-shadow:0 18px 50px #10182840;display:grid;gap:16px}.receipt-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:3px double var(--navy)}.receipt-head h2{margin:4px 0 0;font-size:24px;letter-spacing:.2em}.receipt-brand{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--navy)}.receipt-meta{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d8d0bf}.receipt-meta div{display:grid;gap:4px;padding:10px;border-right:1px solid #d8d0bf}.receipt-meta div:last-child{border-right:0}.receipt-meta span{font-size:11px;color:var(--muted)}.receipt-meta strong{font-size:13px}.receipt-fields{display:grid;gap:10px}.receipt-readonly{min-height:38px;border:1px solid #ded8ca;background:#f8f5ed;padding:9px 10px;font-weight:400}.receipt-note{min-height:70px;white-space:pre-wrap}.receipt-total{display:flex;justify-content:flex-end;align-items:baseline;gap:20px;padding:14px 0;border-top:2px solid var(--navy);border-bottom:1px solid #d8d0bf}.receipt-total span{color:var(--muted);font-size:14px}.receipt-total strong{color:var(--navy);font-size:24px}.receipt-lock-note{margin:0;color:var(--muted);font-size:12px;text-align:right}.dealer-shell{height:100vh;overflow:hidden;display:flex;flex-direction:column;background:#f5f6f8}.dealer-nav{position:sticky;top:0;z-index:100;background:var(--navy);height:54px;flex-shrink:0;box-shadow:0 2px 10px #00000038}.dealer-nav-inner{max-width:1440px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:0}.dealer-nav-brand{display:flex;align-items:center;gap:14px}.nav-logo{font-size:14px;font-weight:800;letter-spacing:.16em;color:#fff}.nav-divider{width:1px;height:16px;background:rgba(255,255,255,.25)}.nav-title{font-size:12px;color:#ffffffa6;font-weight:500;letter-spacing:.02em}.dealer-nav-center{flex:1;display:flex;justify-content:center}.nav-company-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:13px;font-weight:600;padding:4px 16px;border-radius:20px;letter-spacing:.02em}.dealer-nav-right{display:flex;align-items:center;gap:16px}.nav-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.nav-user-name{font-size:13px;color:#fff;font-weight:600}.nav-user-role{font-size:10px;color:#ffffff80;letter-spacing:.04em}.nav-logout-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ffffffd9;font-size:12px;padding:5px 14px;border-radius:4px;cursor:pointer;min-height:unset;transition:background .15s}.nav-logout-btn:hover{background:rgba(255,255,255,.2)}.nav-settings-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ffffffd9;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;min-height:unset;transition:background .15s}.nav-settings-btn:hover,.nav-settings-btn.active{background:rgba(255,255,255,.25);color:#fff}.dealer-settings-wrap{padding:20px 24px;overflow-y:auto;height:100%}.dealer-body{flex:1;min-height:0;overflow:hidden;max-width:1440px;width:100%;margin:0 auto;padding:16px 12px}.dealer-statusbar{position:sticky;bottom:0;background:white;border-top:1px solid var(--line);height:46px;flex-shrink:0;box-shadow:0 -2px 8px #0000000f}.dealer-statusbar-inner{max-width:1440px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:0}.dstat-item{display:flex;align-items:center;gap:7px;padding:0 20px}.dstat-item:first-child{padding-left:0}.dstat-lbl{font-size:11px;color:var(--muted)}.dstat-item strong{font-size:13px;font-weight:700;color:var(--navy)}.dstat-sep{width:1px;height:14px;background:var(--line)}.dstat-spacer{flex:1}.dstat-company{font-size:11px;color:var(--muted)}.dealer-layout{display:grid;grid-template-columns:210px 1fr 380px;gap:14px;align-items:stretch;height:100%;overflow:hidden}.dealer-col-left{display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0}.dealer-col-right{overflow-y:auto;min-height:0;max-height:none}.summary-cards-col{grid-template-columns:1fr!important}.dealer-cal{background:white;border:1px solid var(--line);border-radius:6px;padding:14px}.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cal-title{font-size:13px;font-weight:700;color:var(--navy)}.cal-nav{background:none;border:none;border-radius:3px;padding:1px 7px;font-size:14px;color:var(--muted);cursor:pointer;width:auto}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;row-gap:2px}.cal-dn{font-size:10px;color:var(--muted);font-weight:700;padding:3px 0 4px;border-bottom:1px solid var(--line);margin-bottom:2px}.cal-dn.sun{color:var(--red)}.cal-dn.sat{color:var(--blue)}.cal-cell{font-size:11px;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;width:26px;height:26px;margin:auto;border-radius:50%;flex-shrink:0;box-sizing:border-box}.cal-cell.today{background:var(--navy);color:#fff;font-weight:700}.cal-cell.has-order{color:var(--blue);font-weight:700}.cal-cell.cal-clickable{cursor:pointer}.cal-cell.cal-selected{background:var(--blue);color:#fff!important}.cal-cell.sun{color:var(--red)}.cal-cell.sat{color:var(--blue)}.cal-cell.today{color:#fff!important}.cal-cell.empty{visibility:hidden}.cal-cell.cal-selected .cal-dot{background:white}.cal-dot{width:4px;height:4px;background:var(--blue);border-radius:50%;display:block;margin-top:1px}.cal-legend{margin-top:7px;font-size:10px;color:var(--muted)}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sum-card{background:white;border:1px solid var(--line);border-radius:6px;padding:12px;text-align:center}.sum-lbl{font-size:11px;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.sum-val{font-size:20px;font-weight:700;color:var(--navy)}.sum-val.green{color:var(--green)}.sum-val.orange{color:var(--amber)}.order-card-list{display:flex;flex-direction:column;gap:10px}.order-card{border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;transition:background .15s}.order-card:hover{background:#f8f9fb}.order-card-head{display:flex;justify-content:space-between;align-items:center}.order-card-body{font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-card-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px}.order-card-date{color:var(--muted)}.order-card-amount{font-weight:700;color:var(--navy)}.order-card-actions{padding-top:8px;border-top:1px solid #eee}.order-card-delivered{border-top:1px solid #c8edd9;background:#f0faf5;border-radius:0 0 4px 4px;margin:0 -10px -10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.delivered-check{font-size:11px;font-weight:700;color:#1a6b3c}.delivered-who{font-size:11px;color:#444}.delivered-when{font-size:10px;color:var(--muted)}.recv-done{display:flex;flex-direction:column;gap:2px}.recv-info{font-size:11px;color:#444;margin-top:3px}.recv-when{font-size:10px;color:var(--muted)}.deliver-btn{width:100%;padding:6px 0;background:#1a6b3c;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;min-height:unset;letter-spacing:.05em;transition:background .15s}.deliver-btn:hover{background:#155c32}.dist-order-doc{max-width:860px;height:auto!important;overflow-y:visible!important}.order-doc{background:white;border:1px solid #d8d8d8;border-radius:6px;padding:28px 32px;display:flex;flex-direction:column;gap:16px;font-size:13px;height:100%;overflow-y:auto;min-height:0}.odoc-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:2px solid var(--navy)}.odoc-title{font-size:28px;font-weight:800;letter-spacing:.22em;color:var(--navy);margin:0 0 6px;line-height:1}.odoc-meta{display:flex;gap:6px;font-size:12px;color:var(--muted)}.odoc-meta em{color:var(--ink);font-style:normal}.odoc-logo{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.odoc-logo span{font-size:14px;font-weight:800;letter-spacing:.14em;color:var(--navy)}.odoc-logo small{font-size:10px;color:#aaa}.odoc-parties{display:grid;grid-template-columns:1fr 1fr;gap:12px}.odoc-party{border:1px solid #d0d0d0;border-radius:4px;overflow:hidden}.odoc-party-title{background:#f4f5f7;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--navy);border-bottom:1px solid #d0d0d0}.odoc-info-table{width:100%;border-collapse:collapse}.odoc-info-table tr td{padding:5px 10px;font-size:12px;border-bottom:1px solid #ececec;vertical-align:middle}.odoc-info-table tr:last-child td{border-bottom:none}.odoc-info-table tr td:first-child{color:var(--muted);width:70px;white-space:nowrap}.odoc-greeting{font-size:12px;color:var(--muted);margin:0;padding:2px 0}.odoc-items{width:100%;border-collapse:collapse;font-size:12px}.odoc-items thead tr{background:var(--navy);color:#fff}.odoc-items thead th{padding:7px 8px;font-weight:600;text-align:center;border:1px solid #3a4a6b}.odoc-items tbody td{padding:5px 8px;border:1px solid #ddd;vertical-align:middle}.odoc-items tbody tr:nth-child(2n){background:#fafafa}.odoc-no{text-align:center;color:var(--muted);width:32px}.odoc-center{text-align:center}.odoc-right{text-align:right}.odoc-empty{text-align:center;color:var(--muted);padding:16px!important}.odoc-select{width:100%;border:none;background:transparent;font-size:12px;color:var(--ink);cursor:pointer;padding:0;min-height:unset}.odoc-qty{width:52px;text-align:center;border:1px solid #ccc;border-radius:3px;padding:2px 4px;font-size:12px;min-height:unset}.odoc-del-btn{background:none;border:none;color:#ccc;font-size:16px;cursor:pointer;padding:0 4px;min-height:unset;line-height:1}.odoc-del-btn:hover{color:var(--red)}.odoc-add-btn{background:none;border:1px dashed #ccc;border-radius:4px;color:var(--muted);font-size:12px;padding:5px 14px;cursor:pointer;width:100%;min-height:unset;transition:all .15s}.odoc-add-btn:hover{border-color:var(--blue);color:var(--blue);background:#f0f6ff}.odoc-summary{display:flex;border:1px solid #d0d0d0;border-radius:4px;overflow:hidden}.odoc-sum-cell{flex:1;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-right:1px solid #d0d0d0;font-size:12px;gap:8px}.odoc-sum-cell:last-child{border-right:none}.odoc-sum-cell span{color:var(--muted)}.odoc-sum-cell strong{font-weight:700;color:var(--ink)}.odoc-sum-total{background:var(--navy)}.odoc-sum-total span{color:#ffffffb3}.odoc-sum-total strong{color:#fff;font-size:14px}.odoc-conditions{border:1px solid #d0d0d0;border-radius:4px;overflow:hidden}.odoc-conditions-title{background:#f4f5f7;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--navy);border-bottom:1px solid #d0d0d0}.odoc-conditions-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.odoc-cond-row{display:flex;align-items:flex-start;gap:12px;font-size:12px}.odoc-cond-row span{color:var(--muted);white-space:nowrap;padding-top:6px;width:60px}.odoc-cond-row input,.odoc-cond-row textarea{flex:1;font-size:12px;min-height:unset;padding:5px 8px}.odoc-cond-row textarea{resize:vertical}.order-paper{background:white;border:1px solid var(--line);border-radius:6px;padding:20px;margin-bottom:16px;display:grid;gap:14px}.paper-title{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--navy);padding-bottom:12px}.paper-title h2{margin:0;font-size:22px;letter-spacing:.18em}.paper-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.paper-total{display:flex;justify-content:flex-end;gap:16px;align-items:baseline;padding-top:4px}.paper-total span{color:var(--muted);font-size:14px}.paper-total strong{font-size:22px;color:var(--navy)}button,a,input,select,textarea{touch-action:manipulation}.hamburger{display:none}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);z-index:500}.drawer{position:absolute;left:0;top:0;bottom:0;width:280px;background:var(--navy);display:flex;flex-direction:column;box-shadow:4px 0 24px #0000004d}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.drawer-brand{font-size:18px;font-weight:900;color:#fff;letter-spacing:3px;margin-bottom:6px}.drawer-user-info{font-size:12px;color:#ffffffa6;display:flex;align-items:center;gap:7px}.drawer-role{background:rgba(78,142,247,.3);color:#7eb8ff;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:700}.drawer-close{background:none;border:none;color:#ffffff80;font-size:20px;cursor:pointer;width:auto;padding:4px;line-height:1}.drawer-nav{display:flex;flex-direction:column;flex:1;padding:12px 8px;gap:4px;overflow-y:auto}.drawer-item{display:flex;align-items:center;padding:13px 16px;border-radius:6px;font-size:15px;color:#ffffffa6;text-decoration:none;font-weight:500}.drawer-item:hover{background:rgba(255,255,255,.08);color:#ffffffe6}.drawer-item.on{background:rgba(78,142,247,.2);color:#fff;font-weight:700}.drawer-logout-btn{margin:12px;padding:13px;background:rgba(255,255,255,.1);border-radius:6px;color:#fff9;font-size:14px;cursor:pointer;width:auto}.fade-enter-active,.fade-leave-active{transition:opacity .22s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .25s ease}.slide-enter-from,.slide-leave-to{transform:translate(-100%)}@media (max-width: 1100px){.nav-bar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 4px}.nav-bar::-webkit-scrollbar{display:none}.nav-item{padding:0 14px;height:44px;font-size:13px;flex-shrink:0}.brand-bar{padding:7px 16px}.brand-sub{display:none}.workspace{padding:16px}.primary,.secondary,.ghost{min-height:44px}td button,.btn-danger{min-height:38px;padding:6px 12px}.tab-bar button{min-height:42px}.cal-nav{min-height:38px;min-width:38px}input,select{min-height:44px;font-size:15px}textarea{font-size:15px}.panel{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:480px}.kpi-grid,.summary-cards,.cal-grid{min-width:unset}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-grid-col{grid-template-columns:repeat(2,1fr)!important}.kpi strong{font-size:22px}.dashboard-top{grid-template-columns:200px 1fr;gap:12px}.grid-2{grid-template-columns:1fr 1fr;gap:12px}.paper-grid{grid-template-columns:1fr 1fr}.compact-form{grid-template-columns:1fr 1fr;row-gap:8px}.member-layout.split{grid-template-columns:1fr}.member-edit-panel{position:static}.member-edit-form{grid-template-columns:repeat(2,1fr)}.dealer-layout{grid-template-columns:200px 1fr;height:auto}.dealer-col-right{grid-column:1 / -1;overflow-y:auto;max-height:60vh}}@media (max-width: 900px){.dashboard-top{grid-template-columns:1fr}.dealer-layout{grid-template-columns:1fr;height:auto}.dealer-col-left{overflow-y:visible}.dealer-col-right{max-height:60vh}.grid-2,.compact-form{grid-template-columns:1fr}.status-summary,.filter-grid{grid-template-columns:repeat(2,1fr)}.smart-filter-bar{gap:6px}.filter-val-select{width:120px}.sales-layout{grid-template-columns:1fr;height:auto}.sales-summary-panel,.sales-detail-panel{overflow:visible}.summary-table-wrap,.detail-table-wrap{overflow-y:visible;max-height:360px;overflow-y:auto}.settings-layout{grid-template-columns:1fr}.settings-subnav{grid-template-columns:repeat(3,1fr)}.settings-profile-form,.settings-manager-form{grid-template-columns:1fr}.settings-profile-form .member-edit-actions{grid-column:1 / -1}}@media (max-width: 767px){.hamburger{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fffc;font-size:22px;cursor:pointer;width:40px;height:40px;border-radius:6px;flex-shrink:0;padding:0}.hamburger:hover{background:rgba(255,255,255,.1)}.nav-bar{display:none}.brand-bar{padding:8px 12px}.brand-sub,.brand-divider{display:none}.brand-name{font-size:14px;letter-spacing:2px}.role-tag,.user-name{display:none}.workspace{padding:12px}.page-title{font-size:16px;margin-bottom:12px}.primary,.secondary,.ghost{min-height:48px;font-size:15px}td button,.btn-danger{min-height:40px}input,select{min-height:48px;font-size:16px}textarea{font-size:16px}.panel{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:520px}.kpi-grid,.summary-cards,.cal-grid,.tab-bar{min-width:unset}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.kpi-grid-col{grid-template-columns:repeat(2,1fr)!important}.kpi{padding:12px}.kpi strong{font-size:20px}.kpi small{font-size:11px}.grid-2,.dashboard-top,.dealer-layout{grid-template-columns:1fr}.paper-grid{grid-template-columns:1fr 1fr}.two-col,.compact-form,.register-columns{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(3,1fr)}.status-summary{grid-template-columns:1fr 1fr}.filter-grid{grid-template-columns:1fr}.smart-filter-bar{gap:6px}.filter-val-select{width:100%}.sales-layout{grid-template-columns:1fr;height:auto}.sales-summary-panel,.sales-detail-panel{overflow:visible}.summary-table-wrap,.detail-table-wrap{max-height:300px;overflow-y:auto}.page-section-head{flex-direction:column}.inline-input{width:100%;min-width:120px}.modal-backdrop{padding:0;align-items:flex-end}.modal{width:100%;max-height:85vh;border-radius:12px 12px 0 0}.member-layout.split{grid-template-columns:1fr}.member-edit-form{grid-template-columns:1fr;padding:12px}.dealer-body{padding:12px}.paper-title h2{font-size:18px;letter-spacing:.1em}.auth-card{padding:20px 16px;border-radius:8px}.auth-brand strong{font-size:24px}.tab-bar button{min-height:44px;font-size:14px}.settings-subnav{grid-template-columns:1fr}.settings-section-head{align-items:stretch;flex-direction:column}.settings-section-head .primary{width:100%}.settings-profile-form,.settings-manager-form{grid-template-columns:1fr}.settings-profile-form .member-edit-actions{grid-column:1 / -1}.barcode-input-row{flex-direction:column}.barcode-example{flex-direction:column;align-items:flex-start;gap:4px}.cal-nav{min-height:40px;min-width:40px}}