:root{--bg: #f5f6f8;--panel: #ffffff;--ink: #1f2733;--muted: #6b7280;--line: #e5e7eb;--brand: #b91c1c;--brand-soft: #fdecec;--accent: #1d4ed8;--ok: #15803d;--warn: #b45309;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:row}.app.mobile-mode{flex-direction:column;background:#f7f8fa}.app.mobile-mode .mobile-module-view{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.mobile-module-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(90deg,#f97316 0%,#fb923c 100%);color:#fff;box-shadow:0 2px 8px #f9731640;flex-shrink:0}.mobile-module-back{display:flex;align-items:center;gap:4px;border:none;background:rgba(255,255,255,.2);color:#fff;padding:6px 10px;border-radius:8px;font-size:14px;cursor:pointer}.mobile-module-title{flex:1;text-align:center;font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-module-body{flex:1;overflow:auto;padding:12px;background:var(--bg);-webkit-overflow-scrolling:touch}.mobile-module-body .content{padding:10px;max-width:none}.mobile-module-body .grid2{grid-template-columns:1fr;gap:12px}.mobile-module-body .card{border-radius:10px;margin-bottom:10px}.mobile-module-body .card .hd{padding:10px 12px;font-size:14px;flex-wrap:wrap;gap:6px}.mobile-module-body .card .bd{padding:10px 12px}.mobile-module-body table{display:block;overflow-x:auto;white-space:nowrap;max-width:100%;-webkit-overflow-scrolling:touch}.mobile-module-body th,.mobile-module-body td{padding:7px 8px;font-size:12px}.mobile-module-body input,.mobile-module-body select{font-size:14px;padding:8px 10px}.mobile-module-body label.field{margin-bottom:8px;font-size:12px}.mobile-module-body button.btn{padding:8px 14px;font-size:13px}.mobile-module-body button.btn.sm{padding:5px 10px;font-size:12px}.mobile-module-body .row{flex-direction:column;gap:8px}.mobile-module-body .row>*{min-width:0;width:100%}.mobile-module-body .chips{gap:4px}.mobile-module-body .chip{font-size:11px;padding:3px 8px}.mobile-module-body .order-item{padding:10px 12px}.mobile-module-body .order-item .no{font-size:14px}.mobile-module-body .order-item .meta{font-size:11px}.mobile-module-body .modal-overlay,.mobile-module-body .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.mobile-module-body .modal-card,.mobile-module-body .modal{max-width:95vw;max-height:85vh;overflow:auto}.mobile-module-body .msg{font-size:12px;padding:8px 10px}.mobile-module-body .empty{padding:16px;text-align:center;font-size:13px;color:var(--muted)}.mobile-module-body .no-print{display:none!important}.mobile-module-body .print-area{transform:none;overflow:auto}.mobile-module-body .system-panel{flex-direction:column}.mobile-module-body .sys-sidebar{width:100%;min-width:0;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line);padding:6px 0;-webkit-overflow-scrolling:touch}.mobile-module-body .sys-sidebar-title{display:none}.mobile-module-body .sys-nav-item{flex-shrink:0;padding:8px 12px;font-size:13px;width:auto;white-space:nowrap;border-radius:8px;margin:0 2px}.mobile-module-body .sys-nav-item.active{border-right:none;border-bottom:none;background:var(--brand-soft)}.mobile-module-body .sys-content{padding:12px}.mobile-module-body .sys-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mobile-module-body .sys-form-row{flex-direction:column;gap:6px}.mobile-module-body .sys-form-row>*{min-width:0;width:100%}.mobile-module-body .sys-form-actions{flex-wrap:wrap;gap:8px}.mobile-module-body .sys-perm-grid{grid-template-columns:repeat(2,1fr);gap:6px}.mobile-module-body .sys-data-item{flex-direction:column;align-items:flex-start;gap:6px}.mobile-module-body .sys-data-actions{flex-wrap:wrap}.mobile-module-body .sys-pagination{flex-wrap:wrap;gap:4px}.mobile-module-body .modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:10px}.mobile-module-body .modal{max-width:100%!important;width:100%!important;max-height:90vh;overflow:auto;border-radius:12px}.mobile-module-body .modal .modal-hd{padding:10px 12px;font-size:14px;flex-wrap:wrap}.mobile-module-body .modal .modal-bd{padding:10px 12px;max-height:none!important}.mobile-module-body .modal .modal-ft{padding:8px 12px;display:flex;gap:8px;justify-content:flex-end}.mobile-module-body .modal-bd>div[style*="display: flex"][style*="gap: 24"]{flex-direction:column;gap:8px!important}.mobile-module-body .modal-bd>div[style*="display: flex"][style*="gap: 24"]>div{width:100%}.mobile-module-body .matrix-table{display:block;overflow-x:auto;white-space:nowrap;max-width:100%;-webkit-overflow-scrolling:touch}.mobile-module-body .modal-bd>div[style*="border: 2px dashed"]{padding:18px 12px!important}.mobile-module-body .modal-bd>div>div[style*="display: flex"][style*="align-items: center"][style*="gap: 10"]{flex-wrap:wrap;gap:6px!important;padding:8px 10px!important}.mobile-module-body .modal-bd>div>div[style*="display: flex"][style*="align-items: center"][style*="gap: 10"]>a,.mobile-module-body .modal-bd>div>div[style*="display: flex"][style*="align-items: center"][style*="gap: 10"]>button{font-size:12px!important;padding:4px 8px!important}.mobile-module-body .modal-bd>div[style*="display: flex"][style*="gap: 10"][style*="flexWrap: wrap"]{gap:6px!important}.mobile-module-body .modal-bd img[style*="width: 120"]{width:90px!important;height:90px!important}.sidebar{width:110px;min-width:110px;background:linear-gradient(180deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08)}.sidebar-logo{padding:18px 10px 12px;text-align:center;font-size:15px;font-weight:800;color:#fff;letter-spacing:2px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06);line-height:1.3}.sidebar-tabs{flex:1;display:flex;flex-direction:column;padding:8px 6px;gap:2px;overflow-y:auto}.sidebar-tab{border:none;background:transparent;cursor:pointer;padding:11px 8px;font-size:13px;color:#ffffff8c;font-weight:500;border-radius:8px;text-align:center;line-height:1.35;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-tab:hover{background:rgba(255,255,255,.08);color:#ffffffd9}.sidebar-tab.active{background:var(--brand);color:#fff;font-weight:700;box-shadow:0 2px 8px #1a56a866}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:16px;padding:14px 22px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.logo{font-weight:800;font-size:18px;color:var(--brand);letter-spacing:1px}.logo small{color:var(--muted);font-weight:500;font-size:12px;margin-left:8px;letter-spacing:0}.topbar .spacer{flex:1}.tag{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:3px 10px;border-radius:999px}.mobile-mode-switch{border:1px solid var(--line);background:var(--panel);color:var(--accent);padding:5px 12px;border-radius:8px;font-size:12px;cursor:pointer;font-weight:600;transition:.15s;white-space:nowrap}.mobile-mode-switch:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.content{flex:1;padding:22px;max-width:1400px;width:100%;margin:0 auto}.grid2{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}@media (max-width: 860px){.grid2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.card .hd{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:700;display:flex;align-items:center;gap:8px}.card .bd{padding:16px}.list{display:flex;flex-direction:column;gap:8px}.order-item{padding:12px 14px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:.15s}.order-item:hover{border-color:var(--brand)}.order-item.sel{border-color:var(--brand);background:var(--brand-soft)}.order-item .no{font-weight:700}.order-item .meta{font-size:12px;color:var(--muted);margin-top:4px}label.field{display:block;margin-bottom:12px;font-size:13px;color:var(--muted)}input,select{width:100%;padding:9px 10px;margin-top:5px;border:1px solid var(--line);border-radius:8px;font-size:14px;color:var(--ink);background:#fff}input:focus,select:focus{outline:none;border-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--muted)}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.chip.perm-blue{border-color:#1a56a8;color:#1a56a8;background:#f0f5ff}.chip.perm-blue.on{background:#1a56a8;border-color:#1a56a8;color:#fff}.chip.perm-blue:hover:not(.on){background:#e0ebff}.pos-row{padding:12px 0;border-bottom:1px solid var(--line)}.pos-row:last-child{border-bottom:none}.pos-row-head{display:flex;justify-content:space-between;align-items:center}.pos-name{font-size:15px}.pos-row-actions{display:flex;gap:6px;align-items:center}.pos-perm-panel{margin-top:10px;padding:10px 12px;background:#fafbfc;border-radius:8px;border:1px solid var(--line)}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:120px}button.btn{border:none;cursor:pointer;padding:10px 16px;border-radius:8px;background:var(--brand);color:#fff;font-weight:700;font-size:14px}button.btn:hover{filter:brightness(1.05)}button.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}button.btn.sm{padding:6px 12px;font-size:13px}button.btn.xs{padding:3px 8px;font-size:12px;border-radius:6px}button.btn:disabled{opacity:.5;cursor:not-allowed}.proc-check-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.proc-check{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff;color:var(--ink);transition:all .15s}.proc-check:hover{border-color:var(--brand)}.proc-check.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.proc-check input{width:auto;margin:0;accent-color:var(--brand)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;background:#fafafa}tr:hover td{background:#fcfcfd}.msg{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:12px}.msg.ok{background:#ecfdf3;color:var(--ok);border:1px solid #abefc6}.msg.err{background:#fef3f2;color:var(--brand);border:1px solid #fecdca}.stat-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}.stat{flex:1;min-width:150px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.stat .n{font-size:26px;font-weight:800}.stat .l{color:var(--muted);font-size:13px;margin-top:4px}.progress{height:8px;background:var(--line);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--ok)}.phone{max-width:380px;margin:0 auto;background:#0f172a;border-radius:28px;padding:14px;box-shadow:0 10px 30px #0f172a40}.phone .screen{background:#fff;border-radius:18px;padding:16px;min-height:520px}.phone .ph-hd{font-weight:800;color:var(--brand);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.scan-box{border:2px dashed var(--line);border-radius:12px;padding:14px;text-align:center;color:var(--muted);font-size:13px}.ticket-info{border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:12px}.ticket-info .big{font-size:18px;font-weight:800}.scan-records{margin-top:18px}.rework{color:var(--warn);font-weight:700}.done{color:var(--ok);font-weight:700}.empty{color:var(--muted);text-align:center;padding:30px;font-size:14px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:14px;width:100%;max-width:520px;box-shadow:0 20px 50px #0f172a4d;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-hd{padding:16px 18px;font-weight:800;border-bottom:1px solid var(--line)}.modal-bd{padding:18px;overflow:auto}.modal-ft{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.badge{display:inline-block;font-size:12px;padding:2px 9px;border-radius:999px;font-weight:700}.badge.ok{background:#ecfdf3;color:var(--ok);border:1px solid #abefc6}.badge.bad{background:#fef3f2;color:var(--brand);border:1px solid #fecdca}.badge.muted{background:#f3f4f6;color:var(--muted);border:1px solid var(--line)}.badge.info{background:#eff6ff;color:var(--accent);border:1px solid #bfdbfe}.badge.warn{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.matrix-table{width:100%;border-collapse:collapse;font-size:13px}.matrix-table th,.matrix-table td{padding:5px 4px;border:1px solid var(--line);text-align:center}.mat-th{background:#f8fafc;color:var(--muted);font-weight:600;font-size:12px}.mat-td{vertical-align:middle}.mat-color{text-align:left;min-width:72px;width:80px}.mat-total{min-width:40px;width:48px;font-weight:700}.mat-act{width:32px}.matrix-table tfoot td{background:#fafafa;border-top:2px solid var(--line)}.m-app{max-width:430px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px #0f172a2e;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 180px);min-height:560px}@media (max-width: 640px){.m-app{max-width:100%;border:none;border-radius:0;height:calc(100vh - 130px);box-shadow:none}}.m-top{background:var(--brand);color:#fff;padding:12px 14px}.m-top-hd{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:15px}.m-sync{font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px}.m-sync.ok{background:rgba(255,255,255,.22)}.m-sync.pending{background:#fde68a;color:#92400e}.m-worker{margin-top:8px;font-size:13px;opacity:.95;cursor:pointer}.m-worker b{text-decoration:underline}.m-msg{padding:9px 14px;font-size:13px;font-weight:600}.m-body{flex:1;overflow:auto;padding:14px}.m-scanbox{border:2px dashed var(--line);border-radius:14px;padding:16px;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center}.m-scanhint{color:var(--muted);font-size:13px}.m-btn{width:100%;border:none;cursor:pointer;padding:12px;border-radius:10px;background:var(--brand);color:#fff;font-weight:700;font-size:15px;margin-top:10px}.m-btn.primary{background:var(--brand)}.m-btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.m-btn.lg{font-size:17px;padding:14px;margin-top:14px}.m-btn.sm{width:auto;padding:6px 12px;font-size:13px;margin:0}.m-btn:disabled{opacity:.5;cursor:not-allowed}.m-divider{text-align:center;color:var(--muted);font-size:12px;margin:14px 0 4px}.m-input{width:100%;padding:10px;margin-top:6px;border:1px solid var(--line);border-radius:9px;font-size:14px}.m-ticket{border:1px solid var(--line);border-radius:12px;padding:14px}.m-ticket-hd{display:flex;justify-content:space-between;align-items:center}.m-style{font-size:17px;font-weight:800}.m-x{border:none;background:#f3f4f6;border-radius:8px;width:28px;height:28px;cursor:pointer;color:var(--muted)}.m-cust{color:var(--muted);font-size:12px;margin:4px 0 12px}.m-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.m-rows>div{display:flex;flex-direction:column}.m-rows span{font-size:11px;color:var(--muted)}.m-rows b{font-size:15px}.m-field{display:block;margin-top:12px;font-size:13px;color:var(--muted)}.m-field select{margin-top:5px}.m-proc-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:5px}.m-proc{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:7px 8px;background:#fff;color:var(--ink);position:relative}.m-proc input{width:auto;margin:0;accent-color:var(--brand)}.m-proc.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.m-proc.done:not(.on){border-style:dashed}.m-proc em{position:absolute;right:5px;top:2px;font-size:9px;font-style:normal;color:var(--ok);background:#ecfdf3;border-radius:4px;padding:0 4px}.m-proc.on em{color:#fff;background:rgba(255,255,255,.25)}.m-scan-note{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.6}.m-rec-badge{display:inline-block;font-size:10px;font-weight:700;margin-left:6px;padding:1px 6px;border-radius:999px}.m-rec-badge.ok{background:#ecfdf3;color:var(--ok);border:1px solid #abefc6}.m-rec-badge.warn{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.m-chips{display:flex;gap:10px;margin-top:12px}.m-chip{flex:1;text-align:center;padding:11px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:700;color:var(--muted);font-size:14px}.m-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.m-stat-row{display:flex;gap:10px;margin-bottom:12px}.m-stat{flex:1;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.m-stat .n{font-size:22px;font-weight:800}.m-stat .l{font-size:11px;color:var(--muted);margin-top:2px}.m-card{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px}.m-card-hd{font-weight:700;font-size:14px;margin-bottom:10px;display:flex;align-items:center}.m-sync-line{display:flex;justify-content:space-between;font-size:13px;color:var(--ink)}.m-host{font-size:13px;line-height:1.9}.m-host code{background:#f3f4f6;padding:2px 6px;border-radius:6px;font-size:12px}.m-muted{color:var(--muted);font-size:12px}.m-rec{padding:8px 0;border-bottom:1px solid var(--line)}.m-rec:last-child{border-bottom:none}.m-rec-l{font-size:14px}.m-rec-r{font-size:12px;font-weight:700;margin-left:6px}.m-rec-r.done{color:var(--ok)}.m-rec-r.rework{color:var(--warn)}.m-rec-t{font-size:11px;color:var(--muted);margin-top:2px}.m-empty{color:var(--muted);text-align:center;padding:20px;font-size:13px}.m-prog{padding:10px 0;border-bottom:1px solid var(--line)}.m-prog:last-child{border-bottom:none}.m-prog-hd{display:flex;justify-content:space-between;font-size:13px}.m-bar{height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin:6px 0}.m-bar>span{display:block;height:100%;background:var(--ok)}.m-prog-sub{font-size:11px;color:var(--muted)}.m-order{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;border-bottom:1px solid var(--line)}.m-order:last-child{border-bottom:none}.m-header{background:linear-gradient(135deg,#ff6b35 0%,#f7931e 50%,#ff8c42 100%);color:#fff;padding:20px 16px 16px;position:relative}.m-header-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.m-avatar{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;border:2px solid rgba(255,255,255,.5);flex-shrink:0}.m-header-info{flex:1;min-width:0}.m-header-brand{position:absolute;top:10px;right:16px;font-size:13px;font-weight:700;opacity:.9}.m-header-name{font-size:17px;font-weight:800;line-height:1.3}.m-header-pos{font-size:12px;font-weight:500;opacity:.85;margin-left:6px}.m-header-company{font-size:12px;opacity:.75;margin-top:2px}.m-sync-dot{position:absolute;top:12px;right:16px;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5)}.m-sync-dot.pending{background:#ffe066;box-shadow:0 0 6px #ffe066;animation:m-pulse 1.5s infinite}@keyframes m-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.m-search-row{display:flex;gap:8px;align-items:center}.m-search-input{flex:1;padding:10px 12px;border-radius:10px;border:none;background:rgba(255,255,255,.95);color:var(--ink);font-size:14px;outline:none}.m-search-input::placeholder{color:#bbb}.m-btn-outline{padding:9px 14px;border-radius:10px;border:1.5px solid rgba(255,255,255,.7);background:transparent;color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}.m-btn-scan{padding:9px 14px;border-radius:10px;border:none;background:#dc2626;color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0}.m-msg{padding:10px 14px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.m-msg.ok{background:#ecfdf3;color:var(--ok)}.m-msg.warn{background:#fffbeb;color:var(--warn)}.m-msg.err{background:#fef3f2;color:var(--brand)}.m-msg-x{border:none;background:transparent;cursor:pointer;font-size:15px;opacity:.5;padding:0 4px}.m-home{padding-top:4px}.m-section-title{font-size:15px;font-weight:800;color:var(--ink);padding:14px 0 10px}.m-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px}.m-grid-4{grid-template-columns:repeat(4,1fr);gap:10px 6px}.m-grid-item{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:8px 4px;border-radius:10px;transition:background .15s}.m-grid-item:active{background:#f0f0f0}.m-grid-item.sm span{font-size:11px}.m-grid-item span{font-size:13px;color:var(--ink);font-weight:600;white-space:nowrap}.m-grid-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.m-grid-item.sm .m-grid-icon{width:40px;height:40px;border-radius:11px}.m-grid-icon.yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.m-grid-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.m-grid-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.m-grid-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.m-grid-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.m-grid-icon.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.m-grid-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.m-bottom-bar{display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid var(--line);padding:6px 0 8px;flex-shrink:0;z-index:10}.m-btab{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:4px 12px;border-radius:8px;color:#999;font-size:11px;font-weight:600;transition:color .15s}.m-btab svg{stroke:currentColor}.m-btab.on{color:#f97316}.m-btab:active{background:#fef3f2}.m-btab-badge{position:absolute;top:0;right:4px;background:#dc2626;color:#fff;font-size:9px;font-weight:800;min-width:15px;height:15px;line-height:15px;border-radius:8px;text-align:center;padding:0 3px}.m-btab{position:relative}.m-scan-page{padding-top:4px}.m-scan-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0 10px;font-size:17px;font-weight:800;color:var(--ink)}.m-scan-brand{font-size:13px;color:var(--muted);font-weight:600}.m-badge{display:inline-block;margin-left:6px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;vertical-align:middle}.m-msg-card{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;background:#fff;cursor:pointer;transition:background .15s}.m-msg-card.unread{background:#fffbeb;border-left:3px solid #f59e0b}.m-msg-card:active{background:#f5f5f5}.m-msg-card-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.m-msg-type{font-size:13px;font-weight:700}.m-msg-time{font-size:11px;color:var(--muted)}.m-msg-card-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px}.m-msg-card-body{font-size:13px;color:#555;line-height:1.5;white-space:pre-wrap}.m-msg-card-actions{display:flex;gap:8px;margin-top:8px}.m-profile-info{padding:4px 0}.m-profile-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:14px}.m-profile-row:last-child{border-bottom:none}.m-profile-row span{color:var(--muted)}.m-profile-row b{font-weight:600}.m-profile-form label{margin-top:10px}.m-textarea{width:100%;padding:10px;margin-top:6px;border:1px solid var(--line);border-radius:9px;font-size:14px;resize:vertical;font-family:inherit}.m-notice-types{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.m-chip.sm{padding:6px 12px;font-size:12px}.cutting-header-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.cutting-hf{flex:1;min-width:100px}.cutting-hf input{width:100%}.readonly-input{background:#f5f5f5;color:#666;cursor:default}.cutting-matrix-wrap{overflow-x:auto;margin-bottom:10px}.cutting-matrix-table{width:100%;border-collapse:collapse;font-size:13px}.cutting-matrix-table th,.cutting-matrix-table td{border:1px solid var(--line);padding:4px 6px;text-align:center}.cutting-matrix-table th{background:#f8f9fa;font-weight:600}.cutting-matrix-table .mat-select{width:80px;padding:2px 4px;border:1px solid var(--line);border-radius:4px;font-size:13px}.cutting-matrix-table .mat-input-center{width:52px;text-align:center;padding:3px 4px;border:1px solid var(--line);border-radius:4px;font-size:13px}.cutting-matrix-table .mat-input-center:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 2px #1677ff26}.cutting-matrix-table .mat-total{font-weight:700;color:var(--brand);min-width:40px}.cutting-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.cutting-bed-table{width:100%;border-collapse:collapse}.cutting-bed-table th{background:var(--panel);padding:8px 10px;border-bottom:2px solid var(--line);font-size:13px;text-align:left;font-weight:600}.cutting-bed-table td{padding:7px 10px;border-bottom:1px solid #f0f0f0;font-size:13px}.bundle-summary-row{cursor:pointer;transition:background .15s}.bundle-summary-row:hover{background:#f8f9fa}.bundle-summary-row.expanded{background:#eef4ff}.bundle-no-cell{display:flex;align-items:center;gap:6px;font-weight:600}.expand-icon{font-size:11px;color:var(--muted);width:14px;display:inline-block;text-align:center}.bundle-detail-row{background:#fafbfc;font-size:12.5px}.bundle-detail-row td{padding:5px 10px 5px 28px;color:var(--muted);border-bottom:1px dashed #eee}.text-muted{color:var(--muted)}.print-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:center;justify-content:center}.print-preview-modal{background:#fff;border-radius:14px;width:90vw;max-width:960px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040}.print-preview-hd{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);font-weight:700;font-size:15px}.print-preview-tip{padding:8px 20px;background:#fff8e6;color:#7a5b00;border-bottom:1px solid #f0e3bf;font-size:13px}.print-preview-tip b{color:#5a4300}.print-preview-body{overflow-y:auto;padding:16px 20px;flex:1}.print-preview-ft{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.preview-ticket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.preview-ticket-card{border:2px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .15s;background:#fff}.preview-ticket-card.checked{border-color:var(--brand);background:#f0f7ff}.preview-ticket-card.unchecked{opacity:.55}.preview-ticket-card:hover{box-shadow:0 4px 12px #0000001a}.pt-check{padding:6px 10px 0;text-align:right}.pt-check input{transform:scale(1.3);cursor:pointer}.pt-content{padding:4px 8px 8px}.thermal-label{width:50mm;height:80mm;border:1px solid #333;display:flex;flex-direction:column;align-items:center;padding:3mm 2mm;box-sizing:border-box;font-size:9px;line-height:1.35;background:#fff;page-break-inside:avoid}.tl-header-box{width:100%;height:10mm;border:1px dashed #999;margin-bottom:2mm;box-sizing:border-box}.tl-qr{margin-top:2mm}.tl-qr img{width:18mm;height:18mm}.tl-info{width:100%;font-size:8.5px}.tl-style{font-weight:800;font-size:9.5px;text-align:center;margin-bottom:1.5mm}.tl-row{display:flex;justify-content:space-between;padding:.4mm 0}.tl-row b{font-weight:700}.thermal-ticket{width:50mm!important;height:80mm!important;border:1px solid #000!important;padding:3mm 2mm!important;margin:0 0 3mm!important;display:flex!important;flex-direction:column!important;align-items:center!important;page-break-inside:avoid!important;font-size:9px!important;overflow:hidden!important;box-sizing:border-box!important}.tt-header-box{width:100%!important;height:10mm!important;border:1px dashed #999!important;margin-bottom:2mm!important;box-sizing:border-box!important}.tt-qr{margin-top:2mm!important}.tt-qr img{width:18mm!important;height:18mm!important}.tt-info{width:100%!important;font-size:8.5px!important}.tt-style{font-weight:800!important;font-size:9.5px!important;text-align:center!important;margin-bottom:1.5mm!important}.tt-row{padding:.4mm 0!important;font-size:8.5px!important;display:flex!important;justify-content:space-between!important}.tt-row b{font-weight:700!important}.ticket-sheet{display:none}.prod-workbench{padding:0}.prod-stats{display:flex;gap:16px;margin-bottom:18px;flex-wrap:wrap}.prod-stat-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 20px;min-width:130px;text-align:center}.prod-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 8px;color:#fff}.prod-stat-label{font-size:13px;color:var(--muted);margin-bottom:4px}.prod-stat-label-sm{font-size:12px;color:var(--muted);margin-bottom:2px}.prod-stat-n{font-size:32px;font-weight:800;color:var(--ink);line-height:1.2}.prod-stat-sub{font-size:12px;color:var(--muted);margin-top:2px}.prod-filter{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:18px}.prod-filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.prod-filter-row:last-child{margin-bottom:0}.prod-filter-item{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}.prod-filter-item input[type=date]{padding:4px 8px;border:1px solid var(--line);border-radius:6px;font-size:13px}.prod-filter-expand{background:none;border:1px solid var(--line);border-radius:6px;padding:4px 12px;font-size:13px;cursor:pointer;color:var(--muted)}.prod-search{flex:1;min-width:180px;max-width:280px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px}.prod-filter select{padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;min-width:120px}.prod-order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:16px;margin-bottom:18px}.prod-order-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden;cursor:pointer;transition:box-shadow .15s}.prod-order-card:hover{box-shadow:0 4px 12px #00000014}.prod-card-left{width:80px;background:#fafafa;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);flex-shrink:0}.prod-card-img{font-size:36px}.prod-card-body{flex:1;padding:12px 14px;font-size:13px}.prod-card-row{display:flex;gap:16px;margin-bottom:3px;flex-wrap:wrap}.prod-card-row span{white-space:nowrap}.prod-card-progress{display:flex;align-items:center;margin-top:8px;gap:8px;font-size:13px}.prod-pct{font-weight:700;color:#ff6b35}.prod-pagination{display:flex;align-items:center;gap:8px;justify-content:center;padding:16px 0;font-size:13px;color:var(--muted)}.prod-detail-hd{display:flex;gap:24px;padding:10px 14px;background:#f9fafb;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;font-size:14px;flex-wrap:wrap}.prod-detail-hd span{white-space:nowrap}.prod-detail-progress{display:flex;align-items:center;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:14px;font-size:14px}.prod-matrix-table-wrap{overflow-x:auto;margin-bottom:16px;border:1px solid var(--line);border-radius:8px}.prod-matrix-table{width:100%;border-collapse:collapse;font-size:13px}.prod-matrix-table th{background:#f9fafb;padding:8px 12px;border:1px solid var(--line);font-weight:600;text-align:center}.prod-matrix-table td{padding:7px 12px;border:1px solid var(--line);text-align:center}.prod-matrix-color{font-weight:600;background:#fafafa;vertical-align:middle}.prod-matrix-label{font-weight:600;color:var(--muted);text-align:left;padding-left:14px!important}.prod-done-text{color:#1a56a8;font-weight:700}.prod-remain-text{color:#dc2626;font-weight:700}.prod-red-text{color:#dc2626}.prod-blue-text{color:#1a56a8}.prod-tabs{display:flex;gap:0;border-bottom:2px solid var(--line);margin-bottom:14px}.prod-tab{padding:8px 20px;background:none;border:none;font-size:14px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.prod-tab.active{color:#ff6b35;border-bottom-color:#ff6b35;font-weight:700}.prod-tab:hover{color:var(--ink)}.prod-bundle-filter{margin-bottom:12px}.prod-bundle-filter input{padding:7px 14px;border:1px solid var(--line);border-radius:8px;font-size:13px;width:260px}.prod-bundle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.prod-bundle-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;font-size:13px}.prod-bundle-hd{display:flex;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.prod-bundle-info{display:flex;gap:16px;margin-bottom:5px;flex-wrap:wrap}.prod-bundle-progress{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px}.prod-scan-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:12px}.prod-scan-table th{background:#f9fafb;padding:5px 8px;border:1px solid var(--line);font-weight:600;text-align:center}.prod-scan-table td{padding:4px 8px;border:1px solid var(--line);text-align:center}.prod-modal-info{font-size:13px;margin-bottom:8px;color:var(--muted)}.modal-sm{width:400px}.modal-close{float:right;background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);line-height:1;padding:0 4px}@media (max-width: 768px){.prod-stats{gap:10px}.prod-stat-card{min-width:100px;padding:12px}.prod-stat-n{font-size:24px}.prod-order-grid,.prod-bundle-grid{grid-template-columns:1fr}.prod-filter-row{flex-direction:column;align-items:stretch}.prod-search{max-width:none}}.modal-lg{max-width:920px;width:95%}.ord-detail-body{max-height:78vh;overflow-y:auto;padding-right:4px}.ord-img-preview{position:relative;display:inline-block}.ord-img-rm{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#ff4757;color:#fff;font-size:11px;border:none;cursor:pointer;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.ord-img-add{width:82px;height:82px;border:2px dashed var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s}.ord-img-add:hover{border-color:var(--brand)}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.warn{background:#fff8e1;color:#f57c00}.status-badge.ok{background:#e8f5e9;color:#2e7d32}.ord-sizechart-section{border:1px solid var(--line);border-radius:10px;padding:14px}.ord-sizechart-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.ord-sizechart-unit{display:flex;align-items:center;gap:8px;font-size:13px}.ord-sizechart-unit select{padding:5px 8px;border:1px solid var(--line);border-radius:6px;font-size:13px}.ord-sizechart-toolbar{display:flex;gap:8px;margin-bottom:10px}.ord-sizechart-table{margin-bottom:0}.ord-sizechart-table th,.ord-sizechart-table td{vertical-align:middle}.ord-sizechart-table input[type=number]{-moz-appearance:textfield}.ord-sizechart-table input[type=number]::-webkit-outer-spin-button,.ord-sizechart-table input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ord-proc-section{border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:4px}.ord-proc-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.ord-proc-actions{display:flex;gap:6px}.ord-proc-options{margin-bottom:12px}.ord-price-mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.ord-label{font-weight:600;font-size:13px}.ord-radio{display:flex;align-items:center;gap:3px;font-size:13px;cursor:pointer;white-space:nowrap}.ord-toggle-row{display:flex;gap:24px;flex-wrap:wrap}.ord-toggle{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.ord-switch{width:36px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;border-radius:10px;position:relative;cursor:pointer;transition:background .2s}.ord-switch:checked{background:var(--brand)}.ord-switch:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:left .2s}.ord-switch:checked:after{left:18px}.ord-switch-sm{width:30px;height:17px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;border-radius:9px;position:relative;cursor:pointer;vertical-align:middle}.ord-switch-sm:checked{background:#ff9800}.ord-switch-sm:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;top:2px;left:2px;transition:left .2s}.ord-switch-sm:checked:after{left:15px}.ord-toggle-hint{font-size:11px;color:var(--muted)}.ord-proc-table{width:100%;border-collapse:collapse;font-size:13px}.ord-proc-table th{background:#f8f9fa;padding:7px 8px;text-align:left;border:1px solid #eee;font-weight:600;font-size:12px;white-space:nowrap}.ord-proc-table td{padding:5px 6px;border:1px solid #eee;vertical-align:middle}.ord-proc-input{width:100%;padding:5px 7px;border:1px solid var(--line);border-radius:5px;font-size:13px;box-sizing:border-box}.ord-proc-input-sm{width:100%;padding:4px 5px;border:1px solid var(--line);border-radius:5px;font-size:13px;box-sizing:border-box;text-align:center}.ord-pos-chips{display:flex;align-items:center;gap:3px;flex-wrap:wrap;min-height:26px}.ord-pos-chip{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;background:#e8f5e9;color:#2e7d32;border-radius:10px;font-size:11px;line-height:1.6}.ord-pos-chip button{background:none;border:none;color:#2e7d32;cursor:pointer;font-size:11px;padding:0 1px;line-height:1}.ord-pos-dropdown{position:relative;display:inline-block}.ord-pos-menu{display:none;position:absolute;bottom:100%;left:0;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:10;padding:4px;min-width:70px;margin-bottom:4px}.ord-pos-dropdown:hover .ord-pos-menu{display:block}.ord-pos-menu button{display:block;width:100%;padding:4px 10px;border:none;background:none;font-size:12px;cursor:pointer;border-radius:4px;text-align:left}.ord-pos-menu button:hover{background:#f0f0f0}.ord-pos-menu button.active{background:#e8f5e9;color:#2e7d32}@media print{@page{size:50mm 80mm;margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important}body *{visibility:hidden}.ticket-sheet,.ticket-sheet *{visibility:visible}.ticket-sheet{display:flex!important;flex-direction:column!important;position:absolute;left:0;top:0;width:50mm;margin:0;padding:0}.no-print,.print-preview-overlay{display:none!important}.thermal-ticket{width:50mm!important;height:80mm!important;border:none!important;padding:3mm 2mm!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;page-break-inside:avoid!important;page-break-after:always!important;page-break-before:avoid!important;font-size:9px!important;overflow:hidden!important;box-sizing:border-box!important}.thermal-ticket:last-child{page-break-after:auto!important}.tt-qr img{width:18mm!important;height:18mm!important}.tt-header-box{height:10mm!important;border:1px dashed #999!important}}.sal-filter-bar{padding:12px 0}.sal-filter-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.sal-filter-row:last-child{margin-bottom:0}.sal-fl{display:flex;align-items:center;gap:5px;font-size:13px;white-space:nowrap;color:var(--muted)}.sal-fl input[type=date],.sal-fl select,.sal-fl input:not([type=checkbox]){padding:4px 8px;border:1px solid var(--line);border-radius:6px;font-size:13px}.sal-toggle{align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;border-radius:10px;background:#ddd;position:relative;cursor:pointer;transition:background .2s;vertical-align:middle}.toggle-switch:checked{background:var(--brand)}.toggle-switch:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s}.toggle-switch:checked:after{transform:translate(16px)}.sal-summary-row{display:flex;gap:16px;flex-wrap:wrap;padding:10px 14px;background:#f8f9fa;border:1px solid var(--line);border-radius:8px;margin-bottom:14px;font-size:13px;align-items:center}.sal-sum-item span{margin-left:4px;font-weight:600;color:var(--ink)}.sal-sum-item.warn span{color:#dc2626}.sal-table{width:100%;border-collapse:collapse;font-size:13px}.sal-table th{background:#f5f5f5;padding:8px 10px;border-bottom:2px solid var(--line);font-weight:600;white-space:nowrap}.sal-table td{padding:7px 10px;border-bottom:1px solid #f0f0f0;text-align:right}.sal-table td:first-child,.sal-table th:first-child{text-align:left}.sal-table .ok{color:#16a34a}.sal-table .warn{color:#dc2626}.sal-total-row{background:#fafafa;font-weight:800}.sal-total-row td{border-top:2px solid var(--line)}.sal-edit-input{width:72px;padding:3px 6px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;text-align:right;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.sal-edit-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f626}.sal-edit-input.warn-input{color:#dc2626}.sal-edit-input.warn-input:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc262626}.sal-detail-filter{padding:10px 0}.sdf-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.sdf-row:last-child{margin-bottom:0}.sdf-l{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);white-space:nowrap}.sdf-l input,.sdf-l select{padding:4px 8px;border:1px solid var(--line);border-radius:6px;font-size:13px}.sdf-radio{gap:6px}.sdf-radio label{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;cursor:pointer;white-space:nowrap}.sdf-radio input[type=radio]{margin:0}.sal-detail-summary{display:flex;gap:20px;flex-wrap:wrap;padding:14px 18px;background:linear-gradient(135deg,#f0f7ff,#eef4ff);border:1px solid #cde0ff;border-radius:10px;margin-bottom:8px}.sdss-item{font-size:13px;color:var(--muted);min-width:90px}.sdss-item b{font-size:18px;color:var(--ink);margin-left:4px}.sdss-item.highlight b{color:var(--brand);font-size:22px}.sdss-item.muted b{color:var(--muted)}.sal-detail-note{font-size:12px;color:var(--muted);margin-bottom:12px}.sal-batch-actions{display:flex;gap:8px;margin-bottom:14px}.sal-action-btns{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.sal-action-btns .btn{font-size:11.5px;padding:2px 8px}.sal-pf-filter{padding:10px 0}.spf-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.spf-row:last-child{margin-bottom:0}.spf-l{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted);white-space:nowrap}.spf-l input,.spf-l select{padding:3px 7px;border:1px solid var(--line);border-radius:5px;font-size:12.5px}.spf-tag{align-items:center}.emp-tag{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:#e8f5e9;color:#2e7d32;border-radius:10px;font-size:12px}.emp-tag button{background:none;border:none;color:#2e7d32;cursor:pointer;font-size:11px;line-height:1}.spf-radio{gap:5px}.spf-radio label{display:inline-flex;align-items:center;gap:1px;font-size:12px;cursor:pointer;white-space:nowrap}.spf-radio input[type=radio]{margin:0}.proc-table th,.proc-table td{padding:6px 7px;font-size:12.5px}.proc-table td{text-align:center}.sal-pagination{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:13px;color:var(--muted);border-top:1px solid #f0f0f0}.sal-pagination select,.sal-pagination input{padding:2px 5px;border:1px solid var(--line);border-radius:4px;font-size:12.5px}.page-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:12.5px;background:var(--brand);color:#fff;font-weight:700}.m-login-form{padding:4px 0}.m-login-form .m-field{display:block;margin-bottom:10px}.m-login-form .m-field span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.m-login-form .m-input{width:100%;box-sizing:border-box}.m-perm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:8px 0}.m-perm-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:10px;border:1.5px solid #f0f0f0;background:#fafafa;cursor:pointer;transition:all .15s}.m-perm-item:active{transform:scale(.95)}.m-perm-item.orange{border-color:#f7931e40;background:#fff8f0}.m-perm-item.red{border-color:#dc262640;background:#fef2f2}.m-perm-item.blue{border-color:#1a56a840;background:#f0f5ff}.m-perm-item.green{border-color:#16a34a40;background:#f0fdf4}.m-perm-item.purple{border-color:#7c3aed40;background:#faf5ff}.m-perm-item.teal{border-color:#0d948840;background:#f0fdfa}.m-perm-item.gray{border-color:#6b728040;background:#f9fafb}.m-perm-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.m-perm-item.orange .m-perm-icon{background:linear-gradient(135deg,#ff6b35,#f7931e)}.m-perm-item.red .m-perm-icon{background:linear-gradient(135deg,#dc2626,#ef4444)}.m-perm-item.blue .m-perm-icon{background:linear-gradient(135deg,#1a56a8,#3b82f6)}.m-perm-item.green .m-perm-icon{background:linear-gradient(135deg,#16a34a,#22c55e)}.m-perm-item.purple .m-perm-icon{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.m-perm-item.teal .m-perm-icon{background:linear-gradient(135deg,#0d9488,#2dd4bf)}.m-perm-item.gray .m-perm-icon{background:linear-gradient(135deg,#6b7280,#9ca3af)}.m-perm-icon svg{width:20px;height:20px}.m-perm-label{font-size:11px;color:var(--ink);font-weight:500;text-align:center;line-height:1.2}.m-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:mPopIn .2s ease}@keyframes mPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.m-popup-card{width:100%;max-width:360px;background:#fff;border-radius:16px;padding:24px 20px 20px;box-shadow:0 20px 60px #00000040}.m-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.m-popup-type{font-size:13px;font-weight:700;color:#1a56a8;background:#f0f5ff;padding:3px 10px;border-radius:10px}.m-popup-time{font-size:11px;color:#999}.m-popup-title{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:8px;line-height:1.3}.m-popup-body{font-size:14px;line-height:1.6;color:#444;white-space:pre-wrap;word-break:break-all}.m-header-refresh{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0;transition:background .15s}.m-header-refresh:active{background:rgba(255,255,255,.35)}.m-header-pc{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;margin-left:4px;transition:background .15s}.m-header-pc:active{background:rgba(255,255,255,.35)}@keyframes m-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:12px;color:var(--muted);font-size:13px}.m-loading-spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top-color:#f97316;border-radius:50%;animation:m-spin .7s linear infinite}.m-section-sub{float:right;font-size:12px;font-weight:500;color:var(--muted)}.m-factory-overview{display:flex;justify-content:space-around;padding:12px 0;margin-bottom:4px;background:#f8fafc;border-radius:12px;border:1px solid var(--line)}.m-fo-item{display:flex;flex-direction:column;align-items:center;gap:2px}.m-fo-n{font-size:20px;font-weight:800;color:var(--ink)}.m-fo-l{font-size:11px;color:var(--muted)}.m-progress-list{display:flex;flex-direction:column;gap:10px}.m-progress-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;transition:box-shadow .15s}.m-progress-card:active{box-shadow:0 2px 8px #00000014}.m-pc-header{display:flex;justify-content:space-between;align-items:flex-start}.m-pc-info{flex:1;min-width:0}.m-pc-style{display:block;font-size:14px;font-weight:700;color:var(--ink)}.m-pc-bed{display:block;font-size:12px;color:var(--muted);margin-top:2px}.m-pc-pct{font-size:18px;font-weight:800;color:#f97316;flex-shrink:0;margin-left:8px}.m-pc-pct.done{color:#059669}.m-pc-bar{height:8px;background:#f0f0f0;border-radius:999px;overflow:hidden;margin:8px 0 6px}.m-pc-bar>span{display:block;height:100%;border-radius:999px;transition:width .3s ease}.m-pc-detail{font-size:12px;color:var(--muted)}.m-pc-detail b{font-weight:700}.m-recent-list{display:flex;flex-direction:column;gap:8px}.m-recent-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc;border-radius:10px;border:1px solid #f0f0f0}.m-ri-left{display:flex;align-items:center;gap:10px}.m-ri-badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;min-width:32px}.m-ri-badge.done{background:#ecfdf3;color:#059669}.m-ri-badge.rework{background:#fef2f2;color:#dc2626}.m-ri-main{font-size:13px;font-weight:600;color:var(--ink)}.m-ri-sub{font-size:11px;color:var(--muted);margin-top:1px}.m-ri-time{font-size:12px;color:var(--muted);flex-shrink:0}.m-scan-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px}.m-scanhint-sm{font-size:11px;color:#ccc}.m-btn.primary.active{background:#dc2626}.m-subview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#f5f6f8;z-index:100;display:flex;flex-direction:column;animation:mSlideIn .2s ease}@keyframes mSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.m-subview-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 4px #0000000a;flex-shrink:0}.m-subview-back{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#f97316}.m-subview-title{font-size:16px;font-weight:800;color:var(--ink)}.m-subview-body{flex:1;overflow:auto;padding:14px}.m-salary-month{text-align:center;font-size:13px;color:var(--muted);margin-bottom:12px}.m-salary-total{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:14px;padding:20px;text-align:center;color:#fff;margin-bottom:14px}.m-st-label{display:block;font-size:13px;opacity:.85;margin-bottom:4px}.m-st-amount{font-size:32px;font-weight:800}.m-salary-detail{background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px 14px;margin-bottom:14px}.m-sd-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5;font-size:14px}.m-sd-row:last-child{border-bottom:none}.m-sd-row span{color:var(--muted)}.m-sd-row b{font-weight:700;color:var(--ink)}.m-sd-row b.piece{color:#1a56a8}.m-sd-row b.bonus{color:#059669}.m-sd-row b.penalty{color:#dc2626}.m-salary-status{display:flex;gap:8px;align-items:center;justify-content:center}.m-ss-badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}.m-ss-badge.settled{background:#ecfdf3;color:#059669}.m-ss-badge.pending{background:#fffbeb;color:#d97706}.m-ss-dept{font-size:12px;color:var(--muted)}.m-my-salary-preview{background:linear-gradient(135deg,#ecfdf3 0%,#d1fae5 100%);border-radius:12px;padding:16px;text-align:center}.m-msp-month{font-size:12px;color:#065f46;margin-bottom:6px}.m-msp-amount{font-size:28px;font-weight:800;color:#047857;margin-bottom:8px}.m-msp-meta{display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;color:#374151}.m-msp-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.m-msp-status.settled{background:#059669;color:#fff}.m-msp-status.pending{background:#f59e0b;color:#fff}.m-piece-salary-header{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}.m-piece-salary-header .m-input{width:100%;margin-bottom:12px;font-size:14px}.m-piece-salary-total{text-align:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;padding:16px;color:#fff}.m-pst-label{display:block;font-size:13px;opacity:.9;margin-bottom:4px}.m-pst-amount{display:block;font-size:30px;font-weight:800}.m-pst-count{display:block;font-size:12px;opacity:.85;margin-top:4px}.m-piece-salary-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.m-pss-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.m-pss-item.warn{border-left:3px solid #dc2626}.m-pss-n{display:block;font-size:17px;font-weight:800;color:#1a56a8;margin-bottom:4px}.m-pss-item.warn .m-pss-n{color:#dc2626}.m-pss-l{font-size:11px;color:var(--muted)}.m-piece-salary-filters{display:flex;gap:10px;margin-bottom:12px}.m-piece-salary-filters .m-input{flex:1;font-size:14px}.m-piece-salary-filters select.m-input{flex:0 0 110px}.m-piece-salary-list{display:flex;flex-direction:column;gap:10px}.m-piece-salary-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.m-piece-salary-card:active{transform:scale(.99);box-shadow:0 2px 8px #0000000f}.m-psc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.m-psc-info{display:flex;flex-direction:column;gap:2px}.m-psc-info b{font-size:15px;color:var(--ink)}.m-psc-info span{font-size:12px;color:var(--muted)}.m-psc-total{text-align:right}.m-psc-total>span:first-child{display:block;font-size:18px;font-weight:800;color:#1a56a8}.m-psc-status{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;margin-top:4px}.m-psc-status.settled{background:#ecfdf3;color:#059669}.m-psc-status.pending{background:#fffbeb;color:#d97706}.m-psc-progress{margin-bottom:10px}.m-psc-bar{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.m-psc-bar span{display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#1a56a8);border-radius:999px;transition:width .3s ease}.m-psc-composition{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.m-psc-composition b{color:var(--ink);font-weight:700}.m-piece-salary-date{display:flex;align-items:center;gap:8px;margin-bottom:12px}.m-piece-salary-date .m-input{flex:1;min-width:0;margin-bottom:0;font-size:13px;padding:8px 10px}.m-piece-salary-date span{font-size:13px;color:var(--muted);white-space:nowrap}.m-piece-salary-date .btn{white-space:nowrap;padding:8px 14px;font-size:13px}.m-modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:mFadeIn .2s ease}@keyframes mFadeIn{0%{opacity:0}to{opacity:1}}.m-modal{background:#f5f6f8;width:100%;max-height:88%;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:mSlideUp .25s ease}@keyframes mSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.m-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:1px solid var(--line);font-size:15px;font-weight:800;color:var(--ink);border-radius:16px 16px 0 0}.m-modal-close{background:none;border:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer}.m-modal-bd{flex:1;overflow:auto;padding:14px}.m-modal-ft{padding:12px 16px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.m-psd-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.m-psd-summary>div{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center}.m-psd-summary>div span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.m-psd-summary>div b{display:block;font-size:18px;font-weight:800;color:#1a56a8}.m-psd-section{margin-bottom:16px}.m-psd-section-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:10px;padding-left:8px;border-left:3px solid #1a56a8}.m-psd-rows{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.m-psd-row{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #f1f5f9;font-size:13px}.m-psd-row:last-child{border-bottom:none}.m-psd-row.head{background:#f8fafc;font-weight:700;color:var(--muted)}.m-psd-row.total{background:#eff6ff;font-weight:800;color:#1a56a8}.m-psd-deduct{color:#dc2626}.m-psd-empty{text-align:center;color:var(--muted);font-size:13px;padding:20px;background:#f8fafc;border-radius:10px}.m-psd-scan-list{display:flex;flex-direction:column;gap:8px}.m-psd-scan-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.m-psd-scan-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.m-psd-scan-main b{font-size:14px;color:var(--ink)}.m-psd-scan-main span{font-size:12px;color:var(--muted)}.m-psd-scan-sub{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin-bottom:8px}.m-psd-scan-amount{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:#1a56a8}.m-psd-scan-amount span.settled{font-size:11px;font-weight:700;color:#059669;background:#ecfdf3;padding:2px 8px;border-radius:999px}.m-psd-scan-amount span.pending{font-size:11px;font-weight:700;color:#d97706;background:#fffbeb;padding:2px 8px;border-radius:999px}.m-rework-summary{display:flex;gap:10px;margin-bottom:14px}.m-rs-stat{flex:1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}.m-rs-n{display:block;font-size:24px;font-weight:800}.m-rs-l{font-size:11px;color:var(--muted);margin-top:2px}.m-rework-card{background:#fff;border:1px solid var(--line);border-left:3px solid #dc2626;border-radius:10px;padding:12px 14px;margin-bottom:10px}.m-rc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.m-rc-batch{font-size:15px;font-weight:800;color:var(--ink)}.m-rc-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.m-rc-badge.rework{background:#fef2f2;color:#dc2626}.m-rc-detail{display:flex;gap:16px;font-size:13px;color:var(--muted)}.m-rc-detail b{color:var(--ink)}.m-rc-time{font-size:11px;color:#aaa;margin-top:4px}.m-order-progress-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}.m-opc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.m-opc-name{font-size:15px;font-weight:700;color:var(--ink)}.m-opc-pct{font-size:20px;font-weight:800;color:#f97316}.m-opc-pct.done{color:#059669}.m-opc-bar{height:8px;background:#f0f0f0;border-radius:999px;overflow:hidden;margin-bottom:8px}.m-opc-bar>span{display:block;height:100%;border-radius:999px;transition:width .3s ease}.m-opc-stats{display:flex;gap:14px;font-size:12px;color:var(--muted);flex-wrap:wrap}.m-opc-stats b{font-weight:700}.warehouse-matrix-table{width:100%;border-collapse:collapse;font-size:14px}.warehouse-matrix-table th{background:#f8f9fa;padding:10px 12px;border:1px solid var(--line);font-weight:600;font-size:13px;text-align:center;color:var(--muted)}.warehouse-matrix-table td{padding:10px 12px;border:1px solid var(--line);text-align:center}.warehouse-matrix-table .color-cell{font-weight:600;text-align:left;background:#fafbfc;min-width:60px;font-size:13.5px}.warehouse-matrix-table .qty-cell{font-size:15px;font-weight:500;color:var(--ink)}.warehouse-matrix-table .total-cell{font-weight:700;font-size:14px;color:#dc2626}.warehouse-matrix-table .total-col{min-width:50px;color:#dc2626}.warehouse-matrix-table .grand-total-row{border-top:2px solid var(--line);background:#f8fafc}.warehouse-matrix-table .grand-label{font-weight:700;font-size:13.5px;text-align:left}.warehouse-matrix-table .grand-qty{font-weight:700;font-size:14px}.warehouse-matrix-table .grand-total-val{font-weight:800;font-size:16px;color:#dc2626}.mhr-app{min-height:100%;padding-bottom:80px}.mhr-stats-bar{display:flex;background:linear-gradient(135deg,#7c3aed,#6d28d9);padding:14px 8px;gap:4px}.mhr-stats-bar .mhr-stat{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.mhr-stats-bar .mhr-stat .n{font-size:22px;font-weight:800;color:#fff}.mhr-stats-bar .mhr-stat .l{font-size:11px;color:#fff9}.mhr-seg{display:flex;margin:12px 16px;background:#f3f4f6;border-radius:10px;padding:3px;gap:3px}.mhr-seg button{flex:1;border:none;background:transparent;padding:9px 0;font-size:14px;font-weight:600;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .2s}.mhr-seg button.on{background:#fff;color:#7c3aed;box-shadow:0 1px 4px #00000014}.mhr-content{padding:0 16px}.mhr-search{display:flex;align-items:center;gap:8px;background:#f3f4f6;border-radius:10px;padding:10px 14px;margin-bottom:14px;color:#9ca3af}.mhr-search input{flex:1;border:none;background:transparent;font-size:15px;outline:none;color:#1f2937}.mhr-search-clear{border:none;background:none;color:#9ca3af;font-size:16px;cursor:pointer;padding:0}.mhr-loading{text-align:center;padding:40px;color:#9ca3af;font-size:14px}.mhr-empty{text-align:center;padding:50px 20px;color:#9ca3af;font-size:14px}.mhr-emp-list{display:flex;flex-direction:column;gap:10px}.mhr-emp-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 4px #0000000f;cursor:pointer;transition:transform .15s,box-shadow .15s}.mhr-emp-card:active{transform:scale(.98);box-shadow:0 1px 2px #0000001a}.mhr-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;border:2px solid}.mhr-emp-info{flex:1;min-width:0}.mhr-emp-name-row{display:flex;align-items:center;gap:8px;margin-bottom:3px}.mhr-emp-name{font-size:16px;font-weight:700;color:#1f2937}.mhr-emp-meta{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280;margin-bottom:2px}.mhr-tag{background:#ede9fe;color:#6d28d9;padding:1px 7px;border-radius:4px;font-size:12px;font-weight:600}.mhr-dot{color:#d1d5db}.mhr-emp-sub{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#9ca3af}.mhr-transfer{color:#f59e0b;font-weight:600}.mhr-emp-arrow{color:#d1d5db;flex-shrink:0}.mhr-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;border:1px solid;white-space:nowrap}.mhr-pos-list{display:flex;flex-direction:column;gap:10px}.mhr-pos-card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.mhr-pos-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mhr-pos-name{font-size:16px;font-weight:700;color:#1f2937}.mhr-pos-actions{display:flex;gap:6px}.mhr-pos-btn{border:1px solid #e5e7eb;background:#fff;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;color:#6b7280}.mhr-pos-btn.edit{color:#1a56a8;border-color:#1a56a830}.mhr-pos-btn.del{color:#dc2626;border-color:#dc262630}.mhr-pos-perms{display:flex;flex-wrap:wrap;gap:6px}.mhr-perm-tag{background:#f3f4f6;color:#6b7280;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:500}.mhr-pos-noperm{font-size:13px;color:#d1d5db}.mhr-fab{position:fixed;bottom:100px;right:20px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #7c3aed66;z-index:100;transition:transform .15s}.mhr-fab:active{transform:scale(.9)}.mhr-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:0 4px 16px #00000026;white-space:nowrap}.mhr-toast.ok{background:#059669;color:#fff}.mhr-toast.err{background:#dc2626;color:#fff}.mhr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:2000;display:flex;align-items:flex-end;justify-content:center;animation:mhr-fade-in .2s ease}@keyframes mhr-fade-in{0%{opacity:0}to{opacity:1}}.mhr-detail-sheet,.mhr-form-sheet{width:100%;max-width:500px;background:#fff;border-radius:20px 20px 0 0;max-height:88vh;display:flex;flex-direction:column;animation:mhr-slide-up .3s cubic-bezier(.32,.72,0,1)}@keyframes mhr-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mhr-sheet-handle{width:36px;height:4px;background:#e5e7eb;border-radius:2px;margin:8px auto 0;flex-shrink:0}.mhr-detail-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.mhr-detail-header .mhr-avatar{width:56px;height:56px;font-size:22px}.mhr-detail-name{flex:1;display:flex;flex-direction:column;gap:4px}.mhr-detail-n{font-size:18px;font-weight:700;color:#1f2937}.mhr-detail-close{border:none;background:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px}.mhr-detail-body{flex:1;overflow-y:auto;padding:12px 16px}.mhr-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f9fafb}.mhr-detail-k{font-size:14px;color:#6b7280}.mhr-detail-v{font-size:14px;color:#1f2937;font-weight:600;text-align:right;word-break:break-all}.mhr-detail-perms{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.mhr-detail-perms-title{font-size:13px;color:#9ca3af;margin-bottom:8px}.mhr-detail-actions{display:flex;gap:10px;padding:12px 16px;border-top:1px solid #f3f4f6;flex-shrink:0}.mhr-form-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.mhr-form-title{font-size:17px;font-weight:700;color:#1f2937}.mhr-form-close{border:none;background:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px}.mhr-form-body{flex:1;overflow-y:auto;padding:12px 16px}.mhr-form-section{margin-bottom:20px}.mhr-form-section-title{font-size:13px;font-weight:700;color:#7c3aed;margin-bottom:10px;padding-left:4px}.mhr-form-row{display:flex;gap:12px}.mhr-form-row .mhr-field{flex:1}.mhr-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.mhr-field>span{font-size:13px;font-weight:600;color:#6b7280}.mhr-field>span em{color:#dc2626;font-style:normal}.mhr-field input,.mhr-field select,.mhr-field textarea{border:1.5px solid #e5e7eb;border-radius:10px;padding:11px 14px;font-size:15px;color:#1f2937;background:#fff;outline:none;transition:border-color .2s;-webkit-appearance:none;width:100%;box-sizing:border-box;font-family:inherit}.mhr-field textarea{resize:vertical;min-height:60px;line-height:1.4}.mhr-field input:focus,.mhr-field select:focus,.mhr-field textarea:focus{border-color:#7c3aed}.mhr-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.mhr-seg-field{display:flex;gap:6px}.mhr-seg-field button{flex:1;border:1.5px solid #e5e7eb;background:#fff;border-radius:10px;padding:10px 0;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.mhr-seg-field button.on{border-color:#7c3aed;color:#7c3aed;background:#7c3aed08}.mhr-seg-field button.on.active-green{border-color:#059669;color:#059669;background:#05966908}.mhr-seg-field button.on.active-gray{border-color:#9ca3af;color:#6b7280;background:#f3f4f6}.mhr-check-row{display:flex;align-items:center;gap:10px;margin-top:4px;cursor:pointer;font-size:14px;color:#4b5563;font-weight:500}.mhr-check-row input{width:20px;height:20px;accent-color:#7c3aed;cursor:pointer}.mhr-perm-grid{display:flex;flex-wrap:wrap;gap:8px}.mhr-perm-chip{border:1.5px solid #e5e7eb;background:#fff;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.mhr-perm-chip.active{border-color:#7c3aed;background:#7c3aed;color:#fff}.mhr-form-footer{display:flex;gap:10px;padding:12px 16px;border-top:1px solid #f3f4f6;flex-shrink:0}.mhr-btn-primary{flex:1;border:none;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-radius:10px;padding:12px 0;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s}.mhr-btn-primary:active{opacity:.85}.mhr-btn-outline{flex:1;border:1.5px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:10px;padding:12px 0;font-size:15px;font-weight:600;cursor:pointer}.mhr-btn-danger{flex:1;border:1.5px solid #dc262630;background:#fff;color:#dc2626;border-radius:10px;padding:12px 0;font-size:15px;font-weight:600;cursor:pointer}.mobile-mode .mhr-app .row{display:none}.mobile-module-body .content:has(.mhr-app){padding:0;max-width:100%}.mobile-module-body>.content>.mhr-app{margin:-10px}.mobile-module-body .content:has(.mprod-app){padding:0;max-width:100%}.mobile-module-body>.content>.mprod-app{margin:-10px}.mprod-app{min-height:100vh;background:#f5f7fa;padding-bottom:80px}.mprod-stats-bar{display:flex;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);padding:14px 8px;gap:4px}.mprod-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.mprod-stat .n{font-size:22px;font-weight:800;color:#fff}.mprod-stat .l{font-size:11px;color:#fffc}.mprod-filter-tabs{display:flex;gap:8px;padding:10px 12px 6px;background:#fff;border-bottom:1px solid #f0f0f0}.mprod-filter-tabs button{flex:1;padding:7px 0;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-size:13px;font-weight:600;transition:all .15s}.mprod-filter-tabs button.on{border-color:#2563eb;color:#2563eb;background:#eff6ff}.mprod-order-list{padding:8px 12px;display:flex;flex-direction:column;gap:10px}.mprod-order-card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:box-shadow .15s}.mprod-order-card:active{box-shadow:0 2px 8px #2563eb26}.mprod-order-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mprod-order-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.mprod-order-info{flex:1;min-width:0}.mprod-order-name{font-size:15px;font-weight:700;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mprod-order-sub{font-size:12px;color:#9ca3af;margin-top:2px}.mprod-recv-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;flex-shrink:0}.mprod-recv-badge.no{background:#fef3c7;color:#d97706}.mprod-recv-badge.yes{background:#d1fae5;color:#059669}.mprod-order-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.mprod-tag{font-size:11px;color:#6b7280;background:#f3f4f6;border-radius:5px;padding:2px 7px;white-space:nowrap}.mprod-order-meta{display:flex;gap:14px;margin-bottom:8px;font-size:12px;color:#9ca3af}.mprod-order-meta b{color:#4b5563;font-weight:600}.mprod-progress-row{display:flex;align-items:center;gap:8px}.mprod-progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.mprod-progress-fill{height:100%;border-radius:3px;transition:width .3s}.mprod-pct{font-size:13px;font-weight:700;min-width:36px;text-align:right}.mprod-detail-page{position:fixed;top:0;left:0;right:0;bottom:0;background:#f5f7fa;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch}.mprod-detail-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;padding:14px 12px;color:#fff}.mprod-back-btn{background:rgba(255,255,255,.2);border:none;color:#fff;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mprod-detail-title{font-size:16px;font-weight:700}.mprod-detail-body{padding:12px}.mprod-info-card{background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:10px;box-shadow:0 1px 3px #0000000d}.mprod-info-row{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:13px}.mprod-info-row span{color:#9ca3af;min-width:48px}.mprod-info-row b{color:#1f2937;font-weight:600;margin-right:12px}.mprod-detail-progress{background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:10px;box-shadow:0 1px 3px #0000000d}.mprod-detail-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#6b7280}.mprod-detail-progress-info b{font-size:15px}.mprod-detail-tabs{display:flex;gap:0;margin-bottom:10px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.mprod-detail-tabs button{flex:1;padding:10px 4px;border:none;background:#fff;color:#9ca3af;font-size:12px;font-weight:600;border-bottom:2px solid transparent;transition:all .15s}.mprod-detail-tabs button.on{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff}.mprod-bundle-list{display:flex;flex-direction:column;gap:10px}.mprod-bundle-card{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 1px 3px #0000000d}.mprod-bundle-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mprod-bundle-no{font-size:14px;font-weight:700;color:#1f2937}.mprod-bundle-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.mprod-bundle-meta{display:flex;gap:14px;font-size:12px;color:#9ca3af;margin-top:6px}.mprod-bundle-meta b{font-weight:600}.mprod-bundle-actions{display:flex;gap:8px;margin-top:8px}.mprod-action-btn{padding:6px 12px;border-radius:7px;border:none;font-size:12px;font-weight:600;cursor:pointer}.mprod-action-btn.edit{background:#eff6ff;color:#2563eb}.mprod-action-btn.recv{background:#ecfdf5;color:#059669}.mprod-scan-list{margin-top:10px;border-top:1px solid #f3f4f6;padding-top:8px}.mprod-scan-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f9fafb}.mprod-scan-item:last-child{border-bottom:none}.mprod-scan-item.rework{background:#fef3c7;border-radius:6px;padding:6px 8px}.mprod-scan-no{width:22px;height:22px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#6b7280;flex-shrink:0}.mprod-scan-info{flex:1;display:flex;flex-direction:column}.mprod-scan-proc{font-size:13px;font-weight:600;color:#1f2937}.mprod-scan-emp{font-size:11px;color:#9ca3af}.mprod-scan-rework{font-size:10px;font-weight:600;color:#d97706;background:#fef3c7;padding:2px 6px;border-radius:4px}.mprod-scan-del{background:none;border:none;color:#ef4444;font-size:14px;cursor:pointer;padding:4px}.mprod-scan-rework-btn{font-size:11px;font-weight:600;background:#fef3c7;color:#d97706;border:1px solid #fde68a;padding:4px 10px;border-radius:12px;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.mprod-scan-rework-btn:active{background:#fde68a;transform:scale(.95)}.mprod-matrix-wrap{background:#fff;border-radius:12px;padding:8px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.mprod-matrix-table{width:100%;border-collapse:collapse;font-size:12px;min-width:400px}.mprod-matrix-table th{background:#f9fafb;padding:8px 6px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;text-align:center;white-space:nowrap}.mprod-matrix-table td{padding:7px 6px;text-align:center;border-bottom:1px solid #f3f4f6;color:#374151}.mprod-matrix-color{font-weight:700;color:#1f2937;background:#f9fafb}.mprod-matrix-label{font-size:11px;color:#9ca3af;text-align:left}.mprod-matrix-table td.done{color:#2563eb;font-weight:600}.mprod-matrix-table td.remain{color:#ef4444;font-weight:600}.mprod-price-list{display:flex;flex-direction:column;gap:8px}.mprod-price-item{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 1px 3px #0000000d}.mprod-price-no{width:26px;height:26px;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#2563eb;flex-shrink:0}.mprod-price-name{flex:1;font-size:14px;color:#1f2937;font-weight:500}.mprod-price-val{font-size:15px;font-weight:700;color:#2563eb}.mc-app{min-height:100vh;background:#f0fdfa;position:relative}.mc-loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#6b7280;gap:12px;font-size:14px}.mc-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#0d9488;border-radius:50%;animation:mc-spin .7s linear infinite}@keyframes mc-spin{to{transform:rotate(360deg)}}.mc-toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:9999;padding:11px 20px;border-radius:12px;font-size:14px;font-weight:600;color:#fff;box-shadow:0 4px 16px #00000026;animation:mc-toast-in .3s ease;max-width:90vw}.mc-toast.ok{background:#10b981}.mc-toast.err{background:#ef4444}.mc-toast.warn{background:#f59e0b}@keyframes mc-toast-in{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.mc-hero{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 50%,#2dd4bf 100%);padding:20px 16px 18px;color:#fff;position:relative;overflow:hidden}.mc-hero:after{content:"";position:absolute;top:-30px;right:-20px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08)}.mc-hero-top{display:flex;align-items:center;gap:10px;margin-bottom:16px;position:relative;z-index:1}.mc-hero-icon{font-size:26px}.mc-hero-title{font-size:22px;font-weight:800;letter-spacing:.5px}.mc-hero-stats{display:flex;align-items:center;gap:0;position:relative;z-index:1}.mc-hero-stat{flex:1;display:flex;flex-direction:column;align-items:center}.mc-hero-stat-val{font-size:24px;font-weight:800;line-height:1.1}.mc-hero-stat-label{font-size:11px;opacity:.8;margin-top:3px}.mc-hero-divider{width:1px;height:28px;background:rgba(255,255,255,.3)}.mc-search-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:10}.mc-search-icon{color:#9ca3af;flex-shrink:0}.mc-search-input{flex:1;border:none;outline:none;font-size:15px;background:transparent;color:#1f2937}.mc-search-input::placeholder{color:#9ca3af}.mc-search-clear{border:none;background:#f3f4f6;color:#6b7280;width:22px;height:22px;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mc-order-list{padding:10px 12px 100px;display:flex;flex-direction:column;gap:10px}.mc-order-card{background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 8px #0000000d;border:2px solid transparent;transition:all .2s;cursor:pointer}.mc-order-card:active{border-color:#0d9488;transform:scale(.98)}.mc-order-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.mc-order-style-no{font-size:13px;font-weight:700;color:#0d9488;letter-spacing:.3px}.mc-order-status{font-size:11px;padding:3px 10px;border-radius:12px;background:#f3f4f6;color:#6b7280;font-weight:500}.mc-order-status.active{background:#fef3c7;color:#b45309}.mc-order-style-name{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:8px}.mc-order-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.mc-tag{font-size:11px;padding:3px 8px;border-radius:8px;font-weight:500}.mc-tag-customer{background:#eff6ff;color:#1d4ed8}.mc-tag-color{background:#fef3c7;color:#92400e}.mc-tag-size{background:#f0fdfa;color:#0d9488}.mc-order-card-actions{display:flex;gap:8px}.mc-action-btn{display:flex;align-items:center;gap:5px;font-size:13px;padding:7px 14px;border-radius:10px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.mc-action-btn.primary{background:#0d9488;color:#fff}.mc-action-btn.primary:active{background:#0f766e}.mc-action-btn.ghost{background:#f0fdfa;color:#0d9488;border:1.5px solid #99f6e4}.mc-action-btn.ghost:active{background:#ccfbf1}.mc-empty{text-align:center;padding:50px 20px;color:#9ca3af;font-size:15px}.mc-empty-lg{padding:60px 20px}.mc-empty-icon{font-size:44px;margin-bottom:10px}.mc-empty-sub{font-size:12px;color:#d1d5db;margin-top:5px}.mc-detail{min-height:100vh;background:#f8fafc}.mc-detail-header{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);padding:16px 14px 14px;color:#fff}.mc-detail-header-top{display:flex;align-items:center;gap:12px}.mc-back-btn{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border:none;color:#fff;width:36px;height:36px;border-radius:10px;cursor:pointer;flex-shrink:0}.mc-back-btn:active{background:rgba(255,255,255,.3)}.mc-detail-header-info{flex:1;min-width:0}.mc-detail-style-no{font-size:17px;font-weight:800}.mc-detail-style-name{font-size:14px;opacity:.9;margin-top:2px}.mc-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.mc-chip{font-size:11px;padding:3px 10px;border-radius:10px;font-weight:500}.mc-chip-color{background:rgba(255,255,255,.25);color:#fff}.mc-chip-size{background:rgba(0,0,0,.15);color:#fff}.mc-detail-meta{display:flex;gap:16px;margin-top:10px;font-size:12px;opacity:.8}.mc-remaining-bar{margin:10px 12px;background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 4px #0000000d}.mc-remaining-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#1f2937;margin-bottom:12px}.mc-remaining-title svg{color:#0d9488}.mc-remaining-items{display:flex;flex-direction:column;gap:10px}.mc-remaining-item{display:flex;align-items:center;gap:10px}.mc-remaining-size{font-size:13px;font-weight:700;color:#374151;min-width:32px}.mc-remaining-nums{font-size:13px;min-width:70px}.mc-remaining-rem{font-size:16px;font-weight:800}.mc-remaining-total{font-size:12px;color:#9ca3af}.mc-remaining-progress{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.mc-remaining-progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.mc-bed-list{padding:4px 12px 100px;display:flex;flex-direction:column;gap:10px}.mc-bed-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.mc-bed-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px;cursor:pointer}.mc-bed-card-left{display:flex;align-items:center;gap:12px}.mc-bed-number-badge{display:flex;align-items:baseline;gap:2px;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;padding:8px 14px;border-radius:12px}.mc-bed-number-label{font-size:11px;opacity:.8}.mc-bed-number-val{font-size:20px;font-weight:800}.mc-bed-card-info{display:flex;flex-direction:column;gap:2px}.mc-bed-card-color{font-size:14px;font-weight:700;color:#1f2937}.mc-bed-card-meta{font-size:12px;color:#6b7280}.mc-bed-card-expand{color:#9ca3af;transition:transform .3s ease;display:flex;align-items:center}.mc-bed-card-expand.open{transform:rotate(180deg)}.mc-bed-delete-btn{margin-left:10px;padding:5px 10px;font-size:12px;font-weight:600;color:#ff4757;background:#fff3f3;border:1px solid #ffb3b3;border-radius:8px;cursor:pointer;flex-shrink:0}.mc-bed-card-body{padding:0 14px 14px;border-top:1px solid #f3f4f6}.mc-bundle-group{padding:10px 0;border-bottom:1px solid #f9fafb}.mc-bundle-group:last-of-type{border-bottom:none}.mc-bundle-group-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mc-bundle-no-chip{font-size:12px;font-weight:700;color:#0d9488;background:#f0fdfa;padding:3px 10px;border-radius:8px}.mc-bundle-color-text{font-size:12px;color:#6b7280}.mc-bundle-subtotal{font-size:13px;color:#0d9488;font-weight:700;margin-left:auto}.mc-bundle-sizes-grid{display:flex;flex-wrap:wrap;gap:6px}.mc-bundle-size-box{display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:#f8fafc;border-radius:10px;border:1px solid #f0f0f0;min-width:54px}.mc-bundle-size-label{font-size:11px;color:#9ca3af}.mc-bundle-size-qty{font-size:16px;font-weight:800;color:#1f2937}.mc-print-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;border:none;border-radius:12px;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-top:10px}.mc-print-btn:active{opacity:.85}.mc-fab{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border:none;padding:14px 28px;border-radius:30px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #0d948866;transition:all .2s}.mc-fab:active{transform:translate(-50%) scale(.95)}.mc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;animation:mc-fade-in .2s ease}@keyframes mc-fade-in{0%{opacity:0}to{opacity:1}}.mc-overlay-alert{align-items:center;padding:20px}.mc-sheet{width:100%;max-width:500px;max-height:92vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:mc-slide-up .35s cubic-bezier(.32,.72,0,1)}@keyframes mc-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mc-sheet-handle{width:40px;height:4px;background:#d1d5db;border-radius:2px;margin:10px auto 0;flex-shrink:0}.mc-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 12px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.mc-sheet-header-info{flex:1;min-width:0}.mc-sheet-title{font-size:17px;font-weight:700;color:#1f2937}.mc-sheet-subtitle{font-size:12px;color:#9ca3af;margin-top:2px}.mc-sheet-close{border:none;background:#f3f4f6;color:#6b7280;width:32px;height:32px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mc-sheet-close:active{background:#e5e7eb}.mc-print-tip{padding:8px 16px;background:#fff8e6;color:#7a5b00;font-size:12px;border-bottom:1px solid #f0e3bf;flex-shrink:0}.mc-print-tip b{color:#5a4300}.mc-sheet-body{flex:1;overflow-y:auto;padding:14px 16px;-webkit-overflow-scrolling:touch}.mc-sheet-footer{display:flex;gap:10px;padding:12px 16px;border-top:1px solid #f3f4f6;flex-shrink:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}.mc-sheet-remaining{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mc-sheet-remaining-chip{display:flex;align-items:center;gap:4px;background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;padding:5px 10px}.mc-src-size{font-size:12px;font-weight:600;color:#0d9488}.mc-src-rem{font-size:14px;font-weight:800}.mc-hint{display:flex;align-items:flex-start;gap:8px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 12px;margin-bottom:14px;font-size:12px;color:#92400e;line-height:1.5}.mc-hint svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.mc-matrix-row{background:#f8fafc;border-radius:14px;padding:12px;margin-bottom:10px;border:1.5px solid #e5e7eb;transition:border-color .2s}.mc-matrix-row:focus-within{border-color:#0d9488}.mc-matrix-row-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.mc-matrix-row-badge{font-size:12px;font-weight:700;color:#fff;background:#0d9488;padding:4px 10px;border-radius:8px;flex-shrink:0}.mc-matrix-color-select{flex:1;border:1.5px solid #e5e7eb;border-radius:10px;padding:8px 28px 8px 10px;font-size:14px;background:#fff;outline:none;color:#1f2937;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.mc-matrix-color-select:focus{border-color:#0d9488}.mc-matrix-row-total{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.mc-mrt-label{font-size:10px;color:#9ca3af}.mc-mrt-val{font-size:16px;font-weight:800;color:#0d9488;line-height:1.2}.mc-matrix-del-btn{display:flex;align-items:center;justify-content:center;background:#fef2f2;border:none;color:#ef4444;width:32px;height:32px;border-radius:10px;cursor:pointer;flex-shrink:0}.mc-matrix-del-btn:active{background:#fee2e2}.mc-matrix-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.mc-matrix-cell{display:flex;flex-direction:column;align-items:center}.mc-cell-size{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:4px}.mc-cell-input{width:100%;text-align:center;border:2px solid #e5e7eb;border-radius:10px;padding:10px 4px;font-size:18px;font-weight:700;color:#1f2937;background:#fff;outline:none;box-sizing:border-box;transition:all .15s;-webkit-appearance:none;-moz-appearance:textfield}.mc-cell-input::-webkit-inner-spin-button,.mc-cell-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mc-cell-input:focus{border-color:#0d9488;background:#f0fdfa;box-shadow:0 0 0 3px #0d94881a}.mc-cell-input::placeholder{color:#d1d5db;font-weight:400}.mc-add-row-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:2px dashed #0d9488;background:transparent;color:#0d9488;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:all .15s}.mc-add-row-btn:active{background:#f0fdfa}.mc-grand-total{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:14px 16px;background:linear-gradient(135deg,#0d9488,#14b8a6);border-radius:14px;color:#fff}.mc-gt-label{font-size:14px;opacity:.9}.mc-gt-val{font-size:24px;font-weight:800}.mc-gt-val small{font-size:13px;font-weight:500;opacity:.8}.mc-btn-submit{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s}.mc-btn-submit:active{opacity:.85}.mc-btn-submit:disabled{opacity:.5;cursor:not-allowed}.mc-btn-cancel{padding:13px 20px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280;font-size:15px;font-weight:600;cursor:pointer}.mc-btn-cancel:active{background:#f9fafb}.mc-btn-sm{padding:10px 18px;font-size:14px;flex:none}.mc-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mc-spin .7s linear infinite}.mc-preview-toolbar{display:flex;align-items:center;gap:12px;padding:4px 0 12px}.mc-check-all{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151;cursor:pointer;font-weight:600}.mc-check-all input{width:20px;height:20px;accent-color:#0d9488}.mc-preview-count{font-size:13px;color:#6b7280}.mc-preview-count b{color:#0d9488;font-size:16px}.mc-ticket-list{display:flex;flex-direction:column;gap:8px}.mc-ticket-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;cursor:pointer;border:2px solid transparent;transition:all .15s}.mc-ticket-card.checked{background:#f0fdfa;border-color:#0d9488}.mc-ticket-card.unchecked{background:#f9fafb;border-color:#e5e7eb;opacity:.55}.mc-ticket-check{flex-shrink:0}.mc-ticket-check input{width:22px;height:22px;accent-color:#0d9488}.mc-ticket-qr{width:52px;height:52px;flex-shrink:0;border-radius:8px}.mc-ticket-info{flex:1;min-width:0}.mc-ticket-top{display:flex;justify-content:space-between;align-items:center}.mc-ticket-bundle-no{font-size:14px;font-weight:700;color:#1f2937}.mc-ticket-qty{font-size:15px;font-weight:800;color:#0d9488}.mc-ticket-detail{font-size:12px;color:#6b7280;margin-top:3px}.mc-ticket-proc{font-size:11px;color:#9ca3af;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-file-meta-bar{display:flex;gap:16px;padding:10px 14px;background:#f8fafc;border-radius:10px;margin-bottom:12px;font-size:13px;flex-wrap:wrap}.mc-fm-label{color:#9ca3af;margin-right:4px}.mc-file-list{display:flex;flex-direction:column;gap:8px}.mc-file-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f8fafc;border-radius:12px;border:1px solid #f0f0f0}.mc-file-icon-wrap{font-size:26px;flex-shrink:0}.mc-file-info{flex:1;min-width:0}.mc-file-name{font-size:14px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-file-meta{font-size:11px;color:#9ca3af;margin-top:3px}.mc-file-dl-btn{font-size:13px;padding:7px 16px;border-radius:10px;border:1.5px solid #0d9488;color:#0d9488;text-decoration:none;font-weight:600;flex-shrink:0;background:#fff}.mc-alert-modal{width:100%;max-width:340px;background:#fff;border-radius:20px;padding:28px 20px 20px;text-align:center;animation:mc-alert-in .3s ease}@keyframes mc-alert-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mc-alert-icon{font-size:52px;margin-bottom:10px}.mc-alert-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:12px}.mc-alert-body{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:20px}.mc-alert-sub{font-size:12px;color:#9ca3af;margin-top:6px}.mc-alert-actions{display:flex;gap:10px;justify-content:center}.mobile-module-body .content:has(.mc-app){padding:0;max-width:100%}.mobile-module-body>.content>.mc-app{margin:-10px}.mws-app{min-height:100vh;background:#f8fafc;padding-bottom:80px}.mobile-mode .mws-app .row{display:none}.mobile-module-body .content:has(.mws-app){padding:0;max-width:100%}.mobile-module-body>.content>.mws-app{margin:-10px}.mws-header{background:linear-gradient(135deg,#0d9488,#14b8a6);padding:16px 16px 14px}.mws-stats{display:flex;justify-content:space-around}.mws-stat{display:flex;flex-direction:column;align-items:center}.mws-stat-num{font-size:22px;font-weight:800;color:#fff}.mws-stat-label{font-size:11px;color:#fffc;margin-top:2px}.mws-login-card{margin:12px;background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0000000f}.mws-login-title{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:12px}.mws-login-form{display:flex;flex-direction:column;gap:10px}.mws-input{border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-size:15px;color:#1f2937;outline:none;width:100%;box-sizing:border-box;-webkit-appearance:none}.mws-input:focus{border-color:#0d9488}.mws-err{color:#ef4444;font-size:13px}.mws-btn-login{color:#fff;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:600;cursor:pointer}.mws-quick-fill{display:flex;gap:8px;flex-wrap:wrap}.mws-quick-fill span{font-size:12px;color:#0d9488;background:#f0fdfa;border:1px solid #99f6e4;border-radius:20px;padding:4px 12px;cursor:pointer}.mws-session-card{margin:12px;background:#fff;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000f}.mws-session-info{flex:1}.mws-session-name{font-size:16px;font-weight:700;color:#1f2937}.mws-session-meta{font-size:12px;color:#6b7280;margin-top:2px}.mws-session-perms{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mws-search-bar{padding:0 12px 10px}.mws-search{width:100%;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:14px;outline:none;background:#fff;-webkit-appearance:none}.mws-search:focus{border-color:#0d9488}.mws-tabs{display:flex;gap:8px;padding:0 12px 12px}.mws-tab{flex:1;text-align:center;padding:10px;border-radius:10px;font-size:14px;font-weight:600;color:#6b7280;background:#fff;border:1.5px solid #e5e7eb;cursor:pointer;transition:all .2s}.mws-tab.active{color:#fff;border-color:transparent}.mws-msg{margin:0 12px 10px;padding:10px 14px;border-radius:10px;font-size:14px}.mws-msg.ok{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.mws-msg.err{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.mws-list{padding:0 12px;display:flex;flex-direction:column;gap:10px}.mws-empty{text-align:center;color:#9ca3af;padding:40px 0;font-size:14px}.mws-card{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 2px 6px #0000000d}.mws-card-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mws-card-name{font-size:16px;font-weight:700;color:#1f2937;flex:1}.mws-card-meta{font-size:12px;color:#6b7280;display:flex;gap:12px;margin-bottom:4px}.mws-card-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mws-card-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #f3f4f6}.mws-btn-ghost-sm{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:6px 14px;font-size:13px;color:#4b5563;cursor:pointer}.mws-btn-del-sm{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:6px 14px;font-size:13px;color:#ef4444;cursor:pointer}.mws-adm-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.mws-badge{font-size:11px;padding:2px 10px;border-radius:20px;font-weight:600;white-space:nowrap}.mws-badge.ok{background:#ecfdf5;color:#059669}.mws-badge.bad{background:#fef2f2;color:#dc2626}.mws-badge-ok{font-size:11px;padding:2px 8px;border-radius:20px;background:#d1fae5;color:#059669;font-weight:600}.mws-badge-muted{font-size:11px;padding:2px 8px;border-radius:20px;background:#f3f4f6;color:#9ca3af}.mws-chip{font-size:12px;padding:3px 10px;border-radius:20px;background:#f3f4f6;color:#4b5563}.mws-chip.on{background:#ccfbf1;color:#0d9488;font-weight:500}.mws-chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}.mws-chip-btn{border:1.5px solid #e5e7eb;border-radius:10px;padding:10px;text-align:center;font-size:13px;color:#4b5563;cursor:pointer;transition:all .15s;background:#fff}.mws-chip-btn.active{color:#fff}.mws-fab{position:fixed;bottom:100px;right:20px;width:52px;height:52px;border-radius:50%;border:none;color:#fff;font-size:26px;font-weight:300;cursor:pointer;box-shadow:0 4px 12px #0d948866;z-index:100}.warehouse-comparison-table-wrap{overflow-x:auto;margin-bottom:16px}.warehouse-comparison-table{width:100%;border-collapse:collapse;font-size:14px}.warehouse-comparison-table th{background:#f0f2f5;padding:10px 12px;text-align:center;font-weight:600;font-size:13px;color:#4b5563;border-bottom:2px solid var(--line);white-space:nowrap}.warehouse-comparison-table th:first-child{text-align:left;padding-left:16px}.warehouse-comparison-table td{padding:10px 12px;text-align:center;border-bottom:1px solid var(--line)}.warehouse-comparison-table .size-cell{text-align:left;padding-left:16px;font-weight:600;color:#333}.warehouse-comparison-table .num-cell{font-variant-numeric:tabular-nums;font-size:14px}.warehouse-comparison-table .order-qty-col{color:#4b5563}.warehouse-comparison-table .received-col{color:#2ed573}.warehouse-comparison-table .unreceived-col{color:#ff4757}.warehouse-comparison-table .grand-total-row{background:#fafbfc;font-weight:700;border-top:2px solid var(--line)}.warehouse-comparison-table .grand-total-row td{padding:12px;font-size:15px}.warehouse-comparison-table .grand-label{color:#333;text-align:left;padding-left:16px}.warehouse-comparison-table .grand-qty{color:#333;font-weight:700}.warehouse-ref-panel{padding:16px}.warehouse-ref-meta{display:flex;flex-wrap:wrap;gap:24px;padding:12px 16px;background:#f8f9fb;border-radius:8px;margin-bottom:12px;font-size:14px}.warehouse-ref-meta-item{display:flex;align-items:center;gap:8px}.warehouse-ref-meta-grow{flex:1;min-width:180px}.warehouse-ref-label{color:var(--muted);font-size:13px}.warehouse-ref-value{color:var(--ink);font-weight:600}.warehouse-ref-summary{display:flex;flex-wrap:wrap;gap:24px;padding:12px 16px;background:#f8f9fb;border-radius:8px;margin-bottom:16px;font-size:14px}.warehouse-ref-summary-item{display:flex;align-items:center;gap:8px}.warehouse-ref-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:#f8f9fb;border-radius:8px}.warehouse-ref-progress-label{font-size:14px;color:var(--ink);white-space:nowrap}.warehouse-ref-progress-label b{font-size:18px;color:#1d4ed8}.warehouse-ref-progress-bar-wrap{flex:1;height:14px;background:#e5e7eb;border-radius:7px;overflow:hidden}.warehouse-ref-progress-bar{height:100%;background:#15803d;border-radius:7px;transition:width .3s ease}.warehouse-ref-progress-rate{font-size:14px;font-weight:700;color:#15803d;min-width:44px;text-align:right}.warehouse-ref-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.warehouse-ref-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.warehouse-ref-table th,.warehouse-ref-table td{padding:10px 12px;text-align:center;border:1px solid var(--line)}.warehouse-ref-table thead th{background:#f0f2f5;font-weight:600;color:#4b5563;font-size:13px}.warehouse-ref-table .col-color{width:80px;background:#f8f9fb;font-weight:600}.warehouse-ref-table .col-metric{width:100px;background:#fafbfc;font-size:13px;color:#4b5563}.warehouse-ref-table .col-size{min-width:70px;font-weight:600}.warehouse-ref-table .col-total{min-width:80px;font-weight:700;background:#f8f9fb}.warehouse-ref-table .cell-color{background:#f8f9fb;font-weight:700;color:#333;vertical-align:middle}.warehouse-ref-table .cell-metric{background:#fafbfc;font-size:13px;color:#4b5563}.warehouse-ref-table .cell-num{font-variant-numeric:tabular-nums;color:#333}.warehouse-ref-table .cell-total{font-weight:700;background:#f8f9fb;color:#333}.warehouse-ref-table .txt-blue{color:#1d4ed8;font-weight:600}.warehouse-ref-table .txt-red{color:#dc2626;font-weight:600}.warehouse-ref-table .grand-row td{background:#f0f2f5;font-weight:700}.warehouse-ref-table .grand-row .grand-color{background:#e5e7eb;color:#111827}.cutting-remainder-bar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:12px;flex-wrap:wrap}.cutting-remainder-bar .remainder-label{font-size:13px;font-weight:600;color:#15803d;white-space:nowrap}.cutting-remainder-bar .remainder-item{font-size:13px;color:#4b5563;background:#fff;padding:3px 10px;border-radius:6px;border:1px solid #e5e7eb;white-space:nowrap}.mc-sheet-tall{max-height:96vh}.mc-form-info-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:12px;margin-bottom:14px}.mc-form-info-row{display:flex;gap:10px;margin-bottom:10px}.mc-form-info-row:last-child{margin-bottom:0}.mc-form-field{flex:1;display:flex;flex-direction:column;gap:4px}.mc-form-field span{font-size:11px;color:#9ca3af;font-weight:500}.mc-form-field input{border:1.5px solid #e5e7eb;border-radius:10px;padding:9px 10px;font-size:14px;color:#1f2937;background:#fff;outline:none;width:100%}.mc-form-field input:focus{border-color:#0d9488;background:#f0fdfa}.mc-form-field.readonly input{background:#f3f4f6;color:#6b7280}.mc-size-col-manager{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:14px;padding:12px;margin-bottom:14px}.mc-size-col-label{font-size:12px;color:#6b7280;font-weight:600;margin-bottom:8px}.mc-size-col-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mc-size-col-tag{display:inline-flex;align-items:center;gap:4px;background:#f0fdfa;border:1px solid #99f6e4;color:#0d9488;font-size:12px;font-weight:700;padding:5px 10px;border-radius:10px}.mc-size-col-tag button{border:none;background:none;color:#ef4444;font-size:12px;cursor:pointer;padding:0 0 0 2px;line-height:1}.mc-size-col-add{display:flex;gap:8px;align-items:center}.mc-size-col-add select{flex:1;border:1.5px solid #e5e7eb;border-radius:10px;padding:9px 10px;font-size:14px;color:#1f2937;background:#fff;outline:none}.mc-size-col-add select:focus{border-color:#0d9488}.mc-size-col-add-btn{flex-shrink:0;border:none;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ef4444,#f87171);cursor:pointer}.mc-size-col-add-btn:disabled{opacity:.5;cursor:not-allowed}.mc-matrix-bundle-no{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.mc-matrix-bundle-no span{font-size:10px;color:#9ca3af}.mc-matrix-bundle-no input{width:48px;border:1.5px solid #e5e7eb;border-radius:8px;padding:6px 4px;font-size:14px;font-weight:700;text-align:center;color:#1f2937;outline:none}.mc-matrix-bundle-no input:focus{border-color:#0d9488;background:#f0fdfa}.pc-login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f6f8 0%,#e8eaed 100%)}.pc-login-card{width:380px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0f172a1f;padding:40px 36px;text-align:center}.pc-login-brand{font-size:32px;font-weight:800;color:var(--brand);letter-spacing:2px}.pc-login-sub{font-size:14px;color:var(--muted);margin-top:6px;margin-bottom:32px}.pc-login-form{display:flex;flex-direction:column;gap:16px;text-align:left}.pc-login-field{display:flex;flex-direction:column;gap:6px}.pc-login-field span{font-size:13px;color:var(--muted);font-weight:500}.pc-login-field input{padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.pc-login-field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #b91c1c14}.pc-login-err{color:var(--brand);font-size:13px;text-align:center;background:var(--brand-soft);padding:8px 12px;border-radius:8px}.pc-login-btn{margin-top:8px;padding:13px;background:var(--brand);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.pc-login-btn:hover:not(:disabled){background:#991b1b}.pc-login-btn:disabled{opacity:.7;cursor:not-allowed}.pc-login-mobile-link{margin-top:4px;padding:10px;background:#fff;color:var(--accent);border:1px dashed var(--accent);border-radius:10px;font-size:14px;cursor:pointer;transition:background .2s;text-align:center}.pc-login-mobile-link:hover{background:#eff6ff}.pc-user-tag{display:inline-flex;align-items:center;gap:10px}.pc-logout-btn{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer}.pc-logout-btn:hover{color:var(--brand);border-color:var(--brand)}.system-panel{display:flex;height:100%;gap:0}.sys-sidebar{width:180px;min-width:180px;background:#f8fafc;border-right:1px solid var(--line);padding:12px 0;display:flex;flex-direction:column}.sys-sidebar-title{font-size:13px;font-weight:700;color:var(--muted);padding:0 16px 12px;letter-spacing:.5px}.sys-nav-item{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:var(--ink);text-align:left;width:100%;transition:background .15s}.sys-nav-item:hover{background:#eef2ff}.sys-nav-item.active{background:#eef2ff;color:var(--brand);font-weight:700;border-right:3px solid var(--brand)}.sys-nav-icon{font-size:16px;width:24px;text-align:center}.sys-content{flex:1;overflow:auto;padding:20px 24px}.sys-msg{padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.sys-msg.ok{background:#ecfdf3;color:var(--ok)}.sys-msg.warn{background:#fffbeb;color:#92400e}.sys-msg.err{background:#fef3f2;color:var(--brand)}.sys-msg-x{border:none;background:none;cursor:pointer;font-size:16px;color:inherit;opacity:.6}.sys-loading{text-align:center;padding:40px;color:var(--muted)}.sys-section-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sys-section-hd h3{margin:0;font-size:18px}.sys-section-desc{color:var(--muted);font-size:13px;margin-bottom:16px}.sys-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:14px}.sys-card-hd{font-weight:700;font-size:15px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.sys-card.warn-card{border-color:#fecaca;background:#fff5f5}.sys-form-row{display:flex;gap:16px;margin-bottom:12px}.sys-form-row>label{flex:1;font-size:13px;color:var(--muted)}.sys-form-row>label>input,.sys-form-row>label>select{margin-top:4px}.sys-form-section{margin-bottom:12px}.sys-form-label{font-size:13px;color:var(--muted);margin-bottom:6px}.sys-form-actions{display:flex;gap:8px;margin-top:16px}.sys-perm-grid{display:flex;flex-wrap:wrap;gap:8px}.sys-perm-chip{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;font-size:13px;cursor:pointer;background:#fff;transition:all .15s;-webkit-user-select:none;user-select:none}.sys-perm-chip.on{background:#eef2ff;border-color:var(--brand);color:var(--brand);font-weight:600}.sys-perm-chip input{display:none}.sys-data-actions{display:flex;flex-direction:column;gap:12px}.sys-data-item{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fafafa}.sys-data-icon{font-size:28px}.sys-data-info{flex:1}.sys-data-title{font-weight:700;font-size:14px}.sys-data-desc{font-size:12px;color:var(--muted);margin-top:2px}.sys-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--line);margin-top:12px}.sys-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.sys-stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center}.sys-stat-n{font-size:28px;font-weight:800;color:var(--brand)}.sys-stat-l{font-size:12px;color:var(--muted);margin-top:4px}.sys-tech-stack{display:flex;flex-wrap:wrap;gap:8px}.sys-tech-badge{padding:4px 12px;background:#eef2ff;color:var(--brand);border-radius:999px;font-size:12px;font-weight:600}.sys-code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:12px;font-family:monospace}