*{box-sizing:border-box}:root{--text-title:24px;--text-section:18px;--text-body:14px;--text-value:16px;--text-total:28px;--text-meta:13px;--bg-app:#1a2332;--bg-panel:#263041;--bg-header:#2e3d52;--bg-row-alt:#ffffff0a;--bg-row-selected:#2563eb38;--pos-strip:#232f42;--pos-journal:#1e293b;--pos-card:#273549;--pos-display:#121c2e;--pos-display-refund:#451a1a;--pos-keypad-key:#2a3750;--pos-keypad-muted:#334155;--pos-keypad-dark:#1e293b;--pos-border:#3d4d66;--pos-border-soft:#2c3a50;--pos-ready-watermark:#94a3b833;--neutral:#374151;--neutral-hover:#4b5563;--success:#16a34a;--success-hover:#15803d;--danger:#dc2626;--danger-hover:#b91c1c;--primary:#2563eb;--primary-hover:#1e40af;--warning:#d97706;--warning-hover:#b45309;--hold:#6d28d9;--hold-hover:#5b21b6;--cash:#14532d;--cash-hover:#166534;--gap-sm:8px;--gap-md:12px;--gap-lg:16px;--pos-font-family:"Inter", "Segoe UI", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--pos-font-mono:"JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--pos-font-size-xs:11px;--pos-font-size-sm:12px;--pos-font-size-md:14px;--pos-font-size-lg:16px}body{background:radial-gradient(120% 120% at 50% -10%, #2563eb1f 0%, transparent 55%), var(--bg-app);color:#e5e7eb;font-family:var(--pos-font-family);font-size:var(--text-body);margin:0}#root,.app-shell{min-height:100vh}.app-shell.route-transaction,.app-shell.route-inventory,.app-shell.route-report,.app-shell.route-settings{background:radial-gradient(120% 140% at 12% -12%,#2563eb2e 0%,#0000 45%),radial-gradient(110% 130% at 88% -20%,#0ea5e91a 0%,#0000 52%),linear-gradient(#0f172a 0%,#172235 100%)}.app-shell.route-transaction button,.app-shell.route-inventory button,.app-shell.route-report button,.app-shell.route-settings button{border:1px solid #94a3b840;box-shadow:inset 0 1px #ffffff1f,0 3px 9px #0f172a57}.app-shell.route-transaction .panel,.app-shell.route-inventory .panel,.app-shell.route-report .panel,.app-shell.route-settings .panel{background:linear-gradient(#1e293bf0 0%,#0f172af5 100%);border:1px solid #94a3b83d;box-shadow:0 16px 32px #02061759}.app-nav{border-bottom:1px solid #94a3b840;flex-shrink:0;align-items:center;gap:10px;margin:0 16px 12px;padding:10px 0;display:flex}.pos .app-nav{margin:0 0 8px;padding:8px 0}.app-shell.route-transaction .app-nav,.app-shell.route-inventory .app-nav,.app-shell.route-report .app-nav,.app-shell.route-settings .app-nav{border-bottom-color:#94a3b852;margin:0 16px 14px}.app-nav-btn{text-transform:uppercase;letter-spacing:.05em;color:#cbd5e1;background:#0f172a33;border:1px solid #94a3b838;border-radius:8px;padding:9px 18px;font-size:12px;font-weight:800;box-shadow:inset 0 1px #ffffff12,0 1px 3px #00000040}.app-nav-btn.active{color:#fff;background:linear-gradient(#2563eb 0%,#1d4ed8 100%);border-color:#2563ebe6;box-shadow:inset 0 1px #ffffff4d,0 3px 10px #2563eb59}.app-shell.route-transaction .app-nav-btn.active{background:linear-gradient(#0ea5e9 0%,#0369a1 100%);border-color:#0ea5e9eb;box-shadow:inset 0 1px #ffffff54,0 4px 12px #0ea5e966}.app-shell.route-inventory .app-nav-btn.active{background:linear-gradient(#2563eb 0%,#1e40af 100%)}.app-shell.route-report .app-nav-btn.active{background:linear-gradient(#7c3aed 0%,#5b21b6 100%);border-color:#8b5cf6eb;box-shadow:inset 0 1px #ffffff54,0 4px 12px #7c3aed61}.app-shell.route-settings .app-nav-btn.active{background:linear-gradient(#059669 0%,#047857 100%);border-color:#059669e6;box-shadow:inset 0 1px #ffffff54,0 4px 12px #05966957}.panel{border:1px solid #94a3b82e;box-shadow:0 10px 24px #00000038}input,select,textarea{color:#e2e8f0;font-family:var(--pos-font-family);background:#0f172a8c;border:1px solid #94a3b859;border-radius:8px;padding:9px 10px}table{border-collapse:collapse;width:100%}th{color:#e2e8f0;letter-spacing:.02em;background:#1e293bbf;border-bottom:1px solid #94a3b859;font-weight:800}td{color:#dbe3ee;border-bottom:1px solid #94a3b82e}.pos{gap:var(--gap-sm);padding:var(--gap-sm);background:radial-gradient(100% 120% at 50% -20%, #3b82f612 0%, transparent 50%), var(--bg-app);height:100vh;min-height:0;font-family:var(--pos-font-family);font-variant-numeric:tabular-nums;grid-template-columns:2.7fr 2.9fr;display:grid}.pos:not(.pos-theme-white){background:radial-gradient(130% 120% at 10% -20%,#3b82f62e 0%,#0000 45%),radial-gradient(90% 100% at 85% -10%,#0ea5e91f 0%,#0000 50%),linear-gradient(#111b2e 0%,#0f172a 100%)}.pos:not(.pos-theme-white) .panel{background:linear-gradient(#263041fa 0%,#1c2534fa 100%);border:1px solid #52648299;box-shadow:0 14px 28px #02061759,inset 0 1px #ffffff0d}.pos:not(.pos-theme-white) .journalHeader{letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(#324258 0%,#27364a 100%);border:1px solid #596e8c8c;box-shadow:inset 0 1px #ffffff14}.pos:not(.pos-theme-white) .totals{background:linear-gradient(#243246 0%,#202c3f 100%);border-top:1px solid #52648280}.pos:not(.pos-theme-white) .keypad button{position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 3px 8px #02061773;border-color:#5a7092bf!important}.pos:not(.pos-theme-white) .keypad button:before{content:"";pointer-events:none;background:linear-gradient(#ffffff21 0%,#fff0 100%);border-radius:10px;height:42%;position:absolute;inset:1px 1px auto}.pos:not(.pos-theme-white) .actions button,.pos:not(.pos-theme-white) .drawer-actions button{letter-spacing:.02em;border:1px solid #94a3b857;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 3px 8px #0206176b}.pos:not(.pos-theme-white) .actions button:before,.pos:not(.pos-theme-white) .drawer-actions button:before{content:"";pointer-events:none;background:linear-gradient(#fff3 0%,#fff0 100%);border-radius:999px;height:42%;position:absolute;inset:1px 1px auto}.pos.pos-theme-white{--bg-app:#f7f9fd;--bg-panel:#fbfdff;--bg-header:#e8eef6;--bg-row-alt:#0f172a06;--bg-row-selected:#2563eb21;--pos-strip:#edf3fa;--pos-journal:#fcfeff;--pos-card:#f7fbff;--pos-display:#0f172a;--pos-display-refund:#7a1f1f;--pos-keypad-key:#edf2f8;--pos-keypad-muted:#dce6f2;--pos-keypad-dark:#e5ebf3;--pos-border:#d4deea;--pos-border-soft:#e2e9f3;--pos-ready-watermark:#0f172a24;color:#0b1220;background:radial-gradient(140% 120% at 8% -12%,#6366f113 0%,#0000 52%),radial-gradient(120% 110% at 92% -18%,#0ea5e90e 0%,#0000 56%),linear-gradient(#f9fbff 0%,#f3f7fc 100%)}.pos.pos-theme-white .journalHeader,.pos.pos-theme-white .row,.pos.pos-theme-white .totals,.pos.pos-theme-white .actions,.pos.pos-theme-white .panel{color:#0f172a}.pos.pos-theme-white .panel{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dbe4ef;box-shadow:0 10px 24px #0f172a0f,0 2px 6px #0f172a0a,inset 0 1px #ffffffd9}.pos.pos-theme-white .journalHeader{color:#0b1220;text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(#edf3fa 0%,#e4edf7 100%);border:1px solid #d3deec;box-shadow:inset 0 1px #ffffffe6}.pos.pos-theme-white .journalBody{background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #e2e9f2;border-radius:6px}.pos.pos-theme-white .item-detail-bar{color:#0b1220;background:linear-gradient(#f1f6fc 0%,#e9f1fa 100%);border-top:1px solid #d9e3ef}.pos.pos-theme-white .totals{background:linear-gradient(#f4f8fd 0%,#eaf2fa 100%);border-top:1px solid #dae4ef;box-shadow:inset 0 1px #ffffffd6}.pos.pos-theme-white .row.selected{color:#081021;box-shadow:inset 3px 0 #1d4ed8}.pos.pos-theme-white .qtyBtn{color:#0b1220;background:#f8fbff;border-color:#c7d4e5;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0f172a1f}.pos.pos-theme-white .pos-shortcut-tile{box-shadow:0 2px 8px #0f172a1f,inset 0 1px #fff9}.pos.pos-theme-white .btn-payin{background:linear-gradient(#16a34a 0%,#15803d 100%);box-shadow:0 3px #15803d59}.pos.pos-theme-white .btn-payin:hover{background:linear-gradient(#15803d 0%,#166534 100%)}.pos.pos-theme-white .btn-cash{background:linear-gradient(#166534 0%,#14532d 100%);box-shadow:0 3px #14532d59}.pos.pos-theme-white .btn-cash:hover{background:linear-gradient(#14532d 0% 100%)}.pos.pos-theme-white .btn-card,.pos.pos-theme-white .btn-safedrop{background:linear-gradient(#2563eb 0%,#1d4ed8 100%);box-shadow:0 3px #1d4ed859}.pos.pos-theme-white .btn-card:hover,.pos.pos-theme-white .btn-safedrop:hover{background:linear-gradient(#1d4ed8 0%,#1e40af 100%)}.pos.pos-theme-white .btn-cancel{background:linear-gradient(#dc2626 0%,#b91c1c 100%);box-shadow:0 3px #b91c1c59}.pos.pos-theme-white .btn-cancel:hover{background:linear-gradient(#b91c1c 0%,#991b1b 100%)}.pos.pos-theme-white #display{border:1px solid #0f172a;box-shadow:inset 0 1px #ffffff14,0 4px 10px #0f172a2e}.pos.pos-theme-white .keypad button{color:#0b1220;font-weight:800;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9,0 2px 5px #0f172a1f;border-color:#c2cfdf!important}.pos.pos-theme-white .keypad button:before{content:"";pointer-events:none;background:linear-gradient(#ffffff5c 0%,#fff0 100%);border-radius:10px;height:42%;position:absolute;inset:1px 1px auto}.pos.pos-theme-white .keypad button:hover{filter:saturate(1.05)brightness(1.02)}.pos.pos-theme-white .keypad button:active{transform:translateY(1px);box-shadow:0 1px #0f172a33}.pos.pos-theme-white .row .void-btn{color:#475569}.pos.pos-theme-white .actions button{letter-spacing:.02em;border:1px solid #ffffff52;font-weight:800;position:relative;overflow:hidden}.pos.pos-theme-white .totals b{letter-spacing:.03em}.pos.pos-theme-white .rightColumn{gap:10px}.pos.pos-theme-white .actions button:before{content:"";pointer-events:none;background:linear-gradient(#ffffff59 0%,#fff0 100%);border-radius:999px;height:42%;position:absolute;inset:1px 1px auto}.pos.pos-theme-white .actions button:hover{filter:saturate(1.06)brightness(1.02)}.pos.pos-theme-white .actions button:active{transform:translateY(1px);box-shadow:0 1px #0f172a3d}.pos.pos-theme-white .qtyBtn{position:relative;overflow:hidden}.pos.pos-theme-white .qtyBtn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff57 0%,#fff0 100%);border-radius:6px;height:40%;position:absolute;inset:1px 1px auto}.pos.pos-theme-white .qtyBtn:hover{filter:saturate(1.06)brightness(1.02)}.pos.pos-theme-white .drawer-actions button{letter-spacing:.02em;border:1px solid #ffffff52;font-weight:800;position:relative;overflow:hidden}.pos.pos-theme-white .drawer-actions button:before{content:"";pointer-events:none;background:linear-gradient(#ffffff57 0%,#fff0 100%);border-radius:999px;height:42%;position:absolute;inset:1px 1px auto}.pos.pos-theme-white .drawer-actions button:hover{filter:saturate(1.06)brightness(1.02)}.pos.pos-theme-white .drawer-actions button:active{transform:translateY(1px);box-shadow:0 1px #0f172a3d}.pos>*{min-height:0}.panel{background:var(--bg-panel);font-family:var(--pos-font-family);border-radius:6px;flex-direction:column;padding:12px;display:flex}.rightColumn{gap:var(--gap-sm);flex-direction:column;height:100%;min-height:0;display:flex;overflow-y:auto}.rightRow{gap:var(--gap-sm);grid-template-columns:1.6fr 1.3fr;display:grid}h2{font-size:var(--text-title);margin:0 0 8px;font-weight:800}.journalHeader{font-size:var(--pos-font-size-lg);background:var(--bg-header);border-radius:4px;grid-template-columns:1.6fr .9fr .9fr 1fr;align-items:center;gap:6px;margin-bottom:4px;padding:6px 8px;font-weight:800;display:grid}.journalBody{flex:1;overflow-y:auto}.row{border-bottom:1px solid var(--pos-border-soft);color:#d1d5db;font-size:var(--pos-font-size-md);grid-template-columns:1.6fr .9fr .9fr 1fr;align-items:center;gap:6px;padding:6px 4px;display:grid}.row:nth-child(2n){background:var(--bg-row-alt)}.row:hover{color:#e5e7eb}.row.selected{background:var(--bg-row-selected);color:#fff}.qtyCell,.eachCell,.totalCell{font-size:var(--pos-font-size-lg);font-weight:700}.qtyCell{justify-content:center;align-items:center;gap:6px;display:flex}.qtyBtn{border:1px solid var(--pos-border-soft);color:#e2e8f0;cursor:pointer;background:#0f172aa6;border-radius:6px;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.qtyBtnDec{color:#ef4444}.qtyBtnVoid{color:#f87171}.qtyBtnInc{color:#60a5fa}.qtyValue{text-align:center;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:22px;display:inline-flex}.eachCell,.totalCell{text-align:right}#display{background:var(--pos-display);color:#4ade80;font-size:var(--text-total);font-weight:900;font-family:var(--pos-font-mono);letter-spacing:.015em;text-align:right;margin-bottom:8px;padding:10px}.keypad{gap:var(--gap-sm);grid-template-columns:repeat(3,1fr);display:grid}.keypad button{font-size:22px;font-family:var(--pos-font-family);padding:20px}.pos-shortcut-tile{transition:filter .12s,transform .12s}.pos-shortcut-tile:active{filter:brightness(.92);transform:translateY(1px)}.txnKeypad{gap:var(--gap-sm);grid-template-columns:repeat(2,1fr);margin-top:10px;display:grid}.txnKeypad button{font-size:var(--text-section);padding:20px}.totals{border-top:1px solid var(--pos-border-soft);font-size:var(--pos-font-size-md);font-family:var(--pos-font-family);margin-top:6px;padding-top:6px}.totals div{justify-content:space-between;display:flex}button{background:var(--neutral);color:#e5e7eb;cursor:pointer;border:none;border-radius:999px;padding:14px 18px;font-weight:700;transition:background .12s,box-shadow .12s,transform 60ms;box-shadow:0 2px #0006}button:hover{background:var(--neutral-hover)}button:active{transform:translateY(1px);box-shadow:0 1px #00000059}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-payin{background:var(--success);color:#fff}.btn-payin:hover{background:var(--success-hover)}.btn-cancel{background:var(--danger);color:#fff}.btn-cancel:hover{background:var(--danger-hover)}.btn-card,.btn-safedrop{background:var(--primary);color:#fff}.btn-card:hover,.btn-safedrop:hover{background:var(--primary-hover)}.btn-hold{background:var(--hold);color:#fff}.btn-hold:hover{background:var(--hold-hover)}.btn-refund,.btn-payout{background:var(--warning);color:#fff}.btn-refund:hover,.btn-payout:hover{background:var(--warning-hover)}.btn-cash{background:var(--cash);color:#fff}.btn-cash:hover{background:var(--cash-hover)}.actions{gap:var(--gap-md);display:flex}.actions button{font-size:var(--pos-font-size-md);font-family:var(--pos-font-family);flex:1;padding:12px 16px}.payment-quick-cash{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.payment-quick-cash-btn{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em;justify-content:center;width:100%;min-width:0;padding:12px 8px;line-height:1.1}@media (width<=480px){.actions{gap:var(--gap-sm);flex-direction:column}.payment-quick-cash{grid-template-columns:repeat(2,minmax(0,1fr))}}button:focus-visible,.row:focus-visible{outline:2px solid var(--primary);outline-offset:2px}#modal{z-index:999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.receiptBox{background:linear-gradient(#1f242c 0%,#171b22 100%);border:1px solid #94a3b833;border-radius:18px;min-width:500px;max-width:560px;padding:26px 28px;box-shadow:0 24px 60px #000000a6}.receiptHeader{letter-spacing:.06em;text-align:center;color:#f8fafc;margin-bottom:10px;font-size:24px;font-weight:900}.receiptBusinessBlock{margin-bottom:10px}.receiptLogoWrap{text-align:center;margin-bottom:8px}.receiptLogo{object-fit:contain;max-width:180px;max-height:68px}.receiptBusinessLine{text-align:center;color:#d1d5db;margin-bottom:4px;font-size:13px}.receiptMeta{text-align:center;color:#94a3b8;letter-spacing:.02em;margin-bottom:8px;font-size:12px}.receiptDivider{background:linear-gradient(90deg,#0000,#94a3b873,#0000);height:1px;margin:12px 0}.receiptBody{gap:2px;display:grid}.receiptRow{color:#e5e7eb;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:14px;display:flex}.receiptRow.total{color:#facc15;margin-top:4px;font-size:20px;font-weight:900}.receiptPaymentType{color:#cbd5e1;background:#1e293ba6;border:1px solid #94a3b838;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;font-size:13px;display:flex}.receiptPaymentStatus{color:#86efac;letter-spacing:.02em;white-space:nowrap;font-weight:800}.receiptActions{gap:10px;margin-top:18px;display:flex}.btnBubble{letter-spacing:.02em;border:1px solid #0000;border-radius:12px;flex:1;padding:10px 12px;font-size:13px;font-weight:800}.btnPrint{color:#052e16;background:linear-gradient(#22c55e,#16a34a);border-color:#86efac59}.btnCloseRed{color:#fff7f7;background:linear-gradient(#ef4444,#dc2626);border-color:#fecaca42}@media print{@page{size:auto;margin:0}html,body{background:#fff!important;width:80mm!important;margin:0!important;padding:0!important}body *{visibility:hidden!important}#modal,#modal *{visibility:visible!important}#modal{background:#fff!important;justify-content:center!important;align-items:flex-start!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important}.receiptBox{color:#000!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;width:72mm!important;min-width:72mm!important;max-width:80mm!important;margin:0 auto!important;padding:3mm 2mm!important;font-size:12px!important}.receiptHeader,.receiptBusinessLine,.receiptMeta,.receiptRow,.receiptRow.total,.receiptPaymentType,.receiptPaymentStatus{color:#000!important}.receiptDivider{opacity:.5;background:#000!important;height:1px!important}.receiptPaymentType{background:#fff!important;border:1px solid #000!important}.receiptActions{display:none!important}.receiptHeader{letter-spacing:.02em!important;font-size:16px!important}.receiptBusinessLine,.receiptMeta,.receiptPaymentType{font-size:11px!important}.receiptRow{margin-bottom:4px!important;font-size:12px!important}.receiptRow.total{font-size:15px!important}body[data-receipt-paper-size="58mm"]{width:58mm!important}body[data-receipt-paper-size="58mm"] .receiptBox{width:54mm!important;min-width:54mm!important;max-width:58mm!important}body[data-receipt-paper-size=a4]{width:100%!important}body[data-receipt-paper-size=a4] .receiptBox{width:170mm!important;min-width:0!important;max-width:210mm!important;padding:8mm 10mm!important}}.inventory-submenu{background:#2b2f36;border-radius:10px;gap:10px;margin:12px 16px;padding:10px;display:flex}.inventory-submenu button{background:#374151;border-radius:999px;padding:10px 16px;font-weight:700}.inventory-submenu button.active{color:#fff;background:#2563eb}.inventory-layout{grid-template-columns:220px 1fr;gap:16px;margin:16px;display:grid}.inventory-item-editor-shell{max-width:1100px;margin:16px}.inventory-item-editor-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.inventory-item-editor-title{color:#e5e7eb;margin:0;font-size:1.25rem;font-weight:800}.inventory-item-editor-body{padding-bottom:32px}.inventory-item-editor-muted{color:#9ca3af;margin:0}.inventory-item-editor-empty{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.item-form-page{z-index:1;padding:0;position:relative}.item-form-page .receiptBox{min-width:unset}.inventory-sidebar{background:#2b2f36;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.inventory-sidebar button{text-align:left;color:#e5e7eb;cursor:pointer;background:#374151;border:none;border-radius:8px;padding:12px 14px;font-weight:700}.inventory-sidebar button.active{color:#fff;background:#2563eb}.app-shell.route-inventory .inventory-submenu,.app-shell.route-inventory .inventory-sidebar{background:linear-gradient(#0f172ae0 0%,#1e293be6 100%);border:1px solid #94a3b83d;box-shadow:0 10px 24px #02061747}.app-shell.route-inventory .inventory-submenu button,.app-shell.route-inventory .inventory-sidebar button{text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(#334155 0%,#1e293b 100%);border:1px solid #94a3b84d;font-size:12px;box-shadow:inset 0 1px #ffffff1f,0 3px 8px #0f172a52}.app-shell.route-inventory .inventory-submenu button.active,.app-shell.route-inventory .inventory-sidebar button.active{background:linear-gradient(#2563eb 0%,#1e40af 100%);border-color:#2563ebe6}.item-settings-controls{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.item-settings-controls .control-group{align-items:center;gap:10px;display:flex}.item-settings-controls input,.item-settings-controls select{min-width:180px;padding:6px 8px}.item-settings-table{border-collapse:collapse;width:100%;margin-top:16px}.item-settings-table th{text-align:left;background:#323743;padding:10px}.item-settings-table td{border-bottom:1px solid #374151;padding:10px}.items-table{border-collapse:collapse;width:100%;margin-top:8px}.items-table th{text-align:left;background:#323743;padding:10px 12px;font-size:14px;font-weight:800}.items-table td{border-bottom:1px solid #374151;padding:10px 12px;font-size:14px}.items-table tbody tr:nth-child(2n){background:#ffffff05}.items-table tbody tr:hover{cursor:pointer;background:#2563eb26}.items-table .right{text-align:right}.items-table .mono{font-family:Consolas,Courier New,monospace;font-size:13px}.items-table .strong{font-weight:700}.modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-panel);border:1px solid var(--pos-border-soft);border-radius:12px;min-width:400px;max-width:90vw;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 50px #00000080}.item-settings-controls input,.item-settings-controls select{background:var(--pos-journal);border:1px solid var(--neutral);color:#fff;border-radius:4px;outline:none;padding:8px 12px}.item-settings-controls input:focus{border-color:var(--primary)}.drawer-panel button{text-transform:uppercase;letter-spacing:.5px;border:1px solid #ffffff0d}.drawer-panel button:active{filter:brightness(1.2);transform:translateY(1px)}.row .void-btn{opacity:0;color:#6b7280;cursor:pointer;background:0 0;border:none;padding:4px 8px;transition:opacity .2s}.row:hover .void-btn{opacity:1}.row .void-btn:hover{color:#ef4444;transform:scale(1.2)}.row.selected{border-left:4px solid var(--primary);color:#fff;background:var(--bg-row-selected)!important}.item-detail-bar{background:var(--pos-strip);border-top:1px solid var(--pos-border-soft);color:#9ca3af;gap:15px;min-height:28px;padding:6px 12px;font-size:11px;display:flex}.item-detail-bar b{color:var(--primary);text-transform:uppercase;margin-right:4px}.grid-input{background:var(--pos-display);border:1px solid var(--pos-border);color:#fff;border-radius:4px;width:90%;padding:4px 8px}.pg-items-modal-backdrop{-webkit-backdrop-filter:blur(10px)}.pg-items-modal-panel{font-family:var(--pos-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e2e8f0;background:linear-gradient(165deg,#1e293b 0%,#111827 45%,#0f172a 100%);border:1px solid #94a3b838;box-shadow:inset 0 0 0 1px #ffffff0a,0 25px 50px -12px #0000008c,0 12px 24px #00000059}.pg-items-modal-header{background:linear-gradient(#1e293ba6 0%,#0f172a00 100%);border-bottom:1px solid #334155d9;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px 16px;display:flex}.pg-items-modal-title{font-size:var(--pos-font-size-lg);letter-spacing:-.02em;color:#f8fafc;margin:0;font-weight:700;line-height:1.25}.pg-items-modal-subtitle{font-size:var(--pos-font-size-xs);color:#94a3b8;max-width:52ch;margin:6px 0 0;font-weight:500;line-height:1.45}.pg-items-modal-close{font-family:var(--pos-font-family);font-size:var(--pos-font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0;cursor:pointer;background:#1e293bbf;border:1px solid #94a3b847;border-radius:9px;flex-shrink:0;margin:0;padding:8px 16px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform 80ms;box-shadow:inset 0 1px #ffffff0d}.pg-items-modal-close:hover:not(:disabled){color:#fff;background:#334155e6;border-color:#94a3b873}.pg-items-modal-close:active:not(:disabled){transform:translateY(1px)}.pg-items-modal-body{padding:14px 18px 16px}.pg-items-modal-shuttle-layout{flex-direction:row;align-items:stretch;gap:14px;display:flex}.pg-items-modal-col{flex-direction:column;flex:42%;min-width:0;display:flex}.pg-items-modal-section-label{font-size:var(--pos-font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0 0 8px;font-weight:700;display:block}.pg-items-modal-col-head-spacer{min-height:76px;margin-bottom:8px}.pg-items-modal-filter-bar{background:#0f172aeb;border:1px solid #475569a6;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin-bottom:10px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff0a}.pg-items-modal-filter-field{flex:140px;min-width:0;max-width:100%}.pg-items-modal-filter-field--search{flex:2.2 220px;min-width:min(200px,100%);max-width:100%}.pg-items-modal-field-label{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0 0 5px;font-size:10px;font-weight:700;display:block}.pg-items-modal-filter-select,.pg-items-modal-filter-input{box-sizing:border-box;width:100%;height:36px;font-family:var(--pos-font-family);font-size:var(--pos-font-size-sm);color:#f1f5f9;background:#0f172a;border:1px solid #475569e6;border-radius:8px;outline:none;padding:0 11px;font-weight:500;transition:border-color .15s,box-shadow .15s}.pg-items-modal-filter-select{cursor:pointer;padding:0 9px}.pg-items-modal-filter-select:disabled,.pg-items-modal-filter-input:disabled{opacity:.5;cursor:not-allowed}.pg-items-modal-filter-select:focus-visible,.pg-items-modal-filter-input:focus-visible{border-color:#34d3998c;box-shadow:0 0 0 2px #10b98133}.pg-items-modal-list{width:100%;min-height:280px;max-height:340px;font-family:var(--pos-font-family);font-size:var(--pos-font-size-sm);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:#e5e7eb;background:linear-gradient(#0f172a 0%,#0c1222 100%);border:1px solid #334155f2;border-radius:10px;outline:none;padding:8px 10px;line-height:1.4;box-shadow:inset 0 1px #ffffff08}.pg-items-modal-list:focus-visible{border-color:#3b82f673;box-shadow:0 0 0 2px #2563eb33}.pg-items-modal-shuttle-rail{flex-direction:column;flex:none;justify-content:center;gap:10px;padding-top:76px;display:flex}.pg-items-modal-panel .pg-shuttle-btn{box-sizing:border-box;width:48px;height:44px;font-family:var(--pos-font-family);font-size:var(--pos-font-size-md);letter-spacing:.02em;cursor:pointer;border-style:solid;border-width:1px;border-radius:11px;justify-content:center;align-items:center;margin:0;padding:0;font-weight:700;line-height:1;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms,color .14s,opacity .14s;display:inline-flex;box-shadow:0 2px 4px #00000047,inset 0 1px #ffffff1a}.pg-items-modal-panel .pg-shuttle-btn:hover:not(:disabled){filter:brightness(1.06)}.pg-items-modal-panel .pg-shuttle-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff14}.pg-items-modal-panel .pg-shuttle-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;filter:none}.pg-items-modal-panel .pg-shuttle-btn--primary{color:#ecfdf5;background:linear-gradient(#34d399 0%,#16a34a 48%,#15803d 100%);border-color:#a7f3d073}.pg-items-modal-panel .pg-shuttle-btn--neutral{color:#f1f5f9;background:linear-gradient(#475569 0%,#334155 52%,#1e293b 100%);border-color:#94a3b859}.pg-items-modal-panel .pg-shuttle-btn--danger{color:#fff1f2;background:linear-gradient(#fb7185 0%,#e11d48 52%,#be123c 100%);border-color:#fecdd359}.pg-items-modal-panel .pg-shuttle-btn:focus-visible,.pg-items-modal-close:focus-visible{outline-offset:2px;outline:2px solid #60a5fae6}.pg-items-modal-meta{font-size:var(--pos-font-size-xs);color:#64748b;margin:8px 0 0;font-weight:500;line-height:1.45}.pg-items-modal-footer-hint{font-size:var(--pos-font-size-xs);color:#64748b;border-top:1px solid #334155a6;margin:12px 0 0;padding-top:12px;font-weight:500;line-height:1.5}
