:root{--primary: #1e62c1;--primary-hover: #154c9a;--bg-main: #f4f7f9;--surface: #fff;--text-main: #1a1a1a;--text-muted: #64748b;--border-color: #e2e8f0;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--pc-sidebar-w: 268px;--pc-bg: #eef3f8;--pc-border: #dbe4ee;--pc-text: #172033;--pc-muted: #6b7a90;--pc-blue: #0b63ce;--pc-blue-dark: #074b9d;--pc-soft-blue: #eaf3ff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{overflow-x:hidden}body{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 85% 90%,#e3f1f4 0%,transparent 45%),var(--pc-bg);color:var(--pc-text);font-size:14px}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.pc-kiot-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--pc-sidebar-w);background:linear-gradient(180deg,#0f172a,#111827 46%,#0b1220);color:#e5edf7;z-index:900;display:flex;flex-direction:column;box-shadow:8px 0 24px #0f172a2e}.pc-kiot-overlay,.pc-kiot-close,.pc-kiot-menu-toggle{display:none}.pc-kiot-brand{min-height:76px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.pc-kiot-brand img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff;border:2px solid rgba(255,255,255,.9);padding:4px}.pc-kiot-brand-title{font-size:15px;font-weight:900;letter-spacing:.3px}.pc-kiot-brand-sub{font-size:11px;color:#9caec6;font-weight:700;margin-top:3px}.pc-kiot-nav{padding:12px 10px 18px;overflow-y:auto;flex:1}.pc-kiot-nav-title{color:#7f8da3;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;padding:14px 12px 7px;display:flex;align-items:center;gap:6px}.pc-kiot-nav-title:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dot, #3b82f6)}.pc-kiot-link{width:100%;border:none;background:transparent;color:#cbd5e1;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-weight:700;font-size:13px;margin-bottom:3px;transition:all .15s ease;text-align:left}.pc-kiot-link i{width:22px;font-size:16px;color:#93c5fd;display:inline-flex;justify-content:center}.pc-kiot-link:hover{background:#ffffff14;color:#fff;transform:translate(2px)}.pc-kiot-link.active{color:#fff;background:linear-gradient(135deg,var(--pc-blue),#0ea5e9);box-shadow:0 10px 22px #0ea5e938}.pc-kiot-foot{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#9caec6;display:flex;align-items:center;gap:8px}.pc-kiot-foot b{color:#fff}.pc-kiot-foot button{margin-left:auto;background:#ffffff14;color:#e5edf7;border:none;border-radius:8px;padding:6px 10px;font-weight:700;font-size:12px}.app-container{min-width:0;margin-left:var(--pc-sidebar-w);min-height:100vh;padding-bottom:40px}.blue-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--primary) 0%,#003a8c 100%);color:#fff;padding:10px 12px;min-height:44px}.blue-header.teal{background:linear-gradient(135deg,#0f8f7a,#0b6b5c)}.blue-header .title{position:absolute;left:50%;transform:translate(-50%);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.4px}.btn-back{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:6px 10px;font-weight:700;font-size:11px;display:inline-flex;gap:4px;align-items:center}.btn-back:hover{background:#ffffff38}.header-icon{color:#fff;opacity:.85;font-size:16px;background:none;border:none}.page{padding:10px 8px}.page.narrow{max-width:720px;margin:0 auto;padding:16px 8px}.card{background:#fff;border-radius:16px;border:1px solid var(--pc-border);box-shadow:0 10px 28px #0f172a0f;padding:15px;margin-bottom:12px}.section-title{font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px;margin:0 0 12px}.muted{color:var(--text-muted)}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:800;border:1px solid var(--pc-border);background:#fff}.field{margin-bottom:14px}.field label,.label{display:block;font-weight:600;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-control{width:100%;border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;font-size:13px;background:#f4f7fa;min-height:32px;color:var(--text-main);outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1e62c126;background:#fff}textarea.form-control{min-height:60px;resize:vertical}.customer-combobox{position:relative;width:100%}.customer-combobox .form-control{min-height:40px}.customer-combobox-list{position:absolute;z-index:120;top:calc(100% + 4px);left:0;right:0;max-height:min(280px,55vh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--pc-border);border-radius:9px;background:#fff;box-shadow:0 10px 24px #0f172a29}.customer-combobox-option{display:grid;width:100%;gap:4px;padding:10px 12px;border:0;border-bottom:1px solid #eef2f7;background:#fff;color:var(--text-main);text-align:left;cursor:pointer}.customer-combobox-option:last-child{border-bottom:0}.customer-combobox-option:hover,.customer-combobox-option.active{background:#eff6ff}.customer-combobox-option strong{font-size:13px}.customer-combobox-option span,.customer-combobox-empty{color:var(--text-muted);font-size:11px}.customer-combobox-empty{padding:14px 12px}.btn-main{background:var(--primary);color:#fff;width:100%;padding:10px;border-radius:8px;border:none;font-weight:800;font-size:12px;letter-spacing:.5px;box-shadow:0 4px 10px #1e62c14d;text-transform:uppercase}.btn-main:hover{background:var(--primary-hover)}.btn-main:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.btn-plus{width:26px;height:26px;border-radius:8px;border:none;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.btn-outline{background:#fff;border:1px solid var(--pc-border);border-radius:10px;padding:7px 12px;font-weight:700;font-size:12px}.error-text{color:var(--danger);font-size:12px;font-weight:600;margin-top:6px}.type-badge{font-size:9px;padding:3px 8px;border-radius:10px;font-weight:700;display:inline-block}.badge-tan-xuan{background:#dcfce7;color:#166534}.badge-ca-koi{background:#f3e8ff;color:#6b21a8}.badge-mix{background:#e0f2fe;color:#1e40af}.badge-khach-dat{background:#fee2e2;color:#991b1b}.badge-urgent{background:#dc2626;color:#fff;font-size:9px;font-weight:800;border-radius:4px;padding:1px 6px;margin-left:6px;vertical-align:middle}.count-pill{background:var(--pc-blue);color:#fff;font-size:10px;font-weight:800;border-radius:999px;padding:2px 8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:10px 18px;border-radius:12px;font-weight:700;font-size:13px;z-index:2000;box-shadow:0 10px 30px #00000040}.toast.error{background:#b91c1c}.empty{text-align:center;color:var(--text-muted);padding:30px 10px;font-weight:600}.loading{text-align:center;color:var(--primary);padding:30px;font-weight:600}@media (max-width: 1023px){.pc-kiot-sidebar{position:fixed;inset:0 auto 0 0;z-index:1300;width:min(300px,85vw);max-width:85vw;transform:translate(-100%);visibility:hidden;transition:transform .24s ease,visibility 0s linear .24s}.pc-kiot-sidebar.is-open{transform:translate(0);visibility:visible;transition:transform .24s ease}.pc-kiot-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1250;width:100%;height:100%;padding:0;border:0;background:#00000073}.pc-kiot-close{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;margin-left:auto;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:#ffffff14;color:#fff;font-size:17px}.app-container{width:100%;margin-left:0}.blue-header{gap:10px}.pc-kiot-menu-toggle{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:34px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:8px;background:#ffffff1f;color:#fff;font-size:22px}.blue-header-date,.blue-header-user{min-width:0}.blue-header-user{overflow:hidden;max-width:28vw;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 520px){.blue-header-date{display:none}.blue-header-user{max-width:28vw;margin-left:auto;font-size:11px}.blue-header .title{font-size:12px}}h1{font-size:20px;margin:6px 0 16px;font-weight:900}.splash,.login-wrap{min-height:100vh;display:grid;place-items:center;color:var(--primary);font-weight:800}.login-wrap{background:linear-gradient(140deg,#e7f1ff,#f5fbff)}.login-card{width:min(390px,calc(100vw - 32px));padding:32px;background:#fff;border-radius:20px;box-shadow:0 18px 50px #14366633;display:grid;gap:13px}.login-card img{width:62px;margin:0 auto}.login-card h1,.login-card p,.login-card small{text-align:center;margin:0}.login-card p,.login-card small{color:var(--text-muted)}.login-card label{font-weight:800;font-size:12px;display:grid;gap:6px}.login-card input{border:1px solid var(--pc-border);border-radius:9px;padding:11px}.dashboard{max-width:1120px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric{text-align:left;padding:18px;min-height:116px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,#1677df,#0b4f9d)}.metric.picking{background:linear-gradient(135deg,#f59e0b,#c46a00)}.metric.shipping{background:linear-gradient(135deg,#9b59b6,#64358a)}.metric.done{background:linear-gradient(135deg,#10a877,#08745b)}.metric span{display:block;font-weight:700}.metric b{font-size:34px;display:inline-block;margin-top:10px}.metric i{float:right;font-size:23px;margin-top:16px}.activity-list>div{padding:10px 0;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:150px 1fr auto;gap:12px}.activity-list em{font-style:normal;color:var(--text-muted);font-size:12px}.dashboard-period{display:flex;flex-wrap:wrap;align-items:end;gap:9px;margin-bottom:18px;padding:11px}.dashboard-period-presets{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:6px}.dashboard-period-presets button{border:1px solid var(--pc-border);border-radius:999px;background:#fff;padding:7px 11px;color:#475569;font-size:11px;font-weight:800}.dashboard-period-presets button.active{border-color:var(--primary);background:#eaf3ff;color:var(--primary)}.dashboard-period>label{display:grid;min-width:145px;gap:4px;color:var(--text-muted);font-size:10px;font-weight:800}.dashboard-period input{min-height:36px;border:1px solid var(--pc-border);border-radius:8px;padding:6px 9px;background:#f8fafc}.dashboard-refresh{min-height:36px}.dashboard-metric-section{margin-bottom:18px}.dashboard-metric-section>h2{margin:0 0 9px;color:#172033;font-size:15px;font-weight:900}.dashboard-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dashboard-metric{position:relative;min-width:0;min-height:105px;padding:13px;border:0;border-radius:13px;color:#fff;text-align:left;box-shadow:0 5px 15px #0f172a12}.dashboard-metric>span{display:block;font-size:11px;font-weight:800}.dashboard-metric>b{display:block;max-width:100%;margin-top:8px;overflow-wrap:anywhere;font-size:23px;line-height:1.15}.dashboard-metric>small{display:block;margin-top:5px;color:#ffffffd9;font-size:9px;line-height:1.3}.dashboard-metric:disabled{cursor:not-allowed;opacity:.8}.dashboard-metric.cash-revenue{background:linear-gradient(135deg,#1677df,#0b4f9d)}.dashboard-metric.cash-collected,.dashboard-metric.dashboard-invoice-sent{background:linear-gradient(135deg,#10a877,#08745b)}.dashboard-metric.cash-debt,.dashboard-metric.dashboard-debt{background:linear-gradient(135deg,#9b59b6,#64358a)}.dashboard-metric.cash-remaining,.dashboard-metric.dashboard-total{background:linear-gradient(135deg,#475569,#1e293b)}.dashboard-metric.dashboard-invoice-pending{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.dashboard-metric.dashboard-cancelled{background:linear-gradient(135deg,#64748b,#334155)}.dashboard-metric-skeleton{display:grid;align-content:start;gap:13px;background:#fff;border:1px solid var(--pc-border)}.dashboard-metric-skeleton i{display:block;width:65%;height:11px;border-radius:5px;background:#e9eff5}.dashboard-metric-skeleton i:nth-child(2){width:43%;height:26px}.dashboard-metric-skeleton i:nth-child(3){width:80%;height:9px}.dashboard-finance-note{margin:-8px 0 14px;color:var(--text-muted);font-size:11px}.dashboard-error{display:grid;justify-items:start;gap:7px;margin-bottom:15px}@media (max-width: 900px){.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.dashboard-period>label{flex:1 1 calc(50% - 9px);min-width:0}.dashboard-refresh{flex:1 1 100%}.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dashboard-metric{min-height:94px;padding:10px}.dashboard-metric>b{font-size:19px}.dashboard-cash-grid .dashboard-metric>b{font-size:16px}.dashboard-period-presets button{padding:6px 8px;font-size:10px}}.tabs{display:flex;overflow-x:auto;gap:6px;margin-bottom:10px}.tabs button{white-space:nowrap;border:1px solid var(--pc-border);border-radius:99px;background:#fff;padding:8px 13px;font-weight:700}.tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.search{max-width:600px;margin:0 0 12px}.queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.warehouse{margin:0}.warehouse h2{font-size:13px;margin:0 0 9px;display:flex;justify-content:space-between}.customer-row{width:100%;border:0;background:#f8fafc;border-radius:10px;padding:10px;margin-top:7px;display:flex;align-items:center;gap:9px;text-align:left}.customer-row>span{flex:1;display:grid;gap:3px}.customer-row small{color:var(--text-muted)}.customer-row mark,.order-card mark{background:var(--danger);color:#fff;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:900}.drawer-layer{position:fixed;z-index:1200;top:0;right:0;bottom:0;left:0;background:#0f172a77;display:flex;justify-content:flex-end}.drawer{width:min(560px,100vw);background:var(--pc-bg);overflow:auto}.drawer-intro{padding:15px;display:grid;background:#fff;border-bottom:1px solid var(--pc-border)}.drawer-intro span{color:var(--text-muted);margin-top:4px}.drawer .error-text{margin:10px}.order-card{padding:15px;background:#fff;margin:10px;border:1px solid var(--pc-border);border-radius:12px}.order-card>div:first-child{display:flex;align-items:center;gap:8px}.order-card p{margin:8px 0;font-size:12px}.order-card .btn-main{margin-top:6px}.thumbs{display:flex;gap:6px;overflow:auto}.thumbs img{width:64px;height:64px;object-fit:cover;border-radius:7px}.order-images{display:grid;gap:8px;margin:4px 0}.order-images-title{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.order-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:7px}.order-images-item{position:relative;padding:0;border:1px solid var(--pc-border);border-radius:9px;overflow:hidden;background:#f1f5f9;aspect-ratio:1;cursor:zoom-in}.order-images-item img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .15s ease}.order-images-item img.is-loading{opacity:0}.order-images-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted);font-size:22px}.order-images-empty{padding:12px;border:1px dashed var(--pc-border);border-radius:9px;color:var(--text-muted);font-size:12px;text-align:center}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0f172ae6;display:grid;place-items:center}.lightbox-img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:8px;box-shadow:0 24px 60px #0008}.lightbox-close{position:absolute;top:14px;right:20px;width:40px;height:40px;border:0;border-radius:50%;background:#fff2;color:#fff;font-size:26px;cursor:pointer}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:#fff2;color:#fff;font-size:30px;line-height:1;cursor:pointer}.lightbox-nav.prev{left:18px}.lightbox-nav.next{right:18px}.check{display:flex;align-items:center;gap:8px}.check label{margin:0;text-transform:none;letter-spacing:0}.quick-add{display:flex;gap:8px;align-items:center}.quick-add .form-control{flex:1}.customer-list{max-width:820px}.customer-list .card{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.customer-list .card div{display:grid;gap:4px}.customer-list span{color:var(--text-muted);font-size:12px}.debt{color:#dc2626}.customer-tools{display:flex;gap:8px;max-width:820px}.customer-tools .search{flex:1;max-width:none}.customer-tools select{width:180px}.customer-card{width:100%;cursor:pointer;text-align:left}.customer-card:hover{border-color:#93b4d8;background:#f8fbff}.customers-page{max-width:1200px;margin:0 auto;padding:18px 16px 28px;display:grid;gap:18px}.customers-hero{min-height:142px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border:1px solid #bce8df;border-radius:18px;background:linear-gradient(115deg,#f0fdfa,#fff 70%)}.customers-hero-copy{display:grid;gap:6px}.customers-eyebrow{color:#0f766e;font-size:10px;font-weight:900;letter-spacing:1px}.customers-hero h1{margin:0;color:#172033;font-size:26px}.customers-hero p,.customers-list-heading p{margin:0;color:var(--text-muted);font-size:13px}.customers-hero-icon{width:82px;height:82px;flex:0 0 auto;display:grid;place-items:center;border-radius:22px;color:#fff;background:linear-gradient(145deg,#14b8a6,#0f766e);box-shadow:0 12px 26px #0f766e33}.customers-hero-icon svg{width:48px;height:48px;fill:currentColor}.customers-hero-icon svg path:last-child{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.customers-add{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) minmax(160px,.9fr) auto;gap:10px;align-items:center;margin:0;padding:16px}.customers-add-heading{display:flex;align-items:center;gap:10px}.customers-add-heading>span:last-child{display:grid;gap:3px}.customers-add-heading b{font-size:13px}.customers-add-heading small{color:var(--text-muted);font-size:11px}.customers-add-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ecfdf5;color:#0f766e;font-size:17px}.customers-add .btn-main{width:auto;min-height:38px;padding:9px 16px;white-space:nowrap}.customers-add-error{grid-column:1 / -1}.customers-overview{display:grid;gap:13px}.customers-list-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:4px 2px 0}.customers-list-heading>div:first-child{display:grid;gap:5px}.customers-list-heading h2{margin:0;font-size:19px}.customers-visible-count{display:grid;gap:3px;text-align:right}.customers-visible-count span{color:var(--text-muted);font-size:11px}.customers-visible-count strong{color:#0f766e;font-size:19px}.customers-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.customers-summary-card{display:flex;min-width:0;align-items:center;gap:11px;margin:0;padding:15px}.customers-summary-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:#eaf3ff;color:#1e62c1;font-size:18px}.customers-summary-card>div{display:grid;min-width:0;gap:4px}.customers-summary-card small{color:var(--text-muted);font-size:9px;font-weight:900;letter-spacing:.45px}.customers-summary-card strong{color:#172033;font-size:21px;line-height:1.15}.customers-summary-card em{overflow:hidden;color:var(--text-muted);font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.customers-summary-debt .customers-summary-icon{color:#047857;background:#dcfce7}.customers-summary-count .customers-summary-icon{color:#b45309;background:#fef3c7}.customers-summary-overdue .customers-summary-icon{color:#b91c1c;background:#fee2e2}.customers-summary-debt strong,.customers-summary-overdue strong{color:#b91c1c}.customers-summary-today{grid-column:span 2;align-items:flex-start}.customers-summary-today .customers-summary-icon{color:#0f766e;background:#ccfbf1}.customers-today-content{display:grid;min-width:0;flex:1;gap:5px}.customers-today-content>strong{color:#0f766e;font-size:21px;line-height:1.15}.customers-today-list{display:grid;max-height:180px;gap:6px;overflow-y:auto;margin:3px 0 0;padding:0 4px 0 0;list-style:none}.customers-today-list li{display:flex;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid #e2e8f0}.customers-today-list li>span:first-child{display:grid;align-content:start;gap:2px;min-width:0}.customers-today-list b{overflow:hidden;color:#172033;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.customers-today-list small{color:var(--text-muted);font-size:9px}.customers-today-amounts{display:grid;justify-items:end;gap:2px;text-align:right;white-space:nowrap}.customers-today-amounts small.is-paid,.customers-today-amounts small.is-reduced{color:#047857}.customers-today-amounts small.is-increased{color:#b91c1c}.customers-today-retry{justify-self:start;border:0;padding:0;background:transparent;color:#1d4ed8;font-size:11px;font-weight:800}.customers-list-panel{margin:0;padding:14px}.customers-page .customer-tools{max-width:none;margin-bottom:12px}.customers-page .customer-tools select{width:190px;flex:0 0 auto}.customers-search{position:relative;display:block;flex:1;min-width:0}.customers-search>i{position:absolute;z-index:1;left:12px;top:50%;transform:translateY(-50%);color:#64748b}.customers-search-icon{position:absolute;z-index:1;left:12px;top:50%;transform:translateY(-56%);color:#64748b;font-size:23px;line-height:1}.customers-search .form-control{padding-left:36px;margin:0}.customers-table-wrap{overflow-x:auto;border:1px solid var(--pc-border);border-radius:11px}.customers-table{width:100%;border-collapse:collapse;font-size:12px}.customers-table th{padding:11px 13px;background:#f5f8fc;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.45px;text-align:left;text-transform:uppercase}.customers-table td{padding:11px 13px;border-top:1px solid #edf1f5}.customers-table tbody tr{transition:background .14s ease}.customers-table tbody tr:hover{background:#f5fbfa}.customers-table th:nth-child(3),.customers-table td:nth-child(3){text-align:right}.customers-table th:last-child,.customers-table td:last-child{width:100px;text-align:center}.customer-code{display:inline-block;padding:5px 8px;border:1px solid #dbeafe;border-radius:7px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:800;white-space:nowrap}.customer-name-cell{display:grid;gap:4px}.customer-name-cell strong{color:#172033;font-size:13px}.customer-name-cell span{color:var(--text-muted);font-size:11px}.customer-debt-amount{color:#64748b;font-size:13px;white-space:nowrap}.customer-debt-amount.is-debt{color:#dc2626}.customer-view-button{display:inline-flex;min-width:62px;min-height:34px;align-items:center;justify-content:center;gap:5px;padding:6px 10px;border:1px solid #bce8df;border-radius:8px;background:#f0fdfa;color:#0f766e;font-size:11px;font-weight:800}.customer-view-button:hover{background:#ccfbf1}.customers-empty,.customers-load-error{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px;color:var(--text-muted);text-align:center}.customers-empty>i,.customers-load-error>i{color:#94a3b8;font-size:25px}.customers-empty strong,.customers-load-error span{color:#475569;font-size:12px}.customers-load-error .btn-outline{width:auto}.customers-skeleton-list{display:grid;gap:8px}.customers-skeleton-row{min-height:57px;display:grid;grid-template-columns:1fr 2fr 1fr 70px;gap:14px;align-items:center;padding:10px 13px;border:1px solid #edf1f5;border-radius:9px}.customers-skeleton,.customers-skeleton-row i{display:block;height:13px;border-radius:99px;background:linear-gradient(90deg,#edf1f5 25%,#f8fafc,#edf1f5 75%);background-size:200% 100%;animation:customers-skeleton-shimmer 1.3s ease-in-out infinite}.customers-skeleton-row i:nth-child(2){max-width:75%}.customers-skeleton-row i:nth-child(3){max-width:60%;justify-self:end}.customers-skeleton-row i:nth-child(4){height:30px}.customers-skeleton-value{width:110px;height:24px}@keyframes customers-skeleton-shimmer{to{background-position:-200% 0}}.sales-page{max-width:1180px}.shipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shipment-card{margin:0}.shipment-card header,.return-list header{display:flex;align-items:center;justify-content:space-between;gap:8px}.shipment-card header>div,.return-list header span{display:grid;gap:3px}.shipment-card small,.return-list small,.posted-invoices small{color:var(--text-muted)}.shipment-card p{font-size:12px}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.btn-danger{border:1px solid #fecaca;color:#b91c1c;background:#fff1f2;border-radius:8px;font-weight:800;font-size:11px}.invoice-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px}.invoice-customer-list>button{width:100%;display:flex;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--pc-border);background:#fff;padding:10px 6px}.invoice-customer-list>button.active{background:var(--pc-soft-blue);color:var(--primary)}.invoice-customer-list>button span{display:grid;gap:3px;flex:1}.invoice-customer-list small{color:var(--text-muted)}.invoice-orders{display:grid;gap:6px;margin-bottom:12px}.invoice-orders label{display:flex;gap:9px;align-items:center;border:1px solid var(--pc-border);border-radius:9px;padding:9px}.invoice-orders label span{display:grid;gap:3px}.invoice-orders small{color:var(--text-muted)}.invoice-preview{border-top:1px solid var(--pc-border);margin-top:14px;padding-top:12px;display:grid;gap:10px}.money-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.money-grid>span{display:grid;gap:5px;background:#f5f8fc;border:1px solid var(--pc-border);border-radius:10px;padding:10px;color:var(--text-muted);font-size:11px}.money-grid b{color:var(--pc-text);font-size:14px}.return-credit-list{display:grid;gap:6px;background:#fff9e8;border:1px solid #fde8a8;padding:10px;border-radius:9px}.payment-line{display:grid;grid-template-columns:180px minmax(180px,1fr) 32px;gap:7px}.invoice-total{display:flex;justify-content:flex-end;gap:25px;padding:12px;background:#edf6ff;border-radius:9px}.posted-invoices>div{display:grid;grid-template-columns:1fr 130px 110px 60px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--pc-border)}.posted-invoices>div>span:first-child{display:grid;gap:3px}.return-form{display:grid;gap:10px}.return-head{display:grid;grid-template-columns:1fr 1fr;gap:8px}.return-table-wrap{overflow:auto;border:1px solid var(--pc-border);border-radius:10px}.return-table{border-collapse:collapse;width:100%;min-width:950px;font-size:11px}.return-table th{background:#eaf1f8;color:#43536a;text-align:left;padding:8px}.return-table td{border-top:1px solid var(--pc-border);padding:6px}.return-table input:not([type=checkbox]),.return-table select{width:100%;border:1px solid var(--pc-border);border-radius:6px;padding:7px}.return-list{max-width:900px}.return-list article p{border-top:1px solid var(--pc-border);padding-top:8px;font-size:12px}.customer-detail{padding-bottom:30px}.customer-detail>.card,.customer-detail>.money-grid{margin:10px}.debt-ledger>div{display:grid;grid-template-columns:1fr 130px 130px;gap:8px;padding:9px 0;border-top:1px solid var(--pc-border)}.debt-ledger span{display:grid;gap:3px}.debt-ledger small{color:var(--text-muted)}.debt-ledger em{font-style:normal}.debt-ledger em.debt-increase{color:#dc2626}.debt-ledger em.debt-decrease{color:#10b981}.recent-order{display:grid;grid-template-columns:1fr 100px 120px;gap:8px;padding:8px 0;border-top:1px solid var(--pc-border)}.customer-hero{display:grid;gap:6px}.customer-hero h2{margin:0}.customer-hero p{margin:2px 0;font-size:13px}.customer-debt-box{margin-top:8px;background:#fff9e8;border:1px solid #fde8a8;border-radius:10px;padding:12px;display:grid;gap:3px}.customer-debt-box span{font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.customer-debt-box b{font-size:22px;color:#b45309}.customer-debt-box small{color:var(--text-muted);font-size:11px}.debt-adjust{padding:14px}.debt-adjust-form{display:grid;gap:10px}.debt-adjust-title{font-weight:800;font-size:14px}.debt-adjust-help{font-size:12px;color:var(--text-muted)}.debt-adjust-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.debt-adjust-grid label,.debt-adjust-form>label{display:grid;gap:5px;font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.debt-adjust-draft{display:grid;gap:6px;background:#f8fafc;border:1px solid var(--pc-border);border-radius:9px;padding:10px}.debt-adjust-draft b{font-size:12px}.debt-draft-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;border-top:1px solid #e8edf3;padding-top:6px}.debt-draft-total{display:grid;gap:3px;border-top:1px solid var(--pc-border);padding-top:8px;font-size:12px}.debt-draft-total b{color:var(--primary)}@media (max-width: 700px){.debt-adjust-grid{grid-template-columns:1fr}}.upload-picker{display:inline-flex!important;align-items:center;gap:7px;padding:10px 12px;border:1px dashed #93b4d8;border-radius:10px;color:var(--primary)!important;background:var(--pc-soft-blue);cursor:pointer;text-transform:none!important;font-size:12px!important}.upload-picker input{display:none}.upload-grid{margin-top:10px;display:grid;grid-template-columns:repeat(5,minmax(80px,1fr));gap:8px}.upload-preview{position:relative;min-width:0;border:1px solid var(--pc-border);padding:5px;border-radius:10px;background:#f8fafc}.upload-preview.failed{border-color:var(--danger)}.upload-preview img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}.upload-preview button{position:absolute;right:1px;top:1px;width:22px;height:22px;padding:0;border:0;border-radius:50%;color:#fff;background:#0f172acc;font-size:17px}.upload-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 2px 1px;color:var(--text-muted)}.order-image-paste{margin-top:10px}.order-image-paste-zone{min-height:92px;display:grid;justify-items:center;align-content:center;gap:5px;padding:14px;border:1px dashed #93b4d8;border-radius:10px;color:var(--primary);background:#f8fbff;text-align:center;cursor:pointer;outline:none;transition:background .15s,border-color .15s}.order-image-paste-zone:hover,.order-image-paste-zone:focus-visible,.order-image-paste-zone.active{border-color:var(--primary);background:var(--pc-soft-blue)}.order-image-paste-zone i{font-size:20px}.order-image-paste-zone b{font-size:12px}.order-image-paste-zone span,.order-image-paste-count,.order-image-paste-notice{color:var(--text-muted);font-size:11px}.order-image-paste-count,.order-image-paste-notice{display:block;margin-top:5px}.order-image-paste-notice{color:#a16207}.upload-preview-placeholder{display:grid;width:100%;aspect-ratio:1;place-items:center;border-radius:7px;color:var(--text-muted);background:#e9eef5;font-size:12px}.pick-workspace{min-width:0;background:var(--pc-bg);overflow:visible;padding-bottom:12px}.pick-group-header{display:flex;align-items:center;gap:14px;padding:12px;background:#fff;border-bottom:1px solid var(--pc-border)}.pick-group-header>div{display:flex;flex-direction:column;gap:3px}.pick-group-header>div span{color:var(--text-muted);font-size:12px}.pick-order-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 12px}.pick-order-tab{min-width:175px;display:grid;gap:4px;text-align:left;background:#fff;border:1px solid var(--pc-border);border-radius:10px;padding:9px 12px}.pick-order-tab.active{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb22}.pick-order-tab span,.pick-order-tab small{color:var(--text-muted);font-size:11px}.pick-active-order{display:flex;align-items:center;gap:10px;padding:8px 12px;color:#0f766e;background:#ecfdf5;border-top:1px solid #a7f3d0;border-bottom:1px solid #a7f3d0;font-size:12px}.pick-active-order button{margin-left:auto}.pick-editor-error{padding:12px}.pick-complete{display:grid;justify-items:center;gap:14px;padding:48px 16px;text-align:center;color:#166534}.pick-complete .btn-main{max-width:260px}.pick-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:12px;padding:12px}.pick-summary{align-self:start;position:sticky;top:68px;display:grid;gap:8px}.pick-summary>span{color:var(--text-muted);font-size:12px}.pick-summary p{margin:4px 0;font-size:12px}.pick-main{min-width:0}.product-search{position:relative;margin-bottom:10px}.product-search>label{display:block;font-weight:800;margin-bottom:7px}.variant-results{position:absolute;left:15px;right:15px;top:77px;z-index:4;max-height:320px;overflow:auto;border:1px solid var(--pc-border);background:#fff;box-shadow:0 18px 34px #0f172a2c;border-radius:10px;padding:5px}.variant-results button{width:100%;display:grid;grid-template-columns:145px 1fr auto;gap:8px;text-align:left;align-items:center;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:9px}.variant-results button:hover{background:var(--pc-soft-blue)}.variant-results small{color:var(--text-muted)}.pick-error,.pick-success{padding:10px;border-radius:9px;margin:10px 12px;font-weight:700}.pick-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.pick-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.pick-order-status{font-weight:800;color:var(--pc-blue)!important}.pick-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--pc-border);background:#fff;border-radius:12px}.pick-table{width:100%;min-width:1250px;border-collapse:collapse;font-size:11px}.pick-table th{position:sticky;top:0;z-index:1;background:#eaf1f8;color:#43536a;text-align:left;padding:8px 6px;white-space:nowrap}.pick-table td{border-top:1px solid #e8edf3;padding:6px;vertical-align:top}.pick-table td input,.pick-table td select{width:100%;min-width:74px;border:1px solid var(--pc-border);border-radius:6px;padding:6px}.pick-table td:first-child input{min-width:170px}.pick-table td small{color:var(--text-muted)}.pick-table td em{display:block;margin-top:4px;color:var(--danger);font-style:normal;font-weight:800}.pick-table tr.stock-error{background:#fff1f2}.line-remove{border:0;border-radius:6px;background:#fee2e2;color:#b91c1c;font-size:17px}.add-line{margin:8px 0}.pick-footer{display:grid;grid-template-columns:minmax(250px,1fr) auto 220px;align-items:center;gap:16px}.pick-footer>div{display:grid;gap:5px}.pick-footer .btn-main{width:220px}.pick-group-header h1{margin:0;font-size:16px}.stats-filters{display:flex;gap:12px;align-items:end}.stats-filters label{display:grid;gap:5px;flex:1;max-width:240px;color:var(--text-muted);font-size:11px;font-weight:800}.stats-filters input,.stats-filters select{border:1px solid var(--pc-border);border-radius:8px;padding:9px;background:#f8fafc}.metric-grid.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-grid.stats .metric{min-height:86px;padding:14px}.metric-grid.stats .metric b{font-size:26px;margin-top:6px}.metric.new{background:linear-gradient(135deg,#38bdf8,#0369a1)}.metric.debt{background:linear-gradient(135deg,#9b59b6,#64358a)}.metric.cancelled{background:linear-gradient(135deg,#64748b,#334155)}.picker-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:900px}.picker-column{padding:0;overflow:hidden;align-self:start}.picker-column-title{margin:0;padding:12px 14px;font-size:13px;font-weight:800;letter-spacing:.4px}.picker-column:first-child .picker-column-title{color:#08745b;background:#ecfdf5;border-bottom:1px solid #a7f3d0}.picker-column:last-child .picker-column-title{color:#c46a00;background:#fff7ed;border-bottom:1px solid #fed7aa}.picker-row{border-top:1px solid var(--pc-border)}.picker-row:first-of-type{border-top:0}.picker-row-btn{width:100%;display:grid;grid-template-columns:1fr auto 20px;text-align:left;gap:10px;padding:12px 14px;align-items:center;border:0;background:#fff}.picker-row-btn:hover{background:#f8fafc}.picker-count{font-weight:800;font-size:16px}.picker-empty{margin:0;padding:14px;color:var(--text-muted);font-weight:600}.picker-orders>div{display:grid;grid-template-columns:130px 1fr 140px 100px;gap:8px;padding:9px 14px;border-top:1px solid var(--pc-border);background:#f8fafc;font-size:12px}@media (max-width: 900px){.pick-layout{grid-template-columns:1fr}.pick-summary{position:static}.pick-footer{grid-template-columns:1fr}.pick-footer .btn-main{width:100%}.variant-results button{grid-template-columns:1fr}.upload-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.shipment-grid{grid-template-columns:repeat(2,1fr)}.invoice-layout{grid-template-columns:1fr}.money-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.metric-grid,.queue-grid,.metric-grid.stats,.shipment-grid,.picker-columns{grid-template-columns:1fr}.activity-list>div{grid-template-columns:1fr;gap:3px}.quick-add,.customer-tools,.stats-filters{flex-direction:column;align-items:stretch}.quick-add .btn-outline,.customer-tools select{width:100%}.picker-orders>div,.posted-invoices>div,.debt-ledger>div,.recent-order{grid-template-columns:1fr}.upload-grid{grid-template-columns:repeat(2,1fr)}.return-head,.payment-line{grid-template-columns:1fr}}@media (max-width: 1050px){.customers-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customers-add{grid-template-columns:minmax(180px,1fr) minmax(150px,1fr) minmax(130px,1fr)}.customers-add-heading{grid-column:1 / -1}}@media (max-width: 700px){.customers-page{padding:12px 10px 22px;gap:13px}.customers-hero{min-height:118px;padding:17px}.customers-hero h1{font-size:22px}.customers-hero p{max-width:250px;font-size:12px}.customers-hero-icon{width:58px;height:58px;border-radius:17px;font-size:25px}.customers-add{grid-template-columns:1fr 1fr;padding:13px}.customers-add-heading{grid-column:1 / -1}.customers-add .btn-main{width:100%;grid-column:1 / -1}.customers-summary-grid{grid-template-columns:1fr;gap:8px}.customers-summary-today{grid-column:auto}.customers-summary-card{padding:12px}.customers-summary-icon{width:38px;height:38px}.customers-list-heading{align-items:start}.customers-list-heading h2{font-size:17px}.customers-visible-count{min-width:90px}.customers-visible-count span{max-width:120px}.customers-page .customer-tools{gap:8px}.customers-page .customer-tools select{width:100%}.customers-table-wrap{overflow:visible;border:0}.customers-table,.customers-table tbody{display:block}.customers-table thead{display:none}.customers-table tbody{display:grid;gap:8px}.customers-table tbody tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:11px;border:1px solid var(--pc-border);border-radius:10px;background:#fff}.customers-table td{padding:0;border:0}.customers-table td:first-child{grid-column:1}.customers-table td:nth-child(2){grid-column:1;grid-row:2}.customers-table td:nth-child(3){grid-column:2;grid-row:1 / span 2;align-self:center;text-align:right}.customers-table td:last-child{grid-column:2;grid-row:3;width:auto;justify-self:end}.customers-table th:nth-child(3),.customers-table td:nth-child(3){text-align:right}.customers-skeleton-row{grid-template-columns:1fr 1.5fr 1fr 45px;gap:8px;padding:9px}}.production-page{max-width:1180px}.production-form{max-width:940px}.production-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:12px}.production-grid label,.production-form>label,.modal-card>label{display:grid;gap:6px;color:var(--text-muted);font-size:11px;font-weight:800}.production-list{display:grid;gap:7px;max-width:980px}.production-row{width:100%;display:grid;grid-template-columns:1fr 220px 100px;gap:12px;align-items:center;text-align:left;margin:0;cursor:pointer}.production-row span,.compact-row span{display:grid;gap:4px}.production-row small,.compact-row small,.candidate-row small{color:var(--text-muted)}.production-detail{margin:10px}.compact-row{display:grid;grid-template-columns:1fr 120px auto;gap:9px;align-items:center;padding:9px 0;border-top:1px solid var(--pc-border)}.workshop-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.candidate-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;border-top:1px solid var(--pc-border);padding:9px 0}.candidate-row span{display:grid;gap:3px}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1800;background:#0f172a88;display:grid;place-items:center;padding:12px}.modal-card{width:min(520px,100%);max-height:calc(100vh - 24px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 20px 55px #0f172a55;padding:18px;display:grid;gap:12px}.modal-card.wide{width:min(900px,100%)}.modal-card h2{margin:0;font-size:18px}.modal-actions{display:grid;grid-template-columns:130px 1fr;gap:8px}.material-line{display:grid;grid-template-columns:1.4fr 110px 110px 180px 32px;gap:7px;align-items:center}.success-text{padding:9px;border-radius:8px;color:#166534;background:#dcfce7;font-weight:700}.segmented{display:inline-flex;border:1px solid var(--pc-border);border-radius:10px;overflow:hidden}.segmented button{border:0;background:#fff;padding:9px 14px;cursor:pointer;color:var(--text-muted);font-weight:700}.segmented button.active{background:var(--pc-soft-blue);color:var(--primary)}.zipper-lines{display:grid;gap:7px;margin:8px 0}.zipper-line-head,.zipper-line{display:grid;grid-template-columns:28px 1.6fr 110px 130px 130px 32px;gap:8px;align-items:center}.zipper-line-head{color:var(--text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.zipper-line select,.zipper-line input{width:100%}.zipper-total{text-align:right;font-size:14px;margin:10px 0}.zipper-total strong{color:var(--primary);font-size:18px}.fabric-page{max-width:1200px;margin:0 auto;padding:0 0 18px}.fabric-header{position:sticky;top:0}.fabric-header>:first-child,.fabric-header>:last-child{width:130px}.fabric-header>:last-child{text-align:right}.fabric-form{max-width:none;margin:12px}.fabric-supplier-select{display:grid;grid-template-columns:1fr 32px;gap:8px;align-items:center}.fabric-entry-list{display:grid;gap:12px;margin:14px 0}.fabric-entry-card{border:1px solid var(--pc-border);border-left:4px solid #10b981;border-radius:12px;background:#fff;padding:13px}.fabric-entry-card.is-return{border-left-color:#ef4444;background:snow}.fabric-entry-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--pc-border);padding-bottom:9px;margin-bottom:10px}.fabric-entry-title h2{font-size:14px;margin:0;color:#047857}.fabric-entry-card.is-return .fabric-entry-title h2{color:#b91c1c}.fabric-entry-title small{color:var(--text-muted)}.fabric-entry-actions{display:flex;align-items:center;gap:14px}.fabric-toggle,.fabric-deduction span{display:inline-flex;gap:6px;align-items:center;color:var(--text-muted);font-size:12px;font-weight:700}.fabric-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.fabric-fields label,.fabric-modal label{display:grid;gap:5px;color:var(--text-muted);font-size:10px;font-weight:800}.fabric-fields .fabric-name{grid-column:span 2}.fabric-deduction{min-height:54px}.fabric-deduction span{min-height:32px}.fabric-line-total{display:grid;gap:4px;text-align:right;align-self:center;color:var(--text-muted);font-size:11px}.fabric-line-total strong{color:#047857;font-size:16px}.fabric-entry-card.is-return .fabric-line-total strong{color:#b91c1c}.fabric-add-actions,.fabric-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.fabric-total{text-align:right;padding:14px 0 4px;margin-top:12px;border-top:1px solid var(--pc-border);font-weight:800}.fabric-total strong{color:#b91c1c;font-size:20px;margin-left:8px}.fabric-form-actions .btn-main{width:auto;min-width:190px;padding:11px 20px}.fabric-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1700;display:grid;place-items:center;overflow:auto;padding:16px;background:#0f172a8c}.fabric-modal{width:min(440px,100%);display:grid;gap:12px;margin:auto}.fabric-modal .section-title{margin:0}.fabric-invoice{width:min(1100px,100%);margin:auto}.fabric-invoice h2{text-align:center;font-size:17px;margin:4px 0 12px}.fabric-invoice-table-wrap{overflow-x:auto}.fabric-invoice-table{width:100%;border-collapse:collapse;font-size:11px}.fabric-invoice-table th,.fabric-invoice-table td{padding:7px;border:1px solid #475569;text-align:right;white-space:nowrap}.fabric-invoice-table th:nth-child(2),.fabric-invoice-table td:nth-child(2){text-align:left}.fabric-invoice-table thead{background:#ecfdf5}.fabric-invoice-table tfoot th{color:#b91c1c;font-size:13px}.fabric-invoice .fabric-form-actions{max-width:none}.fabric-form-actions .btn-outline{min-width:100px}.fabric-tabs{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--pc-border)}.fabric-tabs button{border:1px solid var(--pc-border);border-radius:9px;background:#fff;color:var(--text-muted);padding:10px 16px;font-weight:800;cursor:pointer}.fabric-tabs button.is-active{border-color:#0f766e;background:#ecfdf5;color:#047857}.fabric-debt[hidden]{display:none!important}.fabric-debt{display:grid;gap:12px;padding:12px}.fabric-debt-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fabric-debt-kpi{display:grid;gap:5px;padding:16px}.fabric-debt-kpi span,.fabric-debt-kpi small{color:var(--text-muted);font-size:12px}.fabric-debt-kpi strong{color:#047857;font-size:22px}.fabric-debt-card{display:grid;gap:12px;padding:16px}.fabric-debt-card>.section-title{margin:0}.fabric-ledger-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.fabric-ledger-totals>div{display:grid;gap:5px;padding:10px;border-radius:9px;background:#f8fafc}.fabric-ledger-totals span{color:var(--text-muted);font-size:11px}.fabric-ledger-totals strong{font-size:14px}.fabric-ledger-totals>div:last-child strong{color:#047857;font-size:17px}.fabric-payment-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.fabric-payment-form label{display:grid;gap:5px;color:var(--text-muted);font-size:10px;font-weight:800}.fabric-draft-payments{display:grid;gap:8px}.fabric-draft-payments>div:not(.fabric-total){display:grid;grid-template-columns:1fr auto 32px;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--pc-border);font-size:12px}.fabric-draft-payments .fabric-total{margin:0}.fabric-history-list{display:grid;gap:10px}.fabric-history-list article{border:1px solid var(--pc-border);border-radius:10px;overflow:hidden}.fabric-history-list article>header{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:10px;background:#f8fafc;font-size:12px}.fabric-history-list article>header span{color:var(--text-muted)}.fabric-history-list article>header b{color:#047857}.fabric-history-lines{display:grid}.fabric-history-lines>div{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:8px 10px;border-top:1px solid var(--pc-border);font-size:11px}.fabric-history-lines strong{text-align:right}.fabric-ledger-wrap{width:100%;overflow-x:auto}.fabric-ledger-table{width:100%;border-collapse:collapse;font-size:11px}.fabric-ledger-table th,.fabric-ledger-table td{padding:8px;border-bottom:1px solid var(--pc-border);text-align:left;white-space:nowrap}.fabric-ledger-table th{color:var(--text-muted);background:#f8fafc}.fabric-ledger-table td:nth-child(3){white-space:normal;min-width:180px}.fabric-ledger-table td:nth-child(4),.fabric-ledger-table td:nth-child(5),.fabric-ledger-table td:nth-child(6),.fabric-ledger-table tfoot th:last-child{text-align:right}.fabric-empty{margin:0;color:var(--text-muted);font-size:13px}.fabric-payment-preview{width:min(760px,100%)}@media (max-width: 760px){.fabric-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.fabric-fields .fabric-name{grid-column:span 2}.fabric-header>:first-child,.fabric-header>:last-child{width:105px}.fabric-add-actions,.fabric-form-actions{flex-wrap:wrap}.fabric-tabs{overflow-x:auto}.fabric-tabs button{white-space:nowrap}.fabric-debt-summary{grid-template-columns:1fr}.fabric-ledger-totals,.fabric-payment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.fabric-history-list article>header,.fabric-history-lines>div{grid-template-columns:1fr auto}.fabric-history-lines>div>span:first-child{grid-column:1 / -1}}@media print{body:has(.fabric-print-backdrop) *{visibility:hidden}.fabric-print-backdrop,.fabric-print-backdrop *{visibility:visible}.fabric-print-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;background:#fff;overflow:visible}.fabric-invoice{width:100%;max-width:none;border:0;box-shadow:none}.fabric-invoice-table-wrap{overflow:visible}.fabric-invoice-table{font-size:9px}.no-print{display:none!important}}.zipper-catalog{display:grid;gap:6px}.zipper-catalog .compact-row{grid-template-columns:1fr 130px 120px;text-align:left}.zipper-debt-groups{display:grid;gap:12px;margin:12px 0}.zipper-debt-group h3{margin:0 0 6px;font-size:12px;color:var(--primary);text-transform:uppercase;letter-spacing:.3px}.zipper-debt-month{border:1px solid var(--pc-border);border-radius:12px;padding:12px;background:#fbfdff;display:grid;gap:10px;margin-bottom:8px}.zipper-debt-month header{display:flex;justify-content:space-between;align-items:center}.zipper-debt-month header b{font-size:14px}.zipper-debt-month header small{color:var(--text-muted)}.zipper-debt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zipper-debt-grid span{display:grid;gap:4px;color:var(--text-muted);font-size:11px;font-weight:700}.zipper-debt-grid b{font-size:16px;color:#0f172a}.zipper-debt-grid small{color:var(--text-muted);font-weight:400}.zipper-ledger{display:grid;gap:6px;margin-top:8px}.zipper-ledger-row{display:grid;grid-template-columns:1fr 130px 120px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--pc-border)}.zipper-ledger-row span{display:grid;gap:3px}.zipper-ledger-row small{color:var(--text-muted)}.zipper-ledger-row em{font-style:normal}.zipper-detail-table{display:grid}.zipper-detail-head,.zipper-detail-row{display:grid;grid-template-columns:110px 160px 70px 110px 120px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--pc-border)}.zipper-detail-head{color:var(--text-muted);font-size:10px;font-weight:800;text-transform:uppercase}@media (max-width: 700px){.zipper-line-head{display:none}.zipper-line,.zipper-catalog .compact-row,.zipper-debt-grid,.zipper-ledger-row{grid-template-columns:1fr}.zipper-detail-head{display:none}.zipper-detail-row{grid-template-columns:1fr}}.card-inner{display:grid;gap:12px;border:1px solid var(--pc-border);border-radius:12px;padding:12px;margin-bottom:12px;background:#fbfdff}.color-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.chip{display:inline-flex;gap:6px;align-items:center;background:var(--pc-soft-blue);color:var(--primary);border-radius:999px;padding:5px 11px;font-size:12px}.chip b{color:#0f172a}.model-card{border:1px solid var(--pc-border);border-radius:10px;padding:10px;margin-bottom:9px;display:grid;gap:10px;background:#fff}.model-head{display:flex;justify-content:space-between;align-items:center}.model-head b{font-size:13px}.rap-hero h2{margin:0 0 4px;font-size:20px}.rap-hero p{margin:0 0 12px;color:var(--text-muted);font-size:13px}.rap-dashboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;margin-bottom:12px}.rap-stat-card{display:grid;gap:3px;text-align:left;border:1px solid var(--pc-border);border-radius:12px;background:#fff;padding:11px 12px;cursor:pointer;color:var(--text-muted);font-size:12px;font-weight:700}.rap-stat-card b{color:#0f172a;font-size:13px}.rap-stat-card.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.payment-filter{margin-bottom:12px}.rap-card{display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:stretch;width:100%;text-align:left;margin:0;padding:10px;cursor:pointer}.rap-thumb{width:74px;height:74px;border-radius:10px;overflow:hidden;background:#f1f5f9;display:grid;place-items:center}.rap-thumb img{width:100%;height:100%;object-fit:cover}.rap-noimg{color:var(--text-muted);font-size:22px}.rap-card-body{display:grid;gap:5px;min-width:0}.rap-card-title{display:flex;align-items:baseline;gap:8px}.rap-card-title b{font-size:14px}.rap-card-title small{color:var(--text-muted)}.rap-card-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--text-muted);font-size:12px}.rap-card-status{display:flex;flex-wrap:wrap;gap:6px}.rap-card-status span{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;background:var(--pc-soft-blue);color:var(--primary)}.rap-card-progress{display:grid;align-content:center;justify-items:end;gap:3px;min-width:110px}.rap-card-progress b{font-size:14px}.rap-card-progress small{color:var(--text-muted)}.rap-receipt-info{display:grid;gap:4px;padding:10px;border:1px solid var(--pc-border);border-radius:10px;background:#f8fafc;font-size:12px;color:var(--text-muted)}.rap-receipt-info b{color:#0f172a}.rap-receipt-actions{display:flex;gap:8px}.history-list{display:grid;gap:4px}.rap-hero-orange h2{color:#c2410c}.rap-hero-green h2{color:#15803d}.rap-hero-dark h2{color:#1f2937}.rap-report-wrap{background:#fff;border-radius:14px;padding:14px}.rap-report-head{text-align:center;margin-bottom:12px;color:var(--text-muted);font-size:13px}.rap-report-head b{display:block;font-size:18px;color:#0f172a}.rap-report-head small{display:block;font-size:11px}.cutting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cutting-team{display:grid;gap:8px;margin:0;padding:12px}.cutting-team b{font-size:13px}.cutting-qty{display:flex;flex-wrap:wrap;gap:6px}.cutting-qty span{background:#f1f5f9;border-radius:8px;padding:4px 8px;font-weight:700;font-size:13px}.cutting-total{font-size:12px;color:var(--text-muted)}.cutting-total b{color:#0f172a}.cutting-grand{border:1px solid var(--primary)}.rap-settle-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.rap-settle-tools{display:flex;gap:8px}.rap-table{width:100%;border-collapse:collapse;font-size:13px}.rap-table th,.rap-table td{text-align:left;padding:8px 9px;border-bottom:1px solid var(--pc-border);vertical-align:top}.rap-table th{color:var(--text-muted);font-size:11px;font-weight:800}.rap-table td small{display:block}.rap-sub{color:var(--text-muted);font-size:11px}.rap-settle-total{text-align:right;padding:10px 0;font-weight:700}.rap-settle-total b{color:var(--danger)}.rap-congno-tools{display:flex;gap:8px;margin-bottom:10px}.rap-debt-current{font-size:26px;font-weight:900;color:var(--danger)}.rap-reconcile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.rap-reconcile .card{display:grid;gap:4px;margin:0}.rap-reconcile small{color:var(--text-muted);font-size:11px;font-weight:700}.rap-reconcile b{font-size:17px}.rap-settlement{display:grid;gap:6px}.rap-settlement-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.rap-settlement-body{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--text-muted);font-size:13px}.rap-settlement-status{display:flex;justify-content:flex-end}.rap-debt-badge{color:var(--danger)!important}.rap-settlement-actions{display:flex;gap:8px;flex-wrap:wrap}.pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pattern-card{display:grid;border:1px solid var(--pc-border);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;text-align:left;margin:0;padding:0}.pattern-cover{position:relative;aspect-ratio:4 / 3;background:#f1f5f9;display:grid;place-items:center;overflow:hidden}.pattern-cover img{width:100%;height:100%;object-fit:cover}.pattern-empty i{font-size:32px;color:var(--text-muted)}.pattern-count{position:absolute;right:8px;bottom:8px;background:#0f172acc;color:#fff;border-radius:999px;padding:2px 8px;font-size:11px}.pattern-body{display:grid;gap:4px;padding:10px 12px}.pattern-body b{font-size:14px}.pattern-body p{margin:0;color:var(--text-muted);font-size:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pattern-body small{color:var(--text-muted);font-size:10px}.pattern-card.skeleton{min-height:180px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pattern-modal-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.pattern-modal-images img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer;border:1px solid var(--pc-border)}@media (max-width: 900px){.pattern-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.pattern-grid{grid-template-columns:1fr}}@media (max-width: 700px){.rap-reconcile{grid-template-columns:1fr}}.rap-customer-card{display:grid;gap:10px;width:100%;text-align:left;margin:0;padding:12px}.rap-customer-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.rap-customer-head>div:first-child{display:grid;gap:2px}.rap-customer-head b{font-size:14px}.rap-order-no{color:var(--primary);font-weight:700}.rap-customer-pattern{display:grid;gap:2px;text-align:right}.rap-customer-pattern b{font-size:14px}.rap-customer-pattern small{color:var(--text-muted)}.rap-overdue{color:var(--danger);font-weight:800}.rap-customer-images{display:flex;gap:6px;overflow-x:auto}.rap-customer-images img{width:56px;height:56px;object-fit:cover;border-radius:8px;cursor:pointer;border:1px solid var(--pc-border)}.rap-progress{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.rap-progress-fill{height:100%;background:#94a3b8;transition:width .3s}.rap-progress.warn .rap-progress-fill{background:#f59e0b}.rap-progress.done .rap-progress-fill{background:#22c55e}.rap-progress.empty .rap-progress-fill{background:#fecaca}.rap-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}.rap-progress-label b{color:#0f172a}.rap-done{color:#16a34a!important}.rap-customer-actions{display:flex;gap:8px;flex-wrap:wrap}.lightbox{background:#0f172a;border-radius:12px;padding:8px}.lightbox img{max-width:min(90vw,900px);max-height:88vh;border-radius:8px;display:block}@media (max-width: 700px){.rap-card{grid-template-columns:56px 1fr}.rap-thumb{width:56px;height:56px}.rap-card-progress{grid-column:2;justify-items:start}}@media (max-width: 800px){.production-grid,.workshop-layout,.production-row,.compact-row{grid-template-columns:1fr}.material-line{grid-template-columns:1fr 1fr}.material-line select{grid-column:1 / -1}}.materials-page{max-width:1180px}.materials-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.materials-card{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;cursor:pointer;border:1px solid var(--pc-border);border-radius:12px;background:#fff}.materials-card i{font-size:26px;color:var(--primary)}.materials-card span{display:grid;gap:4px}.materials-card b{font-size:14px}.materials-card small{color:var(--text-muted)}.materials-card:hover{border-color:var(--primary)}@media (max-width: 850px){.materials-card-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.materials-card-grid{grid-template-columns:1fr}}.materials-head{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;align-items:end;gap:10px}.materials-head>label,.material-action>label{display:grid;gap:6px;color:var(--text-muted);font-size:11px;font-weight:800}.materials-head>div{display:grid;gap:5px}.materials-head>div>strong{font-size:20px}.partner-quick{grid-column:1 / -1;display:grid;grid-template-columns:150px 1fr 100px 80px;gap:7px}.sub-tabs{margin-top:3px}.materials-layout{display:grid;grid-template-columns:minmax(380px,1fr) minmax(360px,.85fr);gap:12px}.material-action{display:grid;gap:11px}.material-money{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.material-money label{display:grid;gap:5px;color:var(--text-muted);font-size:11px;font-weight:800}.inline-create{border:1px dashed #93b4d8;background:var(--pc-soft-blue);border-radius:10px;padding:10px;display:grid;grid-template-columns:120px 1fr 90px auto;gap:7px}.inline-create p,.inline-create .error-text{grid-column:1 / -1;margin:0}.settlement-total{text-align:right;font-size:14px}.partner-ledger{align-self:start;max-height:670px;overflow:auto}.partner-ledger .money-grid{grid-template-columns:repeat(3,1fr)}.partner-ledger em{font-style:normal}@media (max-width: 850px){.materials-head,.materials-layout,.partner-quick,.inline-create{grid-template-columns:1fr}.partner-quick,.inline-create p,.inline-create .error-text{grid-column:auto}}.hr-page,.reports-page{max-width:1180px}.hr-hero{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--pc-border);border-radius:12px;padding:14px 16px;margin-bottom:12px}.hr-hero-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--pc-soft-blue);color:var(--primary);font-size:22px}.hr-hero b{display:block;font-size:16px}.hr-hero small{color:var(--text-muted)}.hr-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.hr-feature-grid button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--pc-border);border-radius:12px;background:#fff;padding:13px 14px;cursor:pointer}.hr-feature-grid button i{font-size:24px;color:var(--primary)}.hr-feature-grid button span{display:grid;gap:3px}.hr-feature-grid button b{font-size:14px}.hr-feature-grid button small{color:var(--text-muted);font-weight:400}.hr-feature-grid button:hover{border-color:var(--primary)}.hr-feature-grid button.active{background:var(--pc-soft-blue);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.hr-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hr-form-grid label{display:grid;gap:5px;color:var(--text-muted);font-size:11px;font-weight:800}.hr-form-grid .error-text,.hr-form-grid .success-text,.hr-form-grid .btn-main,.hr-form-grid .hr-history,.hr-form-grid .hr-current,.hr-form-grid .advance-table{grid-column:1 / -1}.hr-current{padding:10px 12px;border-radius:8px;background:var(--pc-soft-blue);color:var(--primary);font-size:13px}.hr-history{display:grid;gap:8px;padding:12px;border-radius:8px;background:var(--bg-main)}.hr-history>b{font-size:13px}.hr-history>div{display:grid;gap:3px;padding:8px;border-radius:8px;background:#fff;border:1px solid var(--pc-border)}.hr-history span{display:grid;gap:3px}.hr-history small{color:var(--text-muted)}.hr-report-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end;margin-bottom:12px}.hr-report-filter label{display:grid;gap:5px;color:var(--text-muted);font-size:11px;font-weight:800}.advance-table{display:grid}.advance-head,.advance-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.6fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--pc-border)}.advance-head{color:var(--text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px}.advance-row span{display:grid;gap:3px}.advance-row small{color:var(--text-muted)}.employee-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.employee-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.employee-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--pc-soft-blue);color:var(--primary);font-weight:800;font-size:17px}.employee-info{display:grid;gap:3px}.employee-info small{color:var(--text-muted)}.account-rows{display:grid;gap:8px;margin:12px 0}.account-rows>div{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:8px;background:var(--bg-main)}.account-rows span{color:var(--text-muted);font-size:12px}.hr-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(440px,1.3fr);gap:12px}.attendance-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.attendance-head input{width:180px}.attendance-row{display:grid;grid-template-columns:24px 1fr 130px 130px;gap:9px;align-items:center;padding:8px 0;border-top:1px solid var(--pc-border)}.attendance-row>span,.attendance-row label{display:grid;gap:3px}.attendance-row small,.attendance-row label{color:var(--text-muted);font-size:10px;font-weight:700}.payroll-create{display:grid;grid-template-columns:220px 240px;align-items:end;gap:10px}.payroll-create label{display:grid;gap:5px;color:var(--text-muted);font-size:11px;font-weight:800}.payroll-run header{display:grid;grid-template-columns:1fr 180px auto;gap:10px;align-items:center}.payroll-run header span,.payroll-lines span{display:grid;gap:4px}.payroll-run small,.payroll-lines small{color:var(--text-muted)}.payroll-lines>div{display:grid;grid-template-columns:1fr 190px 150px 140px;gap:8px;border-top:1px solid var(--pc-border);padding:9px 0}.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.report-metrics .card{display:grid;gap:8px}.report-metrics strong{font-size:22px;color:var(--primary)}.report-metrics small,.report-metrics span{color:var(--text-muted)}.report-table>div{display:grid;grid-template-columns:1fr 220px 180px;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--pc-border)}.report-table span{display:grid;gap:4px}.report-table small{color:var(--text-muted)}.warning-row{display:grid;gap:4px;padding:9px;margin-top:7px;border-radius:8px;background:#fff1f2;color:#991b1b}@media (max-width: 850px){.hr-layout,.report-metrics{grid-template-columns:1fr 1fr}.payroll-lines>div,.report-table>div{grid-template-columns:1fr}.hr-feature-grid,.employee-list,.advance-head,.advance-row{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.hr-layout,.report-metrics,.attendance-row,.payroll-create,.payroll-run header,.hr-feature-grid,.employee-list,.hr-form-grid{grid-template-columns:1fr}.advance-head{display:none}.advance-row{grid-template-columns:1fr}}.reports-title-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.reports-title-row h1{margin:0}.reports-period{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-bottom:12px}.reports-period label{display:grid;gap:5px;font-size:11px;font-weight:800;color:var(--text-muted)}.reports-period input{min-height:37px;border:1px solid var(--pc-border);border-radius:8px;padding:6px 9px;color:var(--pc-text);background:#fff}.reports-period-presets{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:6px}.reports-period-presets button{border:1px solid var(--pc-border);border-radius:99px;background:#fff;padding:7px 11px;font-weight:700;color:var(--pc-text)}.reports-period-presets button.active{background:var(--primary);border-color:var(--primary);color:#fff}.report-overview{display:grid;gap:12px}.report-metric{min-height:96px;align-content:center}.report-metric strong{overflow-wrap:anywhere}.report-skeleton{min-height:94px;border-radius:10px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:report-skeleton 1.3s ease-in-out infinite}.report-error{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-empty{padding:22px 12px;text-align:center;color:var(--text-muted)}.report-actions h2,.report-audit-detail h2{margin:0 0 10px;font-size:16px}.report-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--pc-border)}.report-action-row>div{display:grid;gap:4px}.report-action-row span,.report-action-row small{color:var(--text-muted)}.report-action-row small{font-size:11px}.report-audit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.report-audit-list{max-height:70vh;overflow:auto}.report-audit-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border:0;border-top:1px solid var(--pc-border);background:transparent;text-align:left}.report-audit-row:first-child{border-top:0}.report-audit-row span{display:grid;gap:4px}.report-audit-row small,.report-audit-detail>small{color:var(--text-muted)}.report-audit-row.selected{color:var(--primary)}.report-audit-detail{min-width:0;overflow:auto}.report-audit-detail pre{max-height:260px;overflow:auto;padding:10px;border-radius:8px;background:#f8fafc;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.report-audit-detail h3{margin-bottom:5px;font-size:12px}@keyframes report-skeleton{to{background-position-x:-200%}}@media (max-width: 700px){.reports-title-row{align-items:flex-start;flex-direction:column}.reports-period label{flex:1 1 145px}.reports-period>.btn-main{flex:1 1 100%}.report-action-row{align-items:flex-start;flex-direction:column}.report-audit-layout{grid-template-columns:1fr}}.report-audit-filters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;margin-bottom:12px}.report-audit-filters label{display:grid;gap:5px;color:var(--text-muted);font-size:11px;font-weight:800}.report-audit-filters input,.report-audit-filters select{width:100%;min-height:38px;border:1px solid var(--pc-border);border-radius:8px;padding:6px 9px;background:#fff;color:var(--pc-text)}.report-audit-search{grid-column:span 2}.report-audit-columns,.report-audit-row{display:grid;grid-template-columns:135px minmax(110px,.9fr) minmax(90px,.8fr) minmax(130px,1fr) minmax(150px,1.1fr) minmax(200px,1.5fr) auto;gap:10px;align-items:center}.report-audit-columns{padding:8px 0;color:var(--text-muted);font-size:10px;font-weight:900;text-transform:uppercase}.report-audit-row{padding:11px 0;border-top:1px solid var(--pc-border);font-size:12px}.report-audit-row time{color:var(--text-muted)}.report-audit-row>span{overflow-wrap:anywhere}.report-audit-row .btn-outline{white-space:nowrap}.report-audit-modal{position:fixed;z-index:1300;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0f172a88}.report-audit-detail{width:min(780px,100%);max-height:min(90vh,900px);overflow:auto}.report-audit-detail>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.report-audit-detail>header h2{margin:0}.report-audit-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.report-audit-metadata div{min-width:0}.report-audit-metadata dt{color:var(--text-muted);font-size:11px;font-weight:800}.report-audit-metadata dd{margin:3px 0 0;overflow-wrap:anywhere}.report-audit-detail details summary{cursor:pointer;font-weight:800}@media (max-width: 900px){.report-audit-filters{grid-template-columns:repeat(2,minmax(140px,1fr))}.report-audit-columns{display:none}.report-audit-row{grid-template-columns:1fr 1fr auto;gap:7px}.report-audit-row>*:nth-child(1),.report-audit-row>*:nth-child(6){grid-column:span 2}}@media (max-width: 560px){.report-audit-filters{grid-template-columns:1fr}.report-audit-search{grid-column:auto}.report-audit-row{grid-template-columns:1fr auto}.report-audit-row>*:nth-child(1),.report-audit-row>*:nth-child(6){grid-column:1 / -1}.report-audit-metadata{grid-template-columns:1fr}.report-audit-modal{padding:8px}}.admin-page{max-width:1180px}.admin-layout{display:grid;grid-template-columns:330px 1fr;gap:12px}.admin-user{display:grid;grid-template-columns:1fr 150px 70px;gap:8px;align-items:center;padding:9px 0;border-top:1px solid var(--pc-border)}.admin-user span{display:grid;gap:3px}.admin-user small{color:var(--text-muted)}.role-layout{display:grid;grid-template-columns:260px 1fr;gap:12px}.role-list{display:grid;gap:5px;align-self:start}.role-list button{border:1px solid var(--pc-border);border-radius:9px;background:#fff;text-align:left;padding:9px;display:grid;gap:3px}.role-list button.active{background:var(--pc-soft-blue);border-color:var(--primary);color:var(--primary)}.role-list small{color:var(--text-muted)}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px}.permission-grid label{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--pc-border);border-radius:8px;padding:8px}.permission-grid label input{margin-top:3px}.permission-grid span{display:grid;gap:3px}.permission-grid small{color:var(--text-muted);font-weight:400}.permission-groups{display:grid;gap:14px}.permission-group-title{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.3px;color:#0f766e;text-transform:uppercase}.password-form{max-width:520px}@media (max-width: 800px){.admin-layout,.role-layout,.permission-grid,.admin-user{grid-template-columns:1fr}}.kho-anh-page{max-width:1180px;padding-bottom:24px}.kho-anh-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.kho-anh-refresh{width:38px;height:38px;border:1px solid var(--pc-border);border-radius:10px;background:#fff;color:var(--primary);font-size:17px}.kho-anh-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 12px 16px;padding:20px;border:1px solid var(--pc-border);border-radius:16px;background:linear-gradient(115deg,#fff 45%,#eff8ff);box-shadow:0 8px 22px #0f172a0d}.kho-anh-hero-copy{display:grid;gap:5px}.kho-anh-eyebrow{color:#1971c2;font-size:10px;font-weight:900;letter-spacing:.8px}.kho-anh-hero h1{margin:0;color:#172033;font-size:23px}.kho-anh-hero p,.kho-anh-library-heading p{margin:0;color:var(--text-muted);font-size:12px}.kho-anh-hero-icon{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;border-radius:17px;background:#dbeafe;color:#1d4ed8;font-size:26px}.kho-anh-library{margin:0 12px}.kho-anh-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}.kho-anh-library-heading h2{margin:3px 0 4px;color:#172033;font-size:18px}.kho-anh-summary{display:grid;grid-template-columns:repeat(2,minmax(135px,1fr));gap:9px}.kho-anh-summary-card{display:flex;min-width:145px;align-items:center;gap:10px;margin:0;padding:11px 13px}.kho-anh-summary-icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:11px;background:#e0f2fe;color:#0369a1}.kho-anh-summary-card>span:last-child{display:grid;gap:3px}.kho-anh-summary-card small{color:var(--text-muted);font-size:9px;font-weight:900;letter-spacing:.4px}.kho-anh-summary-card strong{min-height:21px;color:#172033;font-size:19px;line-height:1.1}.kho-anh-summary-card strong i{display:block;width:46px;height:15px;border-radius:5px;background:#e9eff5}.kho-anh-tools{display:grid;grid-template-columns:minmax(220px,1fr) minmax(140px,.55fr) minmax(150px,.65fr) minmax(145px,.6fr);align-items:end;gap:9px;margin:0 0 15px;padding:12px;border:1px solid var(--pc-border);border-radius:12px;background:#fff}.kho-anh-search{position:relative;display:flex;align-items:center;min-width:0}.kho-anh-search>i{position:absolute;left:12px;color:#64748b}.kho-anh-search input{min-width:0;margin:0;padding-right:34px;padding-left:35px}.kho-anh-search button{position:absolute;right:6px;display:grid;width:27px;height:27px;place-items:center;border:0;border-radius:7px;background:transparent;color:#64748b;font-size:20px}.kho-anh-filter{display:grid;min-width:0;gap:4px;color:var(--text-muted);font-size:10px;font-weight:800}.kho-anh-filter .form-control{width:100%;min-width:0;margin:0}.kho-anh-group{margin-top:17px}.kho-anh-date{display:flex;align-items:center;gap:7px;margin:0 0 9px;padding:8px 11px;border:1px solid var(--pc-border);border-radius:9px;background:#f8fbff;color:#1d4ed8;font-size:13px;font-weight:900}.kho-anh-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.kho-anh-order-card{min-width:0;margin:0;padding:12px;overflow:hidden}.kho-anh-order-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kho-anh-order-customer{display:grid;min-width:0;gap:3px}.kho-anh-order-customer strong{overflow:hidden;color:#172033;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.kho-anh-order-customer small{color:var(--text-muted);font-size:10px}.kho-anh-status{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:9px;font-weight:900}.kho-anh-status-picking{background:#ffedd5;color:#c2410c}.kho-anh-status-picked,.kho-anh-status-sent{background:#dcfce7;color:#047857}.kho-anh-status-cancelled{background:#fee2e2;color:#b91c1c}.kho-anh-order-meta{display:grid;gap:3px;margin-top:10px}.kho-anh-order-meta strong{overflow-wrap:anywhere;color:#1e3a8a;font-size:12px}.kho-anh-order-meta span{color:var(--text-muted);font-size:10px}.kho-anh-byline,.kho-anh-note{margin:6px 0 0;color:#64748b;font-size:10px;overflow-wrap:anywhere}.kho-anh-byline i{margin-right:4px;color:#64748b}.kho-anh-note{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.kho-anh-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.kho-anh-thumb{position:relative;display:block;width:100%;min-width:0;overflow:hidden;aspect-ratio:1;padding:0;border:1px solid #e2e8f0;border-radius:8px;background:#f1f5f9;cursor:zoom-in}.kho-anh-thumb:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kho-anh-thumb .lazyimg{position:absolute;top:0;right:0;bottom:0;left:0}.kho-anh-thumb .lazyimg img{display:block;width:100%;height:100%;object-fit:cover}.kho-anh-thumb .lazyimg img.is-loading{opacity:0}.kho-anh-thumb .lazyimg-ph,.kho-anh-thumb .lazyimg-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f1f5f9;color:#94a3b8;font-size:18px}.kho-anh-more{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f172a99;color:#fff;font-size:15px;font-weight:900}.kho-anh-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3100;display:grid;place-items:center;padding:24px;background:#0f172aef}.kho-anh-lightbox-content{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:18px;width:min(1100px,94vw);min-height:min(78vh,720px)}.kho-anh-lightbox-content .lightbox-nav{z-index:1}.kho-anh-lightbox-photo{position:relative;display:grid;place-items:center;min-width:0;min-height:min(72vh,680px)}.kho-anh-lightbox-photo>img{display:block;max-width:100%;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 24px 60px #0008}.kho-anh-lightbox-photo>span{position:absolute;left:50%;bottom:10px;transform:translate(-50%);border-radius:999px;padding:5px 10px;color:#fff;background:#0f172acc;font-size:12px}.kho-anh-lightbox-fallback{display:grid;place-items:center;width:min(70vw,800px);height:min(72vh,680px);border:1px solid #ffffff30;border-radius:10px;color:#fff;background:#334155}.kho-anh-lightbox-info{display:grid;gap:10px;align-content:center;padding:14px;border:1px solid #ffffff2c;border-radius:12px;color:#fff;background:#ffffff12;overflow-wrap:anywhere}.kho-anh-lightbox-info>span,.kho-anh-lightbox-info>small{color:#cbd5e1;font-size:12px}.kho-anh-lightbox-info .btn-outline{color:#fff;border-color:#fff5;background:#ffffff12;text-align:center;text-decoration:none}.kho-anh-lightbox-close{position:absolute;z-index:2;top:14px;right:18px;width:42px;height:42px;border:1px solid #ffffff55;border-radius:50%;color:#fff;background:#ffffff20;font-size:26px;cursor:pointer}.kho-anh-order-detail{width:min(620px,92vw);max-height:84vh;overflow:auto;padding:20px;border-radius:14px;color:#172033;background:#fff;box-shadow:0 24px 60px #0008}.kho-anh-order-detail header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.kho-anh-order-detail h2{margin:0;font-size:18px}.kho-anh-lightbox-close-inline{border:1px solid var(--pc-border);border-radius:8px;padding:7px 10px;background:#fff;cursor:pointer}.kho-anh-order-detail dl{display:grid;gap:9px;margin:0}.kho-anh-order-detail dl>div{display:grid;grid-template-columns:110px 1fr;gap:10px;border-bottom:1px solid var(--pc-border);padding-bottom:8px}.kho-anh-order-detail dt{color:var(--text-muted);font-size:12px}.kho-anh-order-detail dd{margin:0;font-size:13px}.kho-anh-order-detail-wide{width:min(960px,94vw)}.kho-anh-order-detail-actions{display:flex;gap:8px}.kho-anh-order-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:12px;border:1px solid var(--pc-border);border-radius:10px;background:#f8fafc;margin-bottom:12px}.kho-anh-order-summary-item{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:baseline}.kho-anh-order-summary-item span{color:var(--text-muted);font-size:12px}.kho-anh-order-summary-item b{font-size:13px}.kho-anh-order-section-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#43536a;margin:16px 0 8px}.kho-anh-order-notes{display:grid;gap:8px}.kho-anh-order-note{border:1px solid #fde8a8;background:#fffaf0;border-left:4px solid #f59e0b;border-radius:8px;padding:9px 11px}.kho-anh-order-note span{font-size:11px;font-weight:800;color:#b45309;text-transform:uppercase}.kho-anh-order-note p{margin:4px 0 0;font-size:13px;color:#333;white-space:pre-line}.kho-anh-order-invoice{border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;padding:12px}.kho-anh-order-invoice .kho-anh-order-section-title{margin-top:0;color:#1d4ed8}.kho-anh-order-invoice-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.kho-anh-order-invoice-head b{color:#1d4ed8}.kho-anh-order-invoice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}.kho-anh-order-invoice-grid>div{display:flex;justify-content:space-between;gap:8px;font-size:13px}.kho-anh-order-invoice-grid span{color:#64748b}.kho-anh-order-invoice-grid b{color:#172033}.kho-anh-order-table-wrap{overflow-x:auto;border:1px solid var(--pc-border);border-radius:10px;background:#fff}.kho-anh-order-table{width:100%;border-collapse:collapse;font-size:13px}.kho-anh-order-table th{background:#eef3f8;color:#43536a;text-align:left;padding:9px 8px;white-space:nowrap}.kho-anh-order-table td{border-top:1px solid #edf1f5;padding:9px 8px;vertical-align:top}.kho-anh-order-table td small{color:var(--text-muted)}.kho-anh-order-table .kho-anh-order-line-note{display:block;color:#a16207}.kho-anh-order-line-total{text-align:right;font-weight:800;white-space:nowrap}.kho-anh-order-table tfoot td{font-weight:800;background:#f8fafc}.kho-anh-order-images{display:flex;gap:8px;flex-wrap:wrap}.kho-anh-order-images .lazyimg{width:84px;height:84px;border-radius:8px;border:1px solid var(--pc-border);overflow:hidden;background:#f1f5f9}.kho-anh-order-images .lazyimg img{display:block;width:100%;height:100%;object-fit:cover}.kho-anh-order-images .lazyimg-ph,.kho-anh-order-images .lazyimg-fallback{display:grid;place-items:center;width:100%;height:100%;color:#94a3b8;font-size:18px}@media (max-width: 700px){.kho-anh-lightbox{padding:56px 12px 12px}.kho-anh-lightbox-content{grid-template-columns:1fr;gap:9px;width:100%;min-height:0}.kho-anh-lightbox-photo{min-height:42vh}.kho-anh-lightbox-photo>img{max-height:48vh}.kho-anh-lightbox-info{grid-template-columns:1fr 1fr;gap:7px;padding:9px}.kho-anh-lightbox-info>strong,.kho-anh-lightbox-info>span,.kho-anh-lightbox-info>small{grid-column:1 / -1}.kho-anh-order-detail dl>div{grid-template-columns:90px 1fr}}.kho-anh-skeleton-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:320px;margin-bottom:12px}.kho-anh-skeleton-block{height:60px;margin:0;background:linear-gradient(90deg,#eef3f8 25%,#e2e9f1,#eef3f8 75%);background-size:200% 100%;animation:kho-anh-shimmer 1.2s infinite}.kho-anh-skeleton-order{display:grid;gap:10px;min-height:170px;margin:0;padding:12px}.kho-anh-skeleton-order>span{height:12px;width:65%;border-radius:5px;background:#edf2f7}.kho-anh-skeleton-order>span:nth-child(2){width:85%}.kho-anh-skeleton-order>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.kho-anh-skeleton-order i{aspect-ratio:1;border-radius:7px;background:#edf2f7}@keyframes kho-anh-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kho-anh-state{display:grid;justify-items:center;gap:10px;padding:38px 12px;color:var(--text-muted);text-align:center}@media (max-width: 950px){.kho-anh-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kho-anh-tools{grid-template-columns:minmax(200px,1fr) minmax(140px,.6fr)}}@media (max-width: 650px){.kho-anh-hero{margin:4px 8px 12px;padding:15px}.kho-anh-library{margin:0 8px}.kho-anh-library-heading{align-items:stretch;flex-direction:column}.kho-anh-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.kho-anh-summary-card{min-width:0;padding:9px}.kho-anh-tools{grid-template-columns:1fr 1fr}.kho-anh-search{grid-column:1 / -1}}@media (max-width: 480px){.kho-anh-order-grid,.kho-anh-tools{grid-template-columns:1fr}.kho-anh-search{grid-column:auto}.kho-anh-hero h1{font-size:20px}}.invoice-hero{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--pc-border);border-radius:16px;padding:16px;margin:12px;box-shadow:0 10px 28px #0f172a0f}.invoice-hero-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#0ea5e9);color:#fff;display:grid;place-items:center;font-size:24px}.invoice-hero-copy{display:grid;gap:3px;flex:1}.invoice-hero-copy b{font-size:16px}.invoice-hero-copy small{color:var(--text-muted)}.invoice-hero-badges{display:flex;gap:6px;flex-wrap:wrap}.invoice-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 12px}.invoice-tabs button{display:flex;align-items:center;gap:10px;border:1px solid var(--pc-border);border-radius:13px;background:#fff;padding:14px;text-align:left;box-shadow:0 2px 6px #0f172a0d}.invoice-tabs button i{font-size:22px;color:var(--pc-muted)}.invoice-tabs button span{display:grid;gap:3px}.invoice-tabs button small{color:var(--text-muted);font-weight:600}.invoice-tabs button.active{border-color:var(--primary);background:var(--pc-soft-blue);box-shadow:0 8px 20px #1e62c126}.invoice-tabs button.active i{color:var(--primary)}.invoice-search{margin:12px;max-width:480px}.invoice-groups{display:grid;gap:8px;padding:0 12px 20px}.invoice-group{background:#fff;border:1px solid var(--pc-border);border-radius:13px;overflow:hidden}.invoice-group-head{width:100%;display:flex;align-items:center;gap:10px;border:0;background:#fff;padding:13px 14px;text-align:left}.invoice-group-head:hover{background:#f6f9fd}.invoice-group-name{display:flex;align-items:center;gap:8px;flex:1}.invoice-group-name i{color:var(--pc-muted);font-size:18px}.invoice-group-count{background:#eef3f8;color:var(--pc-muted);font-size:11px;font-weight:800;border-radius:999px;padding:3px 10px}.invoice-deleted-list,.invoice-sent-list{border-top:1px solid var(--pc-border)}.invoice-deleted-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid #edf1f5}.invoice-deleted-row span{display:grid;gap:3px}.invoice-deleted-row small{color:var(--text-muted)}.invoice-sent-row{display:grid;grid-template-columns:1fr 64px 120px 100px auto;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid #edf1f5}.invoice-sent-info{display:grid;gap:3px}.invoice-sent-info small{color:var(--text-muted)}.invoice-sent-actions{display:flex;gap:6px}.invoice-capture-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--pc-border);cursor:zoom-in}.invoice-deleted-actions{display:flex;gap:6px}.invoice-detail-modal{gap:0;padding:0}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--pc-border);position:sticky;top:0;background:#fff;border-radius:16px 16px 0 0;z-index:1}.modal-head h2{margin:0;font-size:16px}.modal-close{width:32px;height:32px;border:0;border-radius:8px;background:#f1f5f9;color:var(--text-muted);font-size:16px;cursor:pointer;display:grid;place-items:center}.modal-close:hover{background:#e2e8f0;color:#0f172a}.invoice-detail-body{padding:16px 18px 20px;display:grid;gap:14px}.detail-section{display:grid;gap:8px}.detail-section h3{margin:0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#43536a;display:flex;align-items:center;gap:6px}.detail-section h3 i{color:var(--primary)}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.detail-item{display:grid;gap:3px;background:#f8fafc;border:1px solid #e8edf3;border-radius:9px;padding:8px 10px}.detail-item span{color:var(--text-muted);font-size:10px;font-weight:700}.detail-item b{font-size:13px;color:#172033;overflow-wrap:anywhere}.detail-invoice-image{width:100%;max-width:420px;height:auto;max-height:320px;object-fit:contain;border-radius:10px;border:1px solid var(--pc-border);cursor:zoom-in;background:#f1f5f9}@media (max-width: 700px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-invoice-image{max-width:100%}}.invoice-form-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1700;background:#0f172a8c;overflow:auto;padding:20px}.invoice-form-card{max-width:760px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #0000004d}.invoice-form-head{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--primary),#003a8c);color:#fff;padding:10px 12px}.invoice-form-title{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.4px}.invoice-form-body{padding:16px;display:grid;gap:12px}.invoice-order-options{display:grid;gap:7px}.invoice-order-option{display:flex;gap:10px;align-items:center;border:1px solid var(--pc-border);border-radius:9px;padding:9px 11px;cursor:pointer}.invoice-order-option input{width:17px;height:17px;accent-color:var(--primary)}.invoice-order-option>span{flex:1;display:grid;gap:3px}.invoice-order-option small{color:var(--text-muted)}.invoice-order-option em{border-radius:999px;padding:3px 8px;font-size:10px;font-style:normal;font-weight:800}.invoice-order-option em.ready{background:#dcfce7;color:#166534}.invoice-order-option em.missing{background:#fee2e2;color:#991b1b}.invoice-order-option.invalid{border-color:#fecaca;background:#fff7f7}.invoice-order-warning{border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:700}.invoice-customer{display:grid;gap:3px}.invoice-customer small{color:var(--text-muted)}.invoice-attach{display:grid;gap:8px}.invoice-attach b{font-size:12px}.invoice-attach-grid{display:flex;gap:6px;flex-wrap:wrap}.invoice-attach-grid img{width:64px;height:64px;object-fit:cover;border-radius:7px;border:1px solid var(--pc-border)}.invoice-items{width:100%;border-collapse:collapse;font-size:12px}.invoice-items th{background:#eaf1f8;color:#43536a;text-align:left;padding:8px}.invoice-items td{border-top:1px solid #e8edf3;padding:7px 8px}.invoice-items td:last-child{text-align:right}.invoice-notes{display:grid;gap:5px;background:#f8fafc;border:1px solid var(--pc-border);border-radius:9px;padding:10px}.invoice-notes p{margin:0;font-size:12px}.invoice-notes small{color:var(--text-muted)}.invoice-form-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;background:#fff;border-top:1px solid var(--pc-border);padding:12px 16px;max-width:760px;margin:0 auto;border-radius:0 0 16px 16px}.btn-capture{border:1px solid #bfdbfe;color:#1d4ed8;background:#eff6ff;border-radius:8px;font-weight:800;font-size:12px;padding:10px}.btn-capture:disabled{opacity:.55;cursor:not-allowed}.invoice-capture-preview{width:44px;height:44px;object-fit:cover;border-radius:7px;border:1px solid var(--pc-border);cursor:zoom-in}.invoice-capture-tools{display:grid;gap:4px;justify-items:start;max-width:230px}.invoice-capture-tools small{color:var(--text-muted);font-size:10px}@media (max-width: 700px){.invoice-tabs{grid-template-columns:1fr}.invoice-hero{flex-direction:column;align-items:flex-start}.invoice-sent-row{grid-template-columns:1fr auto}.invoice-capture-thumb{display:none}.invoice-deleted-row{flex-wrap:wrap;gap:8px}.invoice-form-actions{grid-template-columns:1fr 1fr}}.invoice-page-head{display:flex;align-items:center;gap:14px;padding:12px}.invoice-page-head>div{display:grid;gap:2px}.invoice-page-head small{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase}.invoice-page-head h1{margin:0;font-size:17px}.invoice-group-page,.invoice-detail-page{max-width:860px;margin:0 auto}.invoice-group-intro{display:grid;gap:4px;padding:12px;background:#fff;border:1px solid var(--pc-border);border-radius:12px;margin:0 12px 10px}.invoice-group-intro span{color:var(--text-muted);font-size:12px}.invoice-group-tools{display:flex;gap:8px;padding:0 12px 10px}.invoice-group-orders{display:grid;gap:7px;padding:0 12px}.invoice-group-summary{display:flex;justify-content:space-between;align-items:center;padding:12px;margin:12px;background:#edf6ff;border:1px solid #bfdbfe;border-radius:12px}.invoice-group-summary b{color:var(--primary)}.invoice-group-submit{max-width:360px;margin:0 12px 20px}.invoice-detail-orders{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 10px}.invoice-order-block{border-top:1px solid var(--pc-border);padding:8px 0}.invoice-order-block-head{display:flex;justify-content:space-between;gap:8px;font-size:12px}.invoice-order-block-head span{color:var(--text-muted)}.invoice-detail-page .invoice-preview{padding:16px;background:#fff;border:1px solid var(--pc-border);border-radius:12px;margin:0 12px}.invoice-items td input{width:100%;min-width:74px;border:1px solid var(--pc-border);border-radius:6px;padding:6px}.invoice-detail-page{max-width:880px}.bill-paper{background:#fff;margin:12px auto;padding:24px 18px;border-radius:10px;box-shadow:0 12px 32px #0f172a14;border-top:8px solid var(--primary);border:1px solid var(--pc-border);border-top-width:8px}.bill-header{text-align:center;margin-bottom:22px}.bill-header h2{margin:0;font-size:26px;font-weight:900;color:#000;letter-spacing:-.5px}.bill-code-line{margin-top:6px;color:var(--text-muted);font-size:13px;font-weight:600}.bill-code-line span{color:var(--primary);font-weight:800}.bill-order-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.bill-order-chip{background:#eef3f8;color:var(--pc-text);border:1px solid var(--pc-border);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}.bill-info-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;font-size:15px}.bill-info-label{color:var(--text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.bill-info-value{font-weight:800;color:#172033}.bill-info-sub{color:var(--text-muted);font-size:12px;margin-top:2px}.bill-info-date{text-align:right}.bill-table{width:100%;border-collapse:collapse;margin-bottom:18px}.bill-table th{padding:11px 10px;border-bottom:2px solid #000;color:#172033;background:#f2f7fd;font-weight:800;font-size:13px;text-align:left}.bill-table th:nth-child(2),.bill-table th:nth-child(3){text-align:center;width:70px}.bill-table th:last-child{text-align:right}.bill-table td{padding:13px 10px;border-bottom:1px solid #edf1f5;color:#172033;font-size:14px;vertical-align:middle}.bill-table td:nth-child(2),.bill-table td:nth-child(3){text-align:center;white-space:nowrap}.bill-table td:last-child{text-align:right}.bill-line-total{font-weight:800;color:#172033}.bill-item-order{color:var(--text-muted);font-size:11px;font-weight:700;margin-right:4px}.bill-table input.edit-sl,.bill-table input.edit-gia,.bill-total-row input.edit-gia{width:84px;border:1px solid var(--primary);background:#fffbeb;border-radius:6px;padding:5px 8px;font-weight:700}.bill-total-row{border-top:2px solid #000;padding-top:16px;margin-top:4px}.bill-total-line{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:5px 0;font-size:15px}.bill-total-line span{font-weight:700;color:#172033}.bill-total-line b{min-width:140px;text-align:right;font-weight:800;color:#172033}.bill-total-line.bill-total-edit{justify-content:flex-end}.bill-total-emphasis span,.bill-total-emphasis b{color:var(--primary)}.bill-total-emphasis{padding:7px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;font-size:17px}.bill-total-final span,.bill-total-final b{color:var(--primary)}.bill-total-final{padding:7px 0 2px;font-size:19px}.bill-total-final b{font-size:22px;font-weight:900}.bill-section-title{font-size:11px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:18px 0 8px;padding-top:14px;border-top:1px dashed var(--pc-border)}.bill-notes{margin-top:4px}.bill-note{display:flex;gap:8px;padding:9px 11px;border:1px solid #fde8a8;background:#fffaf0;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:6px;font-size:13px}.bill-note b{color:#b45309;white-space:nowrap}.bill-note span{color:#333;white-space:pre-line}.bill-attachment{border:1px solid var(--pc-border);border-radius:9px;padding:10px;margin-bottom:10px}.bill-attachment-head{font-size:12px;font-weight:800;color:#43536a;margin-bottom:8px}.bill-attachment-grid{display:flex;gap:8px;flex-wrap:wrap}.bill-attachment-image{width:72px;height:72px;object-fit:cover;border-radius:7px;border:1px solid var(--pc-border)}.bill-payments{margin-top:4px}.bill-payments-list{display:grid;gap:6px}.bill-payment{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--pc-border);border-radius:8px;font-size:13px}.bill-payment small{color:var(--text-muted)}.bill-payments-edit{display:grid;gap:8px}.bill-payment-foot{display:flex;justify-content:flex-end;gap:24px;padding:12px 0 2px;border-top:1px dashed var(--pc-border);margin-top:12px;font-size:14px}.bill-payment-foot b{color:var(--primary);font-size:16px}.bill-edit-extras{margin-top:14px;padding-top:12px;border-top:1px dashed var(--pc-border)}@media (min-width: 768px){.bill-paper{padding:40px 48px}.bill-table th,.bill-table td{font-size:16px}.bill-total-line b{font-size:18px}.bill-total-final b{font-size:28px}}@media (max-width: 600px){.bill-info-row{flex-direction:column;gap:10px}.bill-info-date{text-align:left}.bill-total-line{justify-content:space-between}.bill-total-line b{min-width:0}}.pick-active-order .release-order{margin-left:auto;color:#b91c1c;border-color:#fecaca;background:#fff1f2;font-weight:800}.pick-active-order .release-order+.btn-outline{margin-left:0}.release-modal label{display:grid;gap:6px;color:var(--text-muted);font-size:11px;font-weight:800}.release-warn{background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:8px;padding:9px 11px;font-size:12px;font-weight:700;margin:0}.release-modal .release-confirm{background:#b91c1c;border-color:#b91c1c;color:#fff}.delete-confirm-label{display:flex;align-items:center;gap:8px;color:var(--text-main);font-size:13px;font-weight:700;cursor:pointer}.delete-modal .delete-confirm{background:#b91c1c;border-color:#b91c1c;color:#fff;box-shadow:0 4px 10px #b91c1c4d}.delete-modal .delete-confirm:disabled{background:#94a3b8;border-color:#94a3b8;box-shadow:none}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #eff6ff;--color-border: #cbd5e1;--color-text: #0f172a;--color-muted: #64748b;--color-danger: #dc2626;--color-danger-soft: #fff1f2;--color-success: #16a34a;--color-success-soft: #f0fdf4;--color-warning: #d97706;--color-warning-soft: #fffbeb}body{font-size:14.5px;color:var(--color-text)}.section-title{font-size:16px;font-weight:800;color:var(--color-text)}.muted,.text-secondary{color:var(--color-muted)}.btn-back{background:#fff;color:var(--color-primary-hover);border:1px solid var(--color-border);border-radius:10px;padding:10px 16px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 1px 2px #0f172a0f;transition:background .15s ease,border-color .15s ease,transform .12s ease}.btn-back:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.btn-back:active{transform:translateY(1px)}.btn-back:disabled{opacity:.5;cursor:not-allowed}.btn-primary,.btn-main{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:10px;padding:9px 16px;font-weight:700;font-size:13px;box-shadow:0 4px 12px #2563eb47;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-primary:hover,.btn-main:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:disabled,.btn-main:disabled{background:#94a3b8;border-color:#94a3b8;box-shadow:none;cursor:not-allowed}.btn-secondary,.btn-outline{background:#fff;color:var(--color-primary-hover);border:1px solid var(--color-border);border-radius:10px;padding:8px 14px;font-weight:600;font-size:13px;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-secondary:hover,.btn-outline:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-hover)}.btn-secondary:disabled,.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-outline.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px #2563eb47}.btn-outline.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-danger{background:var(--color-danger-soft);color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:8px 14px;font-weight:700;font-size:13px;transition:background .15s ease,border-color .15s ease}.btn-danger:hover{background:#fee2e2;border-color:#fca5a5}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;line-height:1;padding:5px 10px;border-radius:999px;white-space:nowrap}.status-badge--sent{background:var(--color-primary-soft);color:var(--color-primary-hover);border:1px solid #bfdbfe}.status-badge--paid{background:var(--color-success-soft);color:var(--color-success);border:1px solid #bbf7d0}.status-badge--partially_paid{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid #fde68a}.status-badge--deleted{background:var(--color-danger-soft);color:#b91c1c;border:1px solid #fecaca}.status-badge--neutral{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.tabs button,.pick-order-tab,.invoice-tabs button{font-weight:700;color:#334155;background:#fff;border:1px solid var(--color-border);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.tabs button.active,.pick-order-tab.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-hover);font-weight:700;box-shadow:0 2px 8px #2563eb2e}.invoice-tabs button.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-hover);font-weight:700;box-shadow:0 8px 20px #2563eb2e}.invoice-tabs button.active i{color:var(--color-primary)}.card{border:1px solid #dbe3ef;box-shadow:0 1px 3px #0f172a0f}.pc-kiot-brand img{width:52px;height:52px}.pc-kiot-brand-title{font-size:17px}.pc-kiot-brand-sub{font-size:12px}.blue-header .title{font-size:15px;font-weight:800}.blue-header{min-height:48px}.pc-kiot-link.active{background:linear-gradient(135deg,var(--color-primary) 0%,#0ea5e9 100%);color:#fff;border-radius:10px;box-shadow:0 10px 22px #0ea5e94d}.pc-kiot-link.active i{color:#fff}.pc-kiot-nav-title{color:#93a4bd}.invoice-center{max-width:1180px}.invoice-hero{margin:12px 12px 16px;padding:20px 22px}.invoice-hero-copy b{font-size:22px}.invoice-hero-copy small{font-size:13px}.invoice-hero-icon{width:58px;height:58px;font-size:26px}.invoice-tabs{gap:12px;padding:0 12px 4px}.invoice-tabs button{padding:16px;border-radius:14px}.invoice-tabs button span{gap:4px}.invoice-tabs button b{font-size:14px}.invoice-tabs button small{font-size:12px}.invoice-search{margin:14px 12px;max-width:100%;width:min(560px,100%)}.invoice-groups{gap:12px;padding:0 12px 24px}.invoice-group{border-radius:16px;border:1px solid #dbe3ef;box-shadow:0 1px 3px #0f172a0d;margin-bottom:4px}.invoice-group-head{padding:14px 16px}.invoice-group-name b{font-size:16px;font-weight:700}.invoice-group-name i{font-size:20px}.invoice-group-count{font-size:12px;padding:4px 12px;background:var(--color-primary-soft);color:var(--color-primary-hover)}.invoice-sent-row{display:flex;align-items:center;gap:14px;padding:12px 16px}.invoice-sent-info{flex:1;min-width:0}.invoice-sent-info b{font-size:14px;font-weight:700}.invoice-sent-info small{font-size:12px;color:var(--color-muted)}.invoice-sent-row strong{flex:0 0 auto;min-width:96px;text-align:right;font-size:14px}.invoice-sent-row .invoice-capture-thumb{flex:0 0 56px}.invoice-sent-row .status-badge{flex:0 0 auto}.invoice-sent-actions{display:flex;flex:0 0 auto;gap:8px}.invoice-deleted-row span.invoice-deleted-actions{display:flex;gap:8px}.invoice-deleted-row span.status-badge{display:inline-flex;align-items:center;gap:5px}.invoice-deleted-row{padding:12px 16px;gap:12px;justify-content:flex-start}.invoice-deleted-row>span:first-child{flex:1;min-width:0}.invoice-deleted-row>span:first-child b{font-size:14px}.invoice-deleted-actions{display:flex;gap:8px}@media (max-width: 700px){.invoice-hero-copy b{font-size:19px}.invoice-hero{flex-direction:column;align-items:flex-start}.invoice-tabs{grid-template-columns:1fr}.invoice-sent-row{flex-wrap:wrap;gap:10px}.invoice-sent-row .invoice-capture-thumb{display:none}.invoice-sent-actions,.invoice-deleted-actions{flex-wrap:wrap}.invoice-deleted-row{flex-wrap:wrap;gap:8px}}