*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gf-orange:#e85d26;--gf-orange-light:#fef0e7;--gf-orange-dark:#ba5a1d;--gf-orange-hover:#d14f1e;--gf-charcoal:#1f1f1f;--gf-charcoal-light:#2a2a2a;--gf-bg-primary:#fff;--gf-bg-secondary:#f8f8f6;--gf-bg-page:#f2f1ee;--gf-text-primary:#1a1a1a;--gf-text-secondary:#6b6b6b;--gf-text-tertiary:#999;--gf-border-light:#00000014;--gf-border-medium:#00000026;--gf-green-bg:#eaf3de;--gf-green-text:#3b6d11;--gf-amber-bg:#faeeda;--gf-amber-text:#854f0b;--gf-red-bg:#fcebeb;--gf-red-text:#a32d2d;--gf-blue-bg:#e6f1fb;--gf-blue-text:#185fa5;--gf-purple-bg:#eeedfe;--gf-purple-text:#3c3489;--gf-pink-bg:#fbeaf0;--gf-pink-text:#72243e;--gf-gray-bg:#f1efe8;--gf-gray-text:#5f5e5a;--gf-radius-sm:4px;--gf-radius-md:8px;--gf-radius-lg:12px;--gf-radius-full:9999px;--gf-shadow-sm:0 1px 2px #0000000d;--gf-shadow-md:0 2px 8px #00000014;--gf-skeleton-bg:#00000014}html,body{max-width:100vw;overflow-x:hidden}html{background:#141414}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#141414}body{background:var(--gf-bg-page);color:var(--gf-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:13px;line-height:1.5}@keyframes gf-spin{to{transform:rotate(360deg)}}@keyframes gf-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton-pulse{animation:1.5s ease-in-out infinite skeletonPulse}a{color:inherit;text-decoration:none}.topbar{background:var(--gf-charcoal);z-index:100;align-items:center;gap:16px;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.topbar .logo{color:var(--gf-orange);white-space:nowrap;align-items:center;padding:0;font-size:14px;font-weight:600;display:flex}.topbar .nav{flex:1;gap:4px;display:flex}.topbar .nav a{border-radius:var(--gf-radius-md);color:#888;padding:8px 14px;font-size:13px;transition:all .15s}.topbar .nav a:hover{color:#ccc;background:#ffffff0f}.topbar .nav a.active{background:var(--gf-orange);color:#fff}.topbar .user{color:#888;background:var(--gf-charcoal-light);border-radius:var(--gf-radius-full);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:12px;display:flex}.topbar .user-signout{color:#888;cursor:pointer;border-radius:var(--gf-radius-sm);background:0 0;border:none;margin-left:4px;padding:2px 6px;font-size:12px;transition:color .15s,background .15s}.topbar .user-signout:hover{color:#ccc;background:#ffffff14}.page{max-width:1400px;margin:0 auto;padding:20px}.page-title{margin-bottom:16px;font-size:18px;font-weight:600}.tab-bar{flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.tab{border-radius:var(--gf-radius-md);color:var(--gf-text-secondary);border:.5px solid var(--gf-border-light);cursor:pointer;white-space:nowrap;background:0 0;padding:8px 16px;font-size:13px;transition:all .15s;position:relative}.tab:hover{background:var(--gf-bg-secondary);color:var(--gf-text-primary)}.tab.active{background:var(--gf-orange);color:#fff;border-color:var(--gf-orange)}.tab .badge{background:var(--gf-orange);color:#fff;border-radius:var(--gf-radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-5px;right:-5px}.tab.active .badge{color:var(--gf-orange);background:#fff}.card{background:var(--gf-bg-primary);border:.5px solid var(--gf-border-light);border-radius:var(--gf-radius-lg);margin-bottom:8px;padding:14px 16px;transition:border-color .15s}.card:hover{border-color:var(--gf-border-medium)}.card-flat{background:var(--gf-bg-secondary);border-radius:var(--gf-radius-md);border:none;padding:12px 14px}.card-title{font-size:13px;font-weight:500}.card-sub{color:var(--gf-text-secondary);margin-top:2px;font-size:12px}.tag{border-radius:var(--gf-radius-full);white-space:nowrap;align-items:center;padding:3px 10px;font-size:10px;font-weight:500;display:inline-flex}.tag-planning{background:var(--gf-gray-bg);color:var(--gf-gray-text)}.tag-dg-printed{background:var(--gf-amber-bg);color:var(--gf-amber-text)}.tag-loaded{background:var(--gf-blue-bg);color:var(--gf-blue-text)}.tag-in-progress{background:var(--gf-orange-light);color:var(--gf-orange-dark)}.tag-completed{background:var(--gf-green-bg);color:var(--gf-green-text)}.tag-cancelled{background:var(--gf-red-bg);color:var(--gf-red-text)}.tag-pending{background:var(--gf-amber-bg);color:var(--gf-amber-text)}.tag-delivered{background:var(--gf-green-bg);color:var(--gf-green-text)}.tag-failed{background:var(--gf-red-bg);color:var(--gf-red-text)}.tag-draft{background:var(--gf-purple-bg);color:var(--gf-purple-text)}.tag-pending-approval{background:var(--gf-pink-bg);color:var(--gf-pink-text)}.tag-lg{padding:6px 14px;font-size:12px}.tag-gf{background:var(--gf-orange-light);color:var(--gf-orange-dark)}.tag-other{background:var(--gf-blue-bg);color:var(--gf-blue-text)}.tag-warning{color:#e65100;background:#fff8e1;border:1px solid #ffb74d}.tag-danger{color:#c62828;background:#ffebee;border:1px solid #ef9a9a}.tag-urgent{color:#fff;letter-spacing:.5px;background:#c62828;border:1px solid #c62828;font-weight:700}[data-theme=dark] .tag-urgent{color:#fff;background:#d84343;border-color:#d84343}.tag-success{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.tag-info{color:#1565c0;background:#e3f2fd;border:1px solid #90caf9}.tag-brand{color:#e65100;background:#fff3e0;border:1px solid #ffb74d}.tag-active{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.tag-inactive{color:#757575;background:#f5f5f5;border:1px solid #bdbdbd}[data-theme=dark] .tag-planning,[data-theme=dark] .tag-inactive{color:#bdbdbd!important;background:0 0!important;border:1px solid #bdbdbd4d!important}[data-theme=dark] .tag-dg-printed,[data-theme=dark] .tag-pending,[data-theme=dark] .tag-warning{color:#ffb74d!important;background:0 0!important;border:1px solid #ffb74d66!important}[data-theme=dark] .tag-loaded,[data-theme=dark] .tag-other,[data-theme=dark] .tag-info{color:#90caf9!important;background:0 0!important;border:1px solid #90caf966!important}[data-theme=dark] .tag-in-progress,[data-theme=dark] .tag-gf,[data-theme=dark] .tag-brand{color:#ffa875!important;background:0 0!important;border:1px solid #e85d2680!important}[data-theme=dark] .tag-completed,[data-theme=dark] .tag-delivered,[data-theme=dark] .tag-success,[data-theme=dark] .tag-active{color:#81c784!important;background:0 0!important;border:1px solid #81c78466!important}[data-theme=dark] .tag-cancelled,[data-theme=dark] .tag-failed,[data-theme=dark] .tag-danger{color:#ef9a9a!important;background:0 0!important;border:1px solid #ef9a9a66!important}[data-theme=dark] .tag-draft{color:#b39ddb!important;background:0 0!important;border:1px solid #b39ddb66!important}[data-theme=dark] .tag-pending-approval{color:#f48fb1!important;background:0 0!important;border:1px solid #f48fb166!important}[data-theme=dark] .tag-green{color:#81c784!important;background:0 0!important;border:1px solid #81c78466!important}[data-theme=dark] .tag-amber{color:#ffb74d!important;background:0 0!important;border:1px solid #ffb74d66!important}[data-theme=dark] .tag-red{color:#ef9a9a!important;background:0 0!important;border:1px solid #ef9a9a66!important}[data-theme=dark] .tag-blue{color:#90caf9!important;background:0 0!important;border:1px solid #90caf966!important}[data-theme=dark] .tag-orange{color:#ffa875!important;background:0 0!important;border:1px solid #e85d2680!important}[data-theme=dark] .tag-purple{color:#b39ddb!important;background:0 0!important;border:1px solid #b39ddb66!important}[data-theme=dark] .tag-gray{color:#bdbdbd!important;background:0 0!important;border:1px solid #bdbdbd4d!important}[data-theme=dark] .tag-pink{color:#f48fb1!important;background:0 0!important;border:1px solid #f48fb166!important}.btn{border-radius:var(--gf-radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--gf-orange);color:#fff}.btn-primary:hover:not(:disabled){background:var(--gf-orange-hover)}.btn-secondary{color:var(--gf-text-secondary);border:.5px solid var(--gf-border-medium);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--gf-bg-secondary)}.btn-danger{background:var(--gf-red-bg);color:var(--gf-red-text);border:.5px solid #a32d2d33}.btn-danger:hover:not(:disabled){background:#f7c1c1}.btn-success{background:var(--gf-green-bg);color:var(--gf-green-text);border:.5px solid #3b6d1133}.btn-sm{min-height:32px;padding:6px 12px;font-size:12px}.btn-lg{min-height:52px;padding:14px 28px;font-size:14px}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=search],input[type=number],input[type=date],input[type=email],input[type=password],select,textarea{border:.5px solid var(--gf-border-medium);border-radius:var(--gf-radius-md);color:var(--gf-text-primary);background:var(--gf-bg-primary);width:100%;min-height:44px;padding:10px 12px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--gf-orange);outline:none;box-shadow:0 0 0 3px #e85d261a}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.price-input{color:inherit;border:1px solid var(--gf-border-medium);text-align:right;background:0 0;border-radius:6px;width:80px;min-height:30px;padding:4px 8px;font-family:inherit;font-size:11px}.price-input:focus{border-color:var(--gf-orange);outline:none;box-shadow:0 0 0 2px #e85d2626}[data-theme=dark] .price-input{color:#e8e8e8!important;background:0 0!important;border-color:#ffffff1a!important}.price-input:disabled{opacity:.55;cursor:not-allowed}.progress-track{background:var(--gf-bg-secondary);border-radius:var(--gf-radius-full);height:6px;overflow:hidden}.progress-fill{border-radius:var(--gf-radius-full);height:100%;transition:width .3s}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--gf-text-secondary);border-bottom:1px solid var(--gf-border-light);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:500}td{border-bottom:.5px solid var(--gf-border-light);padding:10px 12px}tr:hover td{background:var(--gf-bg-secondary)}td.num{text-align:right;font-variant-numeric:tabular-nums}.two-col{gap:16px;display:flex}.col-left{flex-shrink:0;width:300px}.col-right{flex:1;min-width:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.flex-1{flex:1;min-width:0}.w-full{width:100%}.text-right{text-align:right}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mt-lg{margin-top:16px}.mt-xl{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:12px}.mb-lg{margin-bottom:16px}.text-danger{color:var(--gf-red-text)}.text-success{color:var(--gf-green-text)}.font-medium{font-weight:500}.text-secondary{color:var(--gf-text-secondary)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notif{border-radius:var(--gf-radius-md);border:.5px solid var(--gf-border-light);background:var(--gf-bg-primary);align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px;display:flex}.notif.unread{background:var(--gf-orange-light);border-color:#e85d2626}.notif-icon{border-radius:var(--gf-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.notif-time{color:var(--gf-text-tertiary);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:10px}.stop-num{border-radius:var(--gf-radius-full);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:500;display:flex}.section-header{color:var(--gf-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:.5px solid var(--gf-border-light);margin-bottom:12px;padding-bottom:8px;font-size:12px;font-weight:500}.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.metric{border-radius:var(--gf-radius-md);border:1px solid #0000;padding:16px}.metric-card-orange{background:var(--gf-orange-light);color:var(--gf-orange-dark);border-color:#e85d2626}.metric-card-blue{background:var(--gf-blue-bg);color:var(--gf-blue-text);border-color:#185fa526}.metric-card-amber{background:var(--gf-amber-bg);color:var(--gf-amber-text);border-color:#854f0b26}.metric-card-green{background:var(--gf-green-bg);color:var(--gf-green-text);border-color:#3b6d1126}.metric-card-red{background:var(--gf-red-bg);color:var(--gf-red-text);border-color:#a32d2d26}.metric-card-gray{background:var(--gf-gray-bg);color:var(--gf-gray-text);border-color:#0000001a}[data-theme=dark] .metric-card-orange{color:#ffa875!important;background:#e85d261a!important;border-color:#e85d2640!important}[data-theme=dark] .metric-card-blue{color:#90caf9!important;background:#42a5f51a!important;border-color:#42a5f540!important}[data-theme=dark] .metric-card-amber{color:#ffb74d!important;background:#ffb74d1a!important;border-color:#ffb74d40!important}[data-theme=dark] .metric-card-green{color:#81c784!important;background:#81c7841a!important;border-color:#81c78440!important}[data-theme=dark] .metric-card-red{color:#ef9a9a!important;background:#ef9a9a1a!important;border-color:#ef9a9a40!important}[data-theme=dark] .metric-card-gray{color:#bdbdbd!important;background:#ffffff0d!important;border-color:#ffffff1a!important}.metric-label{color:var(--gf-text-tertiary);margin-bottom:4px;font-size:12px}.metric-value{font-size:22px;font-weight:600}.map-placeholder{background:var(--gf-bg-secondary);border:1px dashed var(--gf-border-medium);border-radius:var(--gf-radius-md);height:300px;color:var(--gf-text-tertiary);justify-content:center;align-items:center;margin-bottom:16px;font-size:13px;display:flex}.pac-container{z-index:10000!important}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out overlayIn;display:flex;position:fixed;inset:0}.modal-overlay.show{display:flex}body.modal-open{overflow:hidden}body.modal-open .card-hover,body.modal-open .metric-card-orange,body.modal-open .metric-card-blue,body.modal-open .metric-card-amber,body.modal-open .metric-card-gray{pointer-events:none}body.modal-open .modal-overlay,body.modal-open .modal-content{pointer-events:auto}body.modal-open .card-hover:hover,body.modal-open .card-hover:focus-within{box-shadow:none;transform:none}.modal{background:var(--gf-bg-primary);border-radius:var(--gf-radius-lg);width:100%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #00000026}.modal-title{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.modal-close{border-radius:var(--gf-radius-md);background:var(--gf-bg-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.form-group{margin-bottom:14px}.form-label{color:var(--gf-text-secondary);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.login-page{background:#141414;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#1f1f1f;border:1px solid #ffffff14;border-radius:12px;width:100%;max-width:400px;padding:32px}.login-form{flex-direction:column;gap:14px;display:flex}.login-form .form-label{color:#999;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.login-form input{color:#e8e8e8;background:#2a2a2a;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;min-height:48px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-form input:focus{border-color:#e85d26;box-shadow:0 0 0 3px #e85d2633}.login-form input::placeholder{color:#666}.login-form .btn-primary{color:#fff;cursor:pointer;appearance:none;background:#e85d26;border:none;border-radius:8px;width:100%;min-height:48px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s}.login-form .btn-primary:hover:not(:disabled){background:#d14f1e}.login-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.login-form .form-error{color:#a32d2d;background:0 0;border:none;margin-top:8px;padding:0;font-size:12px}.empty-state{background:var(--gf-bg-primary);border:1px solid var(--gf-border-light);border-radius:var(--gf-radius-lg);text-align:center;color:var(--gf-text-secondary);padding:40px 24px;font-size:13px}[data-theme=dark]{--gf-bg-page:#141414;--gf-bg-primary:#1f1f1f;--gf-bg-secondary:#2a2a2a;--gf-text-primary:#e8e8e8;--gf-text-secondary:#999;--gf-text-tertiary:#666;--gf-border-light:#ffffff14;--gf-border-medium:#ffffff26;--gf-border-strong:#ffffff40;--gf-skeleton-bg:#ffffff0f}html[data-theme=dark] body,body[data-theme=dark]{color:#e8e8e8;background-color:#141414}[data-theme=dark] .card,[data-theme=dark] .card-flat,[data-theme=dark] .modal{color:#e8e8e8;background:#1f1f1f;border-color:#ffffff14}[data-theme=dark] [style*="background: #F8F8F6"],[data-theme=dark] [style*="background:#F8F8F6"],[data-theme=dark] [style*="background: #FFFFFF"],[data-theme=dark] [style*="background:#FFFFFF"],[data-theme=dark] [style*="background: #FFF"],[data-theme=dark] [style*="background:#FFF"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background:#fff"]{background:#2a2a2a!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color:#e8e8e8;background:#2a2a2a;border-color:#ffffff26}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:#e85d26;box-shadow:0 0 0 3px #e85d2633}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#666}[data-theme=dark] table{background:#1f1f1f}[data-theme=dark] th{color:#999;border-color:#ffffff1a}[data-theme=dark] td{color:#e8e8e8;border-color:#ffffff0f}[data-theme=dark] tr:hover td{background:#2a2a2a}[data-theme=dark] .tab:not(.active){color:#999;background:#2a2a2a;border-color:#ffffff1a}[data-theme=dark] .tab:not(.active):hover{color:#e8e8e8;background:#333}[data-theme=dark] .section-header,[data-theme=dark] .form-label,[data-theme=dark] label{color:#999;border-color:#ffffff1a}[data-theme=dark] .btn-danger{background:var(--gf-red-text,#a32d2d);color:#fff;border-color:#ffffff1a}[data-theme=dark] .btn-danger:hover:not(:disabled){background:#b83333}[data-theme=dark] .btn-success{background:var(--gf-green-text,#2e7d32);color:#fff;border-color:#ffffff1a}[data-theme=dark] .btn-success:hover:not(:disabled){background:#358738}[data-theme=dark] .btn-secondary{color:#e8e8e8;background:#2a2a2a;border-color:#ffffff26}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#333}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal-close{color:#e8e8e8;background:#2a2a2a;border-color:#ffffff26}[data-theme=dark] .progress-track{background:#333}[data-theme=dark] .metric{opacity:.9}[data-theme=dark] .notif{background:#1f1f1f;border-color:#ffffff14}[data-theme=dark] .notif.unread{background:#2a1a10;border-color:#e85d2633}[data-theme=dark] .empty-state{color:#999;background:#1f1f1f;border-color:#ffffff14}[data-theme=dark] .map-placeholder{color:#666;background:#2a2a2a;border-color:#ffffff26}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:#1f1f1f}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#444;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#555}[data-theme=dark] .autocomplete-dropdown,[data-theme=dark] [style*="z-index: 10000"]{color:#e8e8e8!important;background:#2a2a2a!important;border-color:#ffffff26!important}[data-theme=dark] .pac-container{background:#2a2a2a!important;border-color:#ffffff26!important}[data-theme=dark] .pac-item{color:#e8e8e8!important;background:#2a2a2a!important;border-top-color:#ffffff14!important}[data-theme=dark] .pac-item:hover,[data-theme=dark] .pac-item-selected{background:#333!important}[data-theme=dark] .pac-item-query,[data-theme=dark] .pac-matched{color:#e8a060!important}[data-theme=dark] input[type=checkbox]{accent-color:#e85d26}[data-theme=dark] a{color:#e8a060}[data-theme=dark] hr{border-color:#ffffff14}[data-theme=dark] .info-icon{color:#999!important;background:#ffffff1a!important}.driver-table tr:hover td{color:#e8e8e8!important;background:#333!important}.driver-map .gm-style .gm-style-mtc,.driver-map .gm-style .gm-svpc,.driver-map .gm-style .gm-fullscreen-control,.driver-map .gm-style .gm-bundled-control{transform-origin:100% 0;transform:scale(.7)}.field-error{color:var(--gf-red-text);margin-top:4px;font-size:11px}.field-invalid,.field-invalid:focus{border-color:#a32d2d!important;box-shadow:0 0 0 3px #a32d2d1a!important}.theme-toggle{border-radius:var(--gf-radius-md);border:.5px solid var(--gf-border-medium);background:var(--gf-bg-primary);width:44px;height:44px;color:var(--gf-text-primary);cursor:pointer;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:inline-flex}.theme-toggle:hover{background:var(--gf-bg-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-fade-in{animation:.25s ease-out fadeInUp}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:.2s ease-out tabFadeIn}.card-hover{transition:transform .15s,box-shadow .15s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}[data-theme=dark] .card-hover:hover{box-shadow:0 4px 16px #0006}.btn-press{transition:transform .1s,background .15s,color .15s}.btn-press:active{transform:scale(.97)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content{animation:.2s ease-out modalIn}@keyframes toastFadeIn{0%{opacity:0}to{opacity:1}}.toast{animation:.25s ease-out toastFadeIn}.metric-selected-orange{cursor:pointer;animation:2s ease-in-out infinite selectedPulseOrange}@keyframes selectedPulseOrange{0%,to{box-shadow:0 0 8px 2px #e85d264d}50%{box-shadow:0 0 16px 4px #e85d2680}}.metric-selected-blue{cursor:pointer;animation:2s ease-in-out infinite selectedPulseBlue}@keyframes selectedPulseBlue{0%,to{box-shadow:0 0 8px 2px #3b82f64d}50%{box-shadow:0 0 16px 4px #3b82f680}}.metric-selected-gray{cursor:pointer;animation:2s ease-in-out infinite selectedPulseGray}@keyframes selectedPulseGray{0%,to{box-shadow:0 0 8px 2px #9ca3af4d}50%{box-shadow:0 0 16px 4px #9ca3af80}}.metric-selected-green{cursor:pointer;animation:2s ease-in-out infinite selectedPulseGreen}@keyframes selectedPulseGreen{0%,to{box-shadow:0 0 8px 2px #22c55e4d}50%{box-shadow:0 0 16px 4px #22c55e80}}.metric-selected-amber{cursor:pointer;animation:2s ease-in-out infinite selectedPulseAmber}@keyframes selectedPulseAmber{0%,to{box-shadow:0 0 8px 2px #d977064d}50%{box-shadow:0 0 16px 4px #d9770680}}@keyframes subtlePulse{0%,to{border-color:#e85d264d}50%{border-color:#e85d2699}}.pulse-active{animation:2.5s ease-in-out infinite subtlePulse}@keyframes expiryPulse{0%,to{box-shadow:0 0 #ff980000}50%{box-shadow:0 0 8px 2px #ff980026}}.expiry-warning{animation:3s ease-in-out infinite expiryPulse}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.stagger-row{animation:.2s ease-out rowFadeIn}.nav-link{transition:color .15s,background .15s}.tab-btn{transition:color .2s,background .15s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pos-app{--pos-bg-page:#0e0e0e;--pos-bg-canvas:#141414;--pos-bg-card:#1b1b1b;--pos-bg-card-alt:#232323;--pos-bg-input:#1f1f1f;--pos-border:#2a2a2a;--pos-border-strong:#3a3a3a;--pos-text-primary:#f2f2f2;--pos-text-secondary:#a8a8a8;--pos-text-tertiary:#6e6e6e;--pos-orange:#e85d26;--pos-orange-dim:#c44e1e;--pos-orange-tint:#e85d261f;--pos-green:#7bc76c;--pos-green-bg:#1f3320;--pos-red:#e04c4c;--pos-red-bg:#3b1f1f;background:var(--pos-bg-page);color:var(--pos-text-primary);-webkit-font-smoothing:antialiased;z-index:1000;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;display:flex;position:fixed;inset:0}.pos-app,.pos-app *{box-sizing:border-box}.pos-header{background:var(--pos-bg-canvas);border-bottom:1px solid var(--pos-border);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.pos-header .pos-logo{align-items:center;height:36px;display:flex}.pos-header .pos-logo img{object-fit:contain;height:36px;display:block}.pos-header .pos-title{letter-spacing:.5px;text-transform:uppercase;color:var(--pos-text-secondary);font-size:14px;font-weight:600}.pos-header .pos-title strong{color:var(--pos-text-primary);margin-left:4px}.pos-header .pos-spacer{flex:1}.pos-header .pos-user-chip{background:var(--pos-bg-card);border:1px solid var(--pos-border);color:var(--pos-text-secondary);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.pos-header .pos-user-chip .pos-dot{background:var(--pos-green);border-radius:50%;width:6px;height:6px}.pos-header .pos-icon-btn{background:var(--pos-bg-card);border:1px solid var(--pos-border);width:36px;height:36px;color:var(--pos-text-secondary);cursor:pointer;border-radius:8px;place-items:center;display:grid}.pos-header .pos-icon-btn:hover{color:var(--pos-text-primary);border-color:var(--pos-border-strong)}.pos-progress{background:var(--pos-bg-canvas);border-bottom:1px solid var(--pos-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px 14px;display:flex;position:relative}.pos-progress:before{content:"";background:var(--pos-border);z-index:0;height:2px;position:absolute;top:36px;left:60px;right:60px}.pos-progress-step{cursor:pointer;z-index:1;background:var(--pos-bg-canvas);border:none;flex-direction:column;flex:1;align-items:center;gap:6px;padding:0 4px;font-family:inherit;display:flex;position:relative}.pos-progress-step .pos-progress-dot{background:var(--pos-bg-card-alt);border:2px solid var(--pos-border-strong);width:32px;height:32px;color:var(--pos-text-tertiary);border-radius:50%;place-items:center;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:600;transition:all .2s;display:grid}.pos-progress-step .pos-progress-label{color:var(--pos-text-tertiary);text-transform:uppercase;letter-spacing:.4px;text-align:center;font-size:10px;font-weight:500;line-height:1.2}.pos-progress-step.is-done .pos-progress-dot{background:var(--pos-green-bg);border-color:var(--pos-green);color:var(--pos-green)}.pos-progress-step.is-done .pos-progress-label{color:var(--pos-text-secondary)}.pos-progress-step.is-current .pos-progress-dot{background:var(--pos-orange);border-color:var(--pos-orange);color:#fff;box-shadow:0 0 0 4px var(--pos-orange-tint)}.pos-progress-step.is-current .pos-progress-label{color:var(--pos-text-primary);font-weight:600}.pos-progress-step.is-locked .pos-progress-dot{opacity:.5}.pos-progress-step:disabled{cursor:not-allowed}.pos-progress-step:not(:disabled){cursor:pointer}.pos-step-container{flex:1;width:100%;max-width:810px;margin:0 auto;padding:20px 24px 24px;overflow-y:auto}.pos-step-container::-webkit-scrollbar{width:6px}.pos-step-container::-webkit-scrollbar-thumb{background:var(--pos-border-strong);border-radius:3px}.pos-step{animation:.25s ease-out posStepIn}@keyframes posStepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pos-step-header{margin-bottom:18px}.pos-step-title{color:var(--pos-text-primary);letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.pos-step-subtitle{color:var(--pos-text-secondary);font-size:13px}.pos-step-subtitle .pos-accent{color:var(--pos-orange)}.pos-panel{background:var(--pos-bg-card);border:1px solid var(--pos-border);border-radius:14px;margin-bottom:14px;padding:18px}.pos-toggle-row{background:var(--pos-bg-card);border:1px solid var(--pos-border);cursor:pointer;text-align:left;width:100%;color:inherit;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 16px;font-family:inherit;display:flex}.pos-toggle-row .pos-info{flex:1}.pos-toggle-row .pos-head{color:var(--pos-text-primary);font-size:15px;font-weight:500}.pos-toggle-row .pos-hint{color:var(--pos-text-secondary);margin-top:2px;font-size:12px}.pos-switch{background:var(--pos-border-strong);border-radius:14px;flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.pos-switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.pos-switch.is-on{background:var(--pos-orange)}.pos-switch.is-on:after{transform:translate(20px)}.pos-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pos-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--pos-text-tertiary);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.pos-field label .pos-req{color:var(--pos-red);margin-left:2px}.pos-field input{background:var(--pos-bg-input);border:1px solid var(--pos-border);width:100%;color:var(--pos-text-primary);border-radius:6px;padding:11px 13px;font-family:inherit;font-size:14px}.pos-field input:focus{border-color:var(--pos-orange);outline:none}.pos-field input::placeholder{color:var(--pos-text-tertiary)}.pos-tier-row{color:var(--pos-text-secondary);align-items:center;gap:8px;padding-top:4px;font-size:13px;display:flex}.pos-tier-row .pos-tier-badge{background:var(--pos-orange-tint);color:var(--pos-orange);letter-spacing:.4px;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.pos-tier-row .pos-tier-note{color:var(--pos-text-tertiary)}.pos-residual{background:var(--pos-bg-card);border:1px solid var(--pos-border);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-top:16px;padding:16px;display:grid}.pos-residual .pos-info .pos-head{color:var(--pos-text-primary);font-size:14px;font-weight:600}.pos-residual .pos-info .pos-hint{color:var(--pos-text-secondary);margin-top:2px;font-size:12px}.pos-kg-input{background:var(--pos-bg-input);border:1px solid var(--pos-border-strong);border-radius:6px;align-items:center;display:flex;overflow:hidden}.pos-kg-input input{width:80px;color:var(--pos-text-primary);text-align:right;background:0 0;border:none;padding:11px 12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:16px}.pos-kg-input input:focus{outline:none}.pos-kg-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pos-kg-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pos-kg-input input[type=number]{-moz-appearance:textfield}.pos-kg-input .pos-unit{color:var(--pos-text-tertiary);border-left:1px solid var(--pos-border);padding:0 12px;font-size:12px}.pos-empty-state{background:var(--pos-bg-card);border:1px dashed var(--pos-border-strong);text-align:center;color:var(--pos-text-tertiary);border-radius:10px;padding:32px;font-size:14px}.pos-step-nav{background:var(--pos-bg-canvas);border-top:1px solid var(--pos-border-strong);flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 20px 16px;display:grid;position:relative;box-shadow:0 -4px 20px #0006}.pos-nav-btn{letter-spacing:.3px;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;height:52px;padding:0 22px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.pos-nav-btn.is-back{border-color:var(--pos-border-strong);color:var(--pos-text-secondary);background:0 0}.pos-nav-btn.is-back:hover:not(:disabled){background:var(--pos-bg-card);color:var(--pos-text-primary)}.pos-nav-btn.is-back:disabled{opacity:.3;cursor:not-allowed}.pos-nav-btn.is-next{background:var(--pos-orange);color:#fff;box-shadow:0 2px 8px #e85d264d}.pos-nav-btn.is-next:hover:not(:disabled){background:var(--pos-orange-dim)}.pos-nav-btn.is-next:disabled{background:var(--pos-border-strong);color:var(--pos-text-tertiary);box-shadow:none;cursor:not-allowed}.pos-nav-btn.is-finalize{background:var(--pos-green);color:#0a1a0a;box-shadow:0 2px 8px #7bc76c59}.pos-nav-btn.is-finalize:hover:not(:disabled){background:#95d486}.pos-nav-btn.is-finalize:disabled{background:var(--pos-border-strong);color:var(--pos-text-tertiary);box-shadow:none;cursor:not-allowed}.pos-running-total{text-align:center;line-height:1.2}.pos-running-total .pos-rt-label{text-transform:uppercase;letter-spacing:.5px;color:var(--pos-text-tertiary);font-size:10px}.pos-running-total .pos-rt-amount{color:var(--pos-text-primary);margin-top:1px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:20px;font-weight:700}.pos-running-total .pos-rt-items{color:var(--pos-text-tertiary);margin-top:1px;font-size:11px}.pos-running-total.is-hidden{visibility:hidden}.pos-validation-hint{background:var(--pos-red-bg);border-top:1px solid var(--pos-red);color:var(--pos-red);text-align:center;padding:8px 20px;font-size:12px;position:absolute;bottom:100%;left:0;right:0}.pos-modal-backdrop{z-index:1100;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.pos-modal{background:var(--pos-bg-card);border:1px solid var(--pos-border-strong);width:360px;max-width:90vw;color:var(--pos-text-primary);border-radius:12px;padding:24px;box-shadow:0 20px 60px #0009}.pos-modal h3{margin:0 0 8px;font-size:17px;font-weight:600}.pos-modal p{color:var(--pos-text-secondary);margin:0 0 18px;font-size:13px}.pos-modal-actions{justify-content:flex-end;gap:10px;display:flex}.pos-modal-actions button{cursor:pointer;border:1px solid var(--pos-border-strong);height:40px;color:var(--pos-text-secondary);background:0 0;border-radius:8px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600}.pos-modal-actions button:hover{color:var(--pos-text-primary)}.pos-modal-actions button.is-danger{background:var(--pos-orange);border-color:var(--pos-orange);color:#fff}.pos-modal-actions button.is-danger:hover{background:var(--pos-orange-dim)}.pos-grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pos-pcard{background:var(--pos-bg-card-alt);border:1px solid var(--pos-border);color:var(--pos-text-primary);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;min-height:108px;padding:14px 12px;font-family:inherit;transition:border-color .15s,background .15s;display:flex;position:relative}.pos-pcard:focus-visible{outline:2px solid var(--pos-orange);outline-offset:2px}.pos-pcard.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pos-pcard-weight{letter-spacing:-.3px;font-size:20px;font-weight:700}.pos-pcard-brand{text-transform:uppercase;letter-spacing:.7px;margin-top:3px;font-size:10px;font-weight:600}.pos-pcard-stock{color:var(--pos-text-tertiary);margin-top:auto;padding-top:10px;font-size:11px}.pos-pcard-stock.is-low{color:var(--pos-red)}.pos-pcard-stock.is-out{color:var(--pos-text-tertiary)}.pos-pcard-hint{color:var(--pos-text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin-top:auto;padding-top:10px;font-size:11px;font-weight:500}.pos-pcard.brand-gf .pos-pcard-brand{color:var(--pos-orange)}.pos-pcard.brand-other .pos-pcard-brand,.pos-pcard.is-return .pos-pcard-brand{color:#5da3e0}.pos-pcard.brand-gf:hover:not(.is-disabled){border-color:var(--pos-orange-dim);background:#2a1f1a}.pos-pcard.brand-other:hover:not(.is-disabled),.pos-pcard.is-return:hover:not(.is-disabled){background:#1a2230;border-color:#5da3e0}.pos-pcard.brand-gf.is-selected{border-color:var(--pos-orange);background:var(--pos-orange-tint)}.pos-pcard.brand-other.is-selected,.pos-pcard.is-return.is-selected{background:#1b2a3a;border-color:#5da3e0}.pos-pcard-stepper{background:var(--pos-orange);z-index:2;border-radius:8px;align-items:stretch;height:36px;display:inline-flex;position:absolute;top:8px;right:8px;overflow:hidden;box-shadow:0 2px 6px #00000059}.pos-pcard-stepper-minus{color:#fff;cursor:pointer;background:#0000002e;border:none;place-items:center;width:38px;padding:0;font-family:inherit;font-size:22px;font-weight:700;line-height:1;transition:background .12s;display:grid}.pos-pcard-stepper-minus:hover{background:#00000047}.pos-pcard-stepper-minus:active{background:#0000005c}.pos-pcard-stepper-qty{color:#fff;letter-spacing:.2px;place-items:center;min-width:36px;padding:0 12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:16px;font-weight:700;display:grid}.pos-pcard.brand-other .pos-pcard-stepper,.pos-pcard.is-return .pos-pcard-stepper{background:#5da3e0}.pos-pcard.is-return-row.is-brand-pending{border-color:var(--pos-border);background:var(--pos-bg-card-alt)}.pos-pcard.is-return-row.is-brand-pending.is-selected{background:var(--pos-bg-card-alt)}.pos-pcard.is-return-row.is-brand-error{border-color:var(--pos-red);box-shadow:0 0 0 1px var(--pos-red) inset}.pos-pcard-brand-picker{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:10px;display:flex}.pos-pcard-brand-pill{appearance:none;border:1px solid var(--pos-border);color:var(--pos-text-secondary);letter-spacing:.4px;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border-radius:9999px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.pos-pcard-brand-pill:focus-visible{outline:2px solid var(--pos-orange);outline-offset:2px}.pos-pcard-brand-pill.is-gf:hover{border-color:var(--pos-orange-dim);color:var(--pos-orange)}.pos-pcard-brand-pill.is-other:hover{color:#5da3e0;border-color:#5da3e0}.pos-pcard-brand-pill.is-gf.is-active{background:var(--pos-orange);border-color:var(--pos-orange);color:#fff}.pos-pcard-brand-pill.is-other.is-active{color:#fff;background:#5da3e0;border-color:#5da3e0}.pos-pcard.is-brand-error .pos-pcard-brand-pill{border-color:var(--pos-red)}.pos-pcard-brand-hint{color:var(--pos-text-tertiary);text-transform:uppercase;letter-spacing:.4px;flex-basis:100%;margin-top:2px;font-size:10px}.pos-pcard.is-brand-error .pos-pcard-brand-hint{color:var(--pos-red)}.pos-pcard.is-pump .pos-pcard-stepper{background:var(--pos-green)}.pos-pcard.is-pump .pos-pcard-stepper-qty{color:#0a1a0a}.pos-pcard.is-pump .pos-pcard-stepper-minus{color:#0a1a0a;background:#00000026}.pos-pcard.is-pump .pos-pcard-stepper-minus:hover{background:#00000038}.pos-pcard.is-selected .pos-pcard-weight,.pos-pcard.is-selected .pos-pcard-brand,.pos-pcard.is-selected .pos-pcard-stock,.pos-pcard.is-selected .pos-pcard-hint,.pos-pcard.is-selected .pos-acc-name,.pos-pcard.is-selected .pos-acc-meta{padding-right:100px}.pos-pcard.is-pump.is-selected .pos-pcard-weight,.pos-pcard.is-pump.is-selected .pos-pcard-hint{padding-right:0}.pos-pcard.is-pump.is-selected{padding-top:50px}.pos-pcard-skeleton{background:var(--pos-bg-card-alt);border:1px solid var(--pos-border);border-radius:10px;min-height:108px;position:relative;overflow:hidden}.pos-pcard-skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%);animation:1.4s linear infinite posShimmer;position:absolute;inset:0}@keyframes posShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pos-error-banner{background:var(--pos-red-bg);border:1px solid var(--pos-red);color:var(--pos-red);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;font-size:13px;display:flex}.pos-error-banner button{border:1px solid var(--pos-red);color:var(--pos-red);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600}.pos-error-banner button:hover{background:#e04c4c1a}.pos-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pos-pcard.is-pump{text-align:center;align-items:center;min-height:88px;padding:12px}.pos-pcard.is-pump:hover:not(.is-disabled){border-color:var(--pos-green);background:#1a2820}.pos-pcard.is-pump.is-selected{border-color:var(--pos-green);background:var(--pos-green-bg)}.pos-pcard.is-pump .pos-pcard-brand{color:var(--pos-green)}.pos-pcard.is-pump .pos-qty-pill{background:var(--pos-green);color:#0a1a0a}.pos-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.pos-pcard.is-acc{min-height:84px;padding:12px}.pos-pcard.is-acc:hover:not(.is-disabled){border-color:var(--pos-orange-dim);background:#2a1f1a}.pos-pcard.is-acc.is-selected{border-color:var(--pos-orange);background:var(--pos-orange-tint)}.pos-pcard.is-acc{min-height:100px}.pos-pcard.is-acc .pos-acc-name{font-size:13px;font-weight:500;line-height:1.3}.pos-pcard.is-acc .pos-acc-meta{color:var(--pos-text-tertiary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.pos-pcard.is-acc .pos-acc-code{color:var(--pos-text-secondary);letter-spacing:.2px;font-family:SF Mono,Menlo,Consolas,monospace;font-weight:600}.pos-pcard.is-acc .pos-acc-meta-sep,.pos-pcard.is-acc .pos-acc-stock{color:var(--pos-text-tertiary)}.pos-pcard.is-acc .pos-acc-price{color:var(--pos-text-tertiary);margin-top:auto;padding-top:8px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.pos-search-row{margin-bottom:12px}.pos-search-row input{background:var(--pos-bg-input);border:1px solid var(--pos-border);width:100%;color:var(--pos-text-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E6E6E' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;background-size:16px;border-radius:6px;padding:11px 12px 11px 38px;font-family:inherit;font-size:14px}.pos-search-row input:focus{border-color:var(--pos-orange);outline:none}.pos-search-row input:disabled{opacity:.5;cursor:wait}.pos-summary-block{background:var(--pos-bg-card);border:1px solid var(--pos-border);border-radius:10px;margin-bottom:14px;padding:14px 16px}.pos-summary-label{text-transform:uppercase;letter-spacing:.5px;color:var(--pos-text-tertiary);font-size:11px}.pos-summary-value{color:var(--pos-text-primary);margin-top:4px;font-size:14px}.pos-line-list{background:var(--pos-bg-card);border:1px solid var(--pos-border);border-radius:10px;margin-bottom:14px;transition:opacity .2s;overflow:hidden}.pos-line-list.is-loading{opacity:.5}.pos-line-row{border-bottom:1px solid var(--pos-border);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 16px;display:grid}.pos-line-row:last-child{border-bottom:none}.pos-line-row--empty{color:var(--pos-text-tertiary);font-style:italic}.pos-line-desc{color:var(--pos-text-primary);font-size:14px}.pos-line-qty{color:var(--pos-text-tertiary);margin-top:2px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.pos-line-amount{color:var(--pos-text-primary);font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;font-weight:500}.pos-line-amount.is-credit{color:var(--pos-green)}.pos-totals-block{background:var(--pos-bg-card);border:1px solid var(--pos-border);border-radius:10px;margin-bottom:14px;padding:14px 16px}.pos-total-row{color:var(--pos-text-secondary);justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.pos-total-row.is-grand{border-top:1px solid var(--pos-border);color:var(--pos-text-primary);margin-top:8px;padding-top:12px;font-size:19px;font-weight:700}.pos-total-amount{font-family:SF Mono,Menlo,Consolas,monospace}.pos-split-notice{color:var(--pos-text-primary);background:#e85d2614;border:1px solid #e85d2659;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:12px;line-height:1.5}.pos-payment-section{margin-top:4px}.pos-payment-heading{text-transform:uppercase;letter-spacing:.5px;color:var(--pos-text-tertiary);margin:4px 0 10px;font-size:11px}.pos-pay-row{background:var(--pos-bg-card);border:1px solid var(--pos-border);border-radius:6px;grid-template-columns:110px 1fr;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:grid}.pos-pay-label{color:var(--pos-text-primary);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.pos-pay-label input[type=checkbox]{appearance:none;border:1px solid var(--pos-border-strong);background:var(--pos-bg-input);cursor:pointer;border-radius:4px;width:18px;height:18px;position:relative}.pos-pay-label input[type=checkbox]:checked{background:var(--pos-orange);border-color:var(--pos-orange)}.pos-pay-label input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.pos-pay-amount{background:var(--pos-bg-input);border:1px solid var(--pos-border-strong);color:var(--pos-text-primary);text-align:right;border-radius:6px;padding:9px 12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px}.pos-pay-amount:focus{border-color:var(--pos-orange);outline:none}.pos-pay-amount:disabled{opacity:.4;cursor:not-allowed}.pos-rt-amount.is-loading{opacity:.5;transition:opacity .15s}.pos-rt-amount.is-error{color:var(--pos-red);align-items:center;gap:8px;display:inline-flex}.pos-rt-dot{background:var(--pos-red);border-radius:50%;width:8px;height:8px;display:inline-block}.pos-pay-summary{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.pos-pay-summary-box{background:var(--pos-bg-card);border:1px solid var(--pos-border);border-radius:6px;padding:10px 12px}.pos-pay-summary-label{text-transform:uppercase;letter-spacing:.5px;color:var(--pos-text-tertiary);font-size:10px}.pos-pay-summary-value{color:var(--pos-text-primary);margin-top:2px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:16px;font-weight:600}.pos-pay-summary-box.is-good .pos-pay-summary-value{color:var(--pos-green)}.pos-pay-summary-box.is-warn .pos-pay-summary-value{color:var(--pos-red)}.pos-spinner{border:2px solid #0a1a0a40;border-top-color:#0a1a0a;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite posSpin;display:inline-block}.pos-nav-btn.is-finalize:disabled .pos-spinner{border-color:#ffffff26;border-top-color:var(--pos-text-tertiary)}@keyframes posSpin{to{transform:rotate(360deg)}}.pos-success-toast{background:var(--pos-green-bg);border:1px solid var(--pos-green);color:var(--pos-green);letter-spacing:.2px;z-index:1050;opacity:0;pointer-events:none;border-radius:10px;align-items:center;gap:12px;max-width:720px;padding:12px 18px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s;display:inline-flex;position:fixed;top:72px;left:50%;transform:translate(-50%)translateY(-12px);box-shadow:0 8px 24px #00000080}.pos-success-toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.pos-success-toast.is-warning{background:var(--pos-red-bg);border-color:var(--pos-red);color:var(--pos-red);pointer-events:auto}.pos-success-toast-reprint{background:var(--pos-red);color:#fff;letter-spacing:.3px;pointer-events:auto;white-space:nowrap;border-radius:6px;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.pos-success-toast-reprint:hover{background:#8a2424}.pos-history-bar{background:var(--pos-bg-canvas);border-bottom:1px solid var(--pos-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.pos-history-bar-left{flex-direction:column;gap:2px;display:flex}.pos-history-bar-title{color:var(--pos-text-primary);letter-spacing:-.2px;margin:0;font-size:18px;font-weight:700}.pos-history-bar-date{color:var(--pos-text-tertiary);letter-spacing:.3px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.pos-history-body{flex:1;width:100%;max-width:920px;margin:0 auto;padding:20px 24px 32px;overflow-y:auto}.pos-history-body::-webkit-scrollbar{width:6px}.pos-history-body::-webkit-scrollbar-thumb{background:var(--pos-border-strong);border-radius:3px}.pos-history-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.pos-history-summary-card{background:var(--pos-bg-card);border:1px solid var(--pos-border);border-radius:10px;padding:14px 16px}.pos-history-summary-card.is-total{background:var(--pos-bg-card-alt);border-color:var(--pos-orange);box-shadow:0 0 0 1px var(--pos-orange-tint)}.pos-history-summary-label{text-transform:uppercase;letter-spacing:.5px;color:var(--pos-text-tertiary);margin-bottom:6px;font-size:10px}.pos-history-summary-card.is-total .pos-history-summary-label{color:var(--pos-orange)}.pos-history-summary-value{color:var(--pos-text-primary);letter-spacing:-.3px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:18px;font-weight:600}.pos-history-summary-value.is-loading{opacity:.5}.pos-history-summary-card.is-total .pos-history-summary-value{font-size:21px}.pos-history-list{flex-direction:column;gap:8px;display:flex}.pos-history-row{background:var(--pos-bg-card);border:1px solid var(--pos-border);cursor:pointer;text-align:left;color:var(--pos-text-primary);-webkit-tap-highlight-color:transparent;border-radius:10px;grid-template-columns:64px 130px 1fr auto 100px auto;align-items:center;gap:14px;padding:12px 16px;font-family:inherit;display:grid}.pos-history-row:hover{border-color:var(--pos-border-strong);background:var(--pos-bg-card-alt)}.pos-history-row:focus-visible{outline:2px solid var(--pos-orange);outline-offset:2px}.pos-history-cell{min-width:0}.pos-history-time{color:var(--pos-text-secondary);font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px}.pos-history-ref{color:var(--pos-text-primary);font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:600}.pos-history-customer{color:var(--pos-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pos-history-items{justify-self:end}.pos-history-items-badge{text-transform:uppercase;letter-spacing:.4px;color:var(--pos-text-tertiary);background:var(--pos-bg-card-alt);border:1px solid var(--pos-border);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.pos-history-total{text-align:right;color:var(--pos-text-primary);font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;font-weight:700}.pos-history-methods{justify-self:end;gap:4px;display:flex}.pos-history-chip{text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--pos-border);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.pos-history-chip.is-cash{background:var(--pos-green-bg);border-color:var(--pos-green);color:var(--pos-green)}.pos-history-chip.is-card{background:var(--pos-orange-tint);border-color:var(--pos-orange-dim);color:var(--pos-orange)}.pos-history-chip.is-eft{color:#5da3e0;background:#1b2a3a;border-color:#5da3e0}.pos-history-chip.is-empty{color:var(--pos-text-tertiary)}.pos-history-row-skeleton{background:var(--pos-bg-card);border:1px solid var(--pos-border);border-radius:10px;height:52px;position:relative;overflow:hidden}.pos-history-row-skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 50%,#0000 100%);animation:1.4s linear infinite posShimmer;position:absolute;inset:0}.pos-summary-block .pos-summary-extra{color:var(--pos-text-tertiary);flex-direction:column;gap:2px;margin-top:8px;font-size:12px;display:flex}.pos-history-actions{justify-content:flex-end;margin-top:24px;display:flex}.pos-history-actions .pos-nav-btn{justify-content:center;min-width:200px}.pos-error-banner.is-success{background:var(--pos-green-bg);border-color:var(--pos-green);color:var(--pos-green)}.pos-error-banner.is-success button{border-color:var(--pos-green);color:var(--pos-green)}.pos-spinner.pos-spinner--dark{border-color:#ffffff26;border-top-color:var(--pos-text-secondary)}.pos-icon-btn:disabled{opacity:.5;cursor:wait}.pos-icon-btn:disabled:hover{color:var(--pos-text-secondary);border-color:var(--pos-border)}.pos-sync-toast{background:var(--pos-green-bg);border:1px solid var(--pos-green);color:var(--pos-green);letter-spacing:.2px;z-index:1050;pointer-events:none;border-radius:10px;max-width:640px;padding:10px 16px;font-size:13px;font-weight:500;animation:.18s ease-out posSyncToastIn;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.pos-sync-toast.is-warning{background:var(--pos-red-bg);border-color:var(--pos-red);color:var(--pos-red)}@keyframes posSyncToastIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.pos-history-bar-actions{align-items:center;gap:10px;display:flex}.pos-icon-btn.pos-icon-btn--bar{background:var(--pos-bg-card);border-color:var(--pos-border-strong)}.pos-history-ref{flex-direction:column;gap:1px;display:flex}.pos-history-ref-primary{color:var(--pos-text-primary);font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:600}.pos-history-ref-xero{color:var(--pos-text-tertiary);letter-spacing:.2px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px}.pos-print-doc{display:none}@media print{html,body{color:#000!important;background:#fff!important}body *{visibility:hidden}.pos-print-doc,.pos-print-doc *{visibility:visible}.pos-print-doc{color:#000;z-index:9999;background:#fff;margin:0;padding:24px 28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;line-height:1.4;position:absolute;inset:0;display:block!important}.pos-print-doc .pos-print-header{margin-bottom:18px}.pos-print-doc .pos-print-header h1{color:#000;margin:0;font-size:20px;font-weight:700}.pos-print-doc .pos-print-subtitle{margin-top:4px;font-size:13px;font-weight:600}.pos-print-doc .pos-print-printed{color:#555;margin-top:2px;font-size:11px}.pos-print-doc table{border-collapse:collapse;width:100%;font-size:11px}.pos-print-doc th,.pos-print-doc td{text-align:left;color:#000;border-bottom:1px solid #ccc;padding:6px 8px}.pos-print-doc th{text-transform:uppercase;letter-spacing:.4px;background:#f0f0f0;font-size:10px;font-weight:600}.pos-print-doc td.num,.pos-print-doc th.num{text-align:right;font-variant-numeric:tabular-nums}.pos-print-doc .pos-print-totals{margin-bottom:22px}.pos-print-doc .pos-print-totals table{width:320px}.pos-print-doc .pos-print-totals tr.grand td{border-top:2px solid #000;border-bottom:2px solid #000;font-size:13px;font-weight:700}.pos-print-doc .pos-print-sales h2{border-bottom:1px solid #000;margin:0 0 8px;padding-bottom:4px;font-size:13px;font-weight:700}.pos-print-doc .pos-print-sales table{width:100%}.pos-print-doc .pos-print-empty{color:#666;font-size:11px}.pos-print-doc thead{display:table-header-group}.pos-print-doc tr{page-break-inside:avoid}@page{margin:12mm}}