:root{--bg: #0f172a;--bg-2: #1e293b;--panel: #ffffff;--panel-2: #f8fafc;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--primary: #2563eb;--primary-d: #1d4ed8;--green: #16a34a;--red: #dc2626;--amber: #d97706;--blue: #0284c7;--pos-navy: #123a72;--pos-navy-2: #0e2f5e;--pos-pink: #e21c7a;--pos-cyan: #22d3d3;--pos-teal: #2f9e9e;--pos-teal-d: #1f7d7d;--radius: 10px;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--text);background:var(--panel-2);font-size:14px}h1,h2,h3,h4{margin:0}a{color:inherit}.btn{border:1px solid transparent;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .12s,box-shadow .12s,opacity .12s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--primary-d)}.btn-secondary{background:#0f172a;color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--panel-2)}.btn-block{width:100%}.btn-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff;color:var(--text);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}textarea.input{resize:vertical;font-family:inherit}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field-label{font-size:12px;font-weight:600;color:var(--muted)}.field-hint{font-size:11px;color:var(--muted)}.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.app-shell{display:grid;grid-template-columns:210px 1fr;height:100vh}.sidebar{background:linear-gradient(180deg,#1a4a86,#123a6e);color:#eaf2ff;display:flex;flex-direction:column;padding:14px 10px;gap:6px}.brand{display:flex;align-items:center;gap:10px;padding:6px 6px 18px}.brand-mark{width:34px;height:34px;border-radius:6px;background:var(--pos-pink, #e21c7a);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}.brand-mark.lg{width:52px;height:52px;font-size:20px}.brand-text{font-weight:700;color:#fff;font-size:13px}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:block;padding:11px 14px;border-radius:4px;text-decoration:none;color:#eaf2ff;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}.nav-item:hover{background:#ffffff14}.nav-item.active{background:#ffffff24;border-color:#ffffff8c}.sidebar-foot{border-top:1px solid rgba(255,255,255,.18);padding-top:12px}.user-chip{padding:8px}.user-name{color:#fff;font-weight:600}.user-role{font-size:12px;color:#bcd4f5}.content{overflow:auto;background:var(--panel-2)}.page{padding:22px 26px;max-width:1400px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px;flex-wrap:wrap}.page-head h2{font-size:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);gap:12px}.card-head h3{font-size:15px}.card-body{padding:16px}.muted{color:var(--muted);font-size:13px}.link{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:600;padding:0 6px;font-size:13px}.link.danger{color:var(--red)}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--border);white-space:nowrap}.data-table td{padding:10px;border-bottom:1px solid var(--border)}.data-table tr:hover td{background:var(--panel-2)}.data-table .r,th.r,td.r{text-align:right}.void-cell{font-size:12px}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.badge-completed{background:#dcfce7;color:#166534}.badge-void{background:#fee2e2;color:#991b1b}.badge-draft{background:#fef3c7;color:#92400e}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:18px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stat-value{font-size:22px;font-weight:800}.stat-label{color:var(--muted);font-size:12px;margin-top:4px}.stat-green .stat-value{color:var(--green)}.stat-red .stat-value{color:var(--red)}.stat-blue .stat-value{color:var(--blue)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.dash-grid h4{margin:12px 0 8px}.pay-breakdown,.pay-row{display:flex;flex-direction:column}.pay-row{flex-direction:row;justify-content:space-between;padding:8px 4px;border-bottom:1px solid var(--border)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.filter-actions{display:flex;gap:8px;margin-top:12px}.mini-field{display:flex;flex-direction:column;font-size:11px;color:var(--muted);gap:3px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.pager{display:flex;align-items:center;gap:12px}.range-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tab{border:1px solid var(--border);background:#fff;padding:7px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.range-custom{display:flex;gap:8px}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px}.chip span{cursor:pointer}.chip button{background:none;border:none;cursor:pointer;color:var(--green);font-size:12px}.chip-off{opacity:.5}.chip-off button{color:var(--muted)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.toast-stack{position:fixed;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:3000}.toast{padding:12px 16px;border-radius:8px;color:#fff;font-weight:600;box-shadow:0 8px 24px #0000002e;min-width:240px}.toast-success{background:var(--green)}.toast-error{background:var(--red)}.toast-info{background:var(--bg-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:grid;place-items:center;z-index:2000;padding:20px}.modal{background:#fff;border-radius:12px;width:100%;box-shadow:0 20px 60px #0000004d;max-height:92vh;overflow:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--muted);line-height:1}.modal-body{padding:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.confirm-message{margin-bottom:12px;line-height:1.5}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);padding:20px}.login-card{background:#fff;padding:32px;border-radius:16px;width:100%;max-width:380px;box-shadow:0 20px 60px #00000059}.login-brand{text-align:center;margin-bottom:22px}.login-brand .brand-mark{margin:0 auto 12px}.login-brand h1{font-size:20px}.login-brand p{color:var(--muted);margin:6px 0 0}.login-hint{text-align:center;color:var(--muted);font-size:12px;margin:14px 0 0}.alert{padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:13px}.alert-error{background:#fee2e2;color:#991b1b}.spinner-wrap{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--muted)}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:spin .7s linear infinite}.pos{display:flex;flex-direction:column;height:100vh}.pos-topbar{display:flex;align-items:center;gap:18px;padding:14px 22px;background:var(--bg);color:#fff}.pos-topbar h2{font-size:18px}.pos-grand{margin-left:auto;font-size:16px}.pos-grand b{font-size:22px;color:#4ade80}.pos-hint{font-size:12px;color:#94a3b8}.pos-grid{display:grid;grid-template-columns:380px 1fr;gap:0;flex:1;min-height:0}.pos-search-col{border-right:1px solid var(--border);display:flex;flex-direction:column;background:#fff;min-height:0}.pos-search{border:none;border-bottom:2px solid var(--primary);border-radius:0;padding:16px;font-size:16px}.pos-search:focus{box-shadow:none}.pos-results{overflow-y:auto;flex:1}.pos-result{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:11px 16px;cursor:pointer}.pos-result.active{background:#eff6ff;box-shadow:inset 3px 0 0 var(--primary)}.pr-main{display:flex;justify-content:space-between;font-weight:600}.pr-price{color:var(--green)}.pr-sub{display:flex;gap:6px;color:var(--muted);font-size:12px;margin-top:3px}.pos-empty{padding:20px 16px;color:var(--muted);font-size:13px}.pos-cart-col{display:flex;flex-direction:column;min-height:0;background:var(--panel-2)}.pos-cart{flex:1;overflow-y:auto;padding:12px 16px}.cart-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.cart-table th{background:var(--bg-2);color:#fff;padding:10px;font-size:12px;text-align:center}.cart-table th.l{text-align:left}.cart-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}.cart-table td.l{text-align:left}.cart-table tr.selected td{background:#eff6ff}.cart-name{font-weight:600}.cart-code{font-size:11px;color:var(--muted)}.cart-empty{text-align:center;color:var(--muted);padding:30px!important}.qty-ctrl{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:6px;overflow:hidden}.qty-ctrl button{border:none;background:var(--panel-2);width:26px;height:28px;cursor:pointer;font-size:16px}.qty-ctrl input{width:40px;border:none;text-align:center;font-size:14px;outline:none}.line-remove{background:none;border:none;color:var(--red);font-size:18px;cursor:pointer}.pos-summary{display:grid;grid-template-columns:1fr 320px;gap:16px;padding:12px 16px;background:#fff;border-top:1px solid var(--border)}.cust-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.summary-right{border-left:1px solid var(--border);padding-left:16px}.summary-row{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}.summary-grand{display:flex;justify-content:space-between;padding:10px 0 2px;margin-top:6px;border-top:2px solid var(--border);font-size:18px;font-weight:800}.disc-input{width:90px;text-align:right;border:1px solid var(--border);border-radius:6px;padding:3px 8px}.pos-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg);gap:16px}.pay-methods{display:flex;gap:8px;flex-wrap:wrap}.pay-btn{background:#334155;color:#fff;border:2px solid transparent;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer}.pay-btn.active{background:var(--primary);border-color:#93c5fd}.action-buttons{display:flex;gap:10px}.completed-summary{text-align:center;margin-bottom:12px}.completed-total{font-size:30px;font-weight:800;color:var(--green)}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:16px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:12px}.kv>div{display:flex;flex-direction:column}.kv span{font-size:11px;color:var(--muted);text-transform:uppercase}.void-panel{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;margin:12px 0}.void-panel h4{color:#991b1b;margin-bottom:8px}.detail-totals{display:flex;flex-direction:column;gap:4px;margin-top:14px;max-width:320px;margin-left:auto}.detail-totals>div{display:flex;justify-content:space-between}.detail-totals .grand{border-top:2px solid var(--border);padding-top:8px;font-weight:800;font-size:16px}.receipt-preview{position:sticky;top:16px;align-self:start}.audit-action{font-family:monospace;font-size:12px;background:var(--panel-2);padding:2px 6px;border-radius:4px}.invoice-receipt{background:#fff;border:1px dashed var(--border);border-radius:8px;padding:16px;width:300px;margin:0 auto;font-family:Courier New,monospace;font-size:12px;color:#000}.ir-head{text-align:center}.ir-head h2{font-size:16px}.ir-void{text-align:center;color:var(--red);font-weight:800;font-size:16px;margin:6px 0}.ir-sep{border-top:1px dashed #000;margin:8px 0}.ir-meta>div{display:flex;gap:6px}.ir-meta span{color:#333}.ir-items{width:100%;border-collapse:collapse}.ir-items th,.ir-items td{padding:2px 0}.ir-items .l{text-align:left}.ir-items .r{text-align:right}.ir-disc{font-size:10px;color:#666}.ir-row{display:flex;justify-content:space-between;padding:1px 0}.ir-grand{font-weight:800;font-size:14px;border-top:1px solid #000;margin-top:4px;padding-top:4px}.ir-foot{text-align:center;margin-top:8px}.dp{display:flex;flex-direction:column;height:100vh;min-height:0;background:linear-gradient(180deg,#1a4a86,#10386c 55%,#0d2f5c);color:#fff;overflow:hidden}.dp-header{display:flex;align-items:center;justify-content:space-between;background:var(--pos-pink);padding:4px 20px;height:54px;flex:none}.dp-title{background:linear-gradient(180deg,#7fd2ee,#57bfe6);color:#17b7c6;font-weight:800;font-size:30px;font-style:italic;padding:2px 26px 4px;border-radius:3px;text-shadow:1px 1px 0 rgba(255,255,255,.6);font-family:Segoe UI,system-ui,sans-serif}.dp-total{color:#fff;font-size:30px;font-weight:800;letter-spacing:.02em}.dp-body{display:grid;grid-template-columns:1fr 400px;gap:12px;padding:12px;flex:1;min-height:0}.dp-left{display:flex;flex-direction:column;gap:10px;min-height:0}.dp-right{display:flex;flex-direction:column;gap:8px;min-height:0}.dp-cust{background:#fff;border-radius:3px;padding:12px 14px;color:#000}.dp-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.dp-row:last-child{margin-bottom:0}.dp-row>label{width:78px;font-weight:700;padding-top:6px;color:#111}.dp-input{flex:1;border:1px solid #9aa4b0;border-radius:2px;padding:6px 8px;font-size:14px;background:#fff;color:#000;outline:none;min-width:0}.dp-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb26}.dp-textarea{min-height:54px;resize:vertical}.dp-btn-sm{background:linear-gradient(180deg,#fdfdfd,#dfe3e8);border:1px solid #9aa4b0;border-radius:3px;padding:5px 14px;font-size:13px;cursor:pointer;color:#111;min-width:58px}.dp-btn-sm:hover{background:linear-gradient(180deg,#fff,#d3d8de)}.dp-btn-stack{display:flex;flex-direction:column;gap:6px}.dp-line2,.dp-line3,.dp-line4{display:flex;gap:12px;align-items:flex-end}.dp-field{display:flex;flex-direction:column;gap:3px;flex:1}.dp-field>label{font-size:12px;font-weight:700;color:#dbe7fb}.dp-field-sm{max-width:90px}.dp-field-code{max-width:180px;position:relative}.dp-field-product{position:relative}.dp-results{position:absolute;top:100%;left:0;z-index:40;min-width:420px;background:#fff;color:#000;border:1px solid #9aa4b0;border-top:none;max-height:300px;overflow-y:auto;box-shadow:0 8px 20px #0000004d}.dp-result{display:grid;grid-template-columns:70px 1fr auto;gap:12px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid #e2e8f0;padding:8px 12px;cursor:pointer;font-size:14px;align-items:center}.dp-result.active{background:#d7ecfb}.dp-r-code{color:#64748b;font-size:12px;font-weight:700}.dp-r-name{font-weight:600}.dp-r-price{color:#16a34a;font-weight:700}.dp-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;background:#0e2f5e;padding:4px;border-radius:3px;overflow-y:auto;flex:1;min-height:0;align-content:start}.dp-cell{background:linear-gradient(180deg,#37adad,var(--pos-teal));color:#fff;border:1px solid var(--pos-teal-d);border-radius:2px;padding:9px 2px;font-size:12px;font-weight:700;cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-cell:hover{background:linear-gradient(180deg,#45bcbc,#34a3a3)}.dp-cell.active{background:linear-gradient(180deg,#ffd24d,#f4b41a);color:#3a2a00;border-color:#c98f00}.dp-invoice-list{flex:1;min-height:0;overflow-y:auto;background:#0e2f5e;border:1px solid #1f4e86;border-radius:3px;padding:4px}.dp-il-empty{color:#7f9dc4;padding:14px;font-size:13px}.dp-il-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid #1b426f;color:#eaf2ff;cursor:pointer;font-size:14px}.dp-il-row:hover{background:#143a6b}.dp-il-row.sel{background:#1d4e86;box-shadow:inset 3px 0 0 var(--pos-cyan)}.dp-il-no{width:26px;height:26px;border-radius:50%;background:var(--pos-cyan);color:#06333a;display:grid;place-items:center;font-weight:800;font-size:13px}.dp-il-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-il-qty{color:#ffd24d;font-weight:700}.dp-il-amt{font-weight:700;min-width:70px;text-align:right}.ta{position:relative;width:100%}.ta-menu{position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;color:#000;border:1px solid #9aa4b0;border-top:none;max-height:240px;overflow-y:auto;box-shadow:0 8px 20px #0000004d}.ta-item{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid #eef2f7;padding:8px 12px;cursor:pointer;font-size:14px;color:#000}.ta-item:hover,.ta-item.active{background:#d7ecfb}.dp-items{background:#fff;color:#000;border-radius:3px;flex:1;min-height:0;overflow-y:auto}.dp-items-table{width:100%;border-collapse:collapse;font-size:13px}.dp-items-table thead th{position:sticky;top:0;background:#26456f;color:#fff;padding:7px 8px;font-size:12px;font-weight:700;text-align:center}.dp-items-table th.l{text-align:left}.dp-items-table th.r{text-align:right}.dp-items-table td{padding:5px 8px;border-bottom:1px solid #e2e8f0;text-align:center}.dp-items-table td.l{text-align:left;font-weight:600}.dp-items-table td.r{text-align:right}.dp-items-table tr.sel td{background:#d7ecfb}.dp-qty{display:inline-flex;align-items:center;border:1px solid #cbd5e1;border-radius:3px;overflow:hidden}.dp-qty button{border:none;background:#eef2f7;width:22px;height:24px;cursor:pointer;font-size:15px}.dp-qty input{width:34px;border:none;text-align:center;outline:none;font-size:13px}.dp-x{border:none;background:none;color:#dc2626;font-weight:800;cursor:pointer;font-size:15px}.dp-totals{display:flex;align-items:center;gap:14px;background:#0e2f5e;padding:7px 12px;border-radius:3px;font-size:13px}.dp-totals b{margin-left:auto;font-size:20px;color:#ffd24d}.dp-inter{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.dp-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.dp-action{display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(180deg,#3d7ec4,#2b6cb0);color:#fff;border:1px solid #1f5490;border-radius:3px;padding:8px 2px;cursor:pointer}.dp-action:hover{background:linear-gradient(180deg,#4a8bd0,#2f74bd)}.dp-a-label{font-weight:800;font-size:13px}.dp-a-sub{font-size:10px;color:#cfe2fb}.dp-status{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dp-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:3px;padding:8px 4px;color:#fff}.dp-stat .n{font-size:22px;font-weight:800;line-height:1}.dp-stat .t{font-size:11px;margin-top:3px}.dp-green{background:#38b54a}.dp-blue{background:#2f6fed}.dp-cyan{background:#29a3dc}.dp-pink{background:var(--pos-pink)}.dp-wide{grid-column:span 2;background:linear-gradient(180deg,#fdfdfd,#dbe0e6);color:#17325a;border:1px solid #9aa4b0;border-radius:3px;padding:10px;font-weight:800;cursor:pointer}.dp-wide:hover{background:linear-gradient(180deg,#fff,#cfd5db)}.dp-pay-total{text-align:center;font-size:28px;font-weight:800;color:var(--green);margin-bottom:14px}.dp-pay-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dp-pay{background:#1e293b;color:#fff;border:2px solid transparent;border-radius:6px;padding:14px;font-weight:700;cursor:pointer}.dp-pay.active{background:var(--primary);border-color:#93c5fd}.pos-page{min-height:100vh;background:#eef1f5}.pos-page-header{background:var(--pos-pink);padding:10px 22px}.pos-page-header h2{color:#17b7c6;font-style:italic;font-weight:800;font-size:26px;text-shadow:1px 1px 0 rgba(255,255,255,.4)}.pos-page-body{padding:18px 20px}.supp-grid{display:grid;grid-template-columns:1fr 360px;gap:18px}.supp-panel{background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:14px}.supp-title{display:inline-block;background:#1f2937;color:#fff;font-weight:700;padding:4px 14px;border-radius:3px;margin-bottom:14px}.supp-form{margin-bottom:16px}.supp-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.supp-row>label{width:70px;font-weight:700}.supp-row .input{max-width:260px}.supp-name{background:#2563eb!important;color:#fff!important;font-weight:700;max-width:260px}.supp-old{color:#475569;font-size:13px}.supp-old b{color:#0f172a}.supp-actions{display:flex;align-items:center;gap:14px;margin-top:6px}.supp-hint{font-size:12px;color:#64748b}.supp-addnew{display:flex;gap:8px;margin-bottom:12px}.supp-table{width:100%;border-collapse:collapse;font-size:13px}.supp-table th{background:#1f4e79;color:#fff;padding:6px 8px;text-align:left}.supp-table th.r{text-align:right}.supp-table td{padding:5px 8px;border-bottom:1px solid #e2e8f0}.supp-table td.r{text-align:right}.supp-table tr:nth-child(2n) td{background:#f8fafc}.supp-table.master tr.neg td{color:#dc2626;font-weight:700}.prod-grid{display:grid;grid-template-columns:1fr 380px;gap:18px}.prod-panel{background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:14px}.prod-title{display:inline-block;background:#1f2937;color:#fff;font-weight:700;padding:4px 14px;border-radius:3px;margin-bottom:14px}.prod-form{display:flex;flex-direction:column;gap:8px}.prod-row{display:flex;align-items:center;gap:10px}.prod-row>span{width:92px;font-weight:700;font-size:13px}.prod-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prod-2col .prod-row>span{width:78px}.prod-supp{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:10px}.prod-recipe{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px;border:1px solid #cbd5e1}.prod-recipe th{background:#eef2f7;padding:6px 8px;text-align:left}.prod-recipe th.r{text-align:right}.prod-recipe td{padding:4px 8px;border-bottom:1px solid #eef2f7}.prod-recipe td.r{text-align:right}.mini-qty{width:70px;text-align:right;border:1px solid #cbd5e1;border-radius:3px;padding:2px 6px}.prod-buttons{display:flex;gap:8px;margin-top:12px}.prod-list{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}.prod-list th{background:#1f4e79;color:#fff;padding:6px 8px;text-align:left}.prod-list th.r{text-align:right}.prod-list td{padding:5px 8px;border-bottom:1px solid #e2e8f0}.prod-list td.r{text-align:right}.prod-list tbody tr{cursor:pointer}.prod-list tbody tr:hover td{background:#eff6ff}.prod-list tbody tr.sel td{background:#d7ecfb}.prod-list tbody tr.off td{color:#94a3b8}.set-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.set-card{background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:14px}.set-card-title{text-align:center;background:#1f2937;color:#fff;font-weight:700;padding:5px;border-radius:3px;margin-bottom:12px}.set-add{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.set-list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.set-list li{display:flex;align-items:center;justify-content:space-between;padding:7px 6px;border-bottom:1px solid #eef2f7;font-size:13px}@media print{body *{visibility:hidden!important}.printable,.printable *{visibility:visible!important}.printable{position:absolute;left:0;top:0;width:80mm;margin:0;padding:4mm;border:none;box-shadow:none}@page{margin:6mm}}@media(max-width:1024px){.pos-grid{grid-template-columns:320px 1fr}.dash-grid,.detail-grid,.pos-summary{grid-template-columns:1fr}.summary-right{border-left:none;padding-left:0}}