:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-body:#0f172a;--bg-glass:#1e293b;--border-glass:#334155;--text-main:#f8fafc;--text-sec:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--card-hover:#3b82f626;--input-bg:#0f172a;--panel-bg:#1e293b;--sidebar-bg:#1e293b;--modal-bg:#172133;--dropdown-bg:#1e293b;--dropdown-hover:#334155;--shadow-soft:0 10px 25px #0000004d;--change-bg:#334155;--change-text:#facc15}body{color:var(--text-main);flex-direction:column;height:100vh;margin:0;font-family:Inter,sans-serif;display:flex;overflow:hidden;background-color:var(--bg-body)!important;background-image:radial-gradient(#26334a 1.5px,#0000 1.5px)!important;background-size:25px 25px!important}.hud-header{background:var(--bg-body);border-bottom:1px solid var(--border-glass);z-index:100;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.hud-wrapper{flex:1;gap:15px;padding:15px;display:flex;position:relative;overflow:hidden}.hud-sidebar{background:0 0;flex-direction:column;flex-shrink:0;align-items:center;width:80px;display:flex;overflow:hidden auto}.category-btn.active{border-color:var(--accent);color:var(--accent)}.category-btn:hover{background:var(--card-hover)}.hud-main{flex:1;padding:0 10px;overflow-y:auto;overflow-x:hidden!important}.input-group{border-radius:8px}.input-group-text.search-bar{border:1px solid var(--border-glass);border-right:none;background:var(--bg-glass)!important;border-radius:8px 0 0 8px!important}.form-control.search-bar{border:1px solid var(--border-glass);border-left:none;background:var(--bg-glass)!important;color:#fff!important;border-radius:0 8px 8px 0!important}.form-control.search-bar::placeholder{color:var(--text-sec)}.item-card{background:var(--bg-glass);border:1px solid var(--border-glass);cursor:pointer;border-radius:12px;flex-direction:column;height:100%;padding:12px;display:flex;position:relative}.hud-order-panel{z-index:10;background:0 0;flex-direction:column;flex-shrink:0;width:340px;display:flex}.member-bar{background:var(--bg-glass);border:1px solid var(--border-glass);cursor:pointer;border-radius:12px;margin-bottom:15px;padding:15px}.hud-order-panel>div:last-child{border-top:1px solid var(--border-glass);background:0 0;padding:20px 0!important}.btn-submit{background:var(--accent);color:#000;border:none;border-radius:12px;width:100%;margin-top:10px;font-size:1rem;font-weight:800;padding:15px!important}.btn-submit:hover{background:var(--accent-hover)}h4,h5,h6{font-size:1rem!important}h3{font-size:1.5rem!important}.login-body{background:url(/bg.jpg) 50%/cover no-repeat fixed;justify-content:center;align-items:center;min-height:100vh;display:flex}.bg-overlay{z-index:1;background:#0f172abf;position:fixed;inset:0}.glass-card{z-index:2;-webkit-backdrop-filter:blur(20px);color:#fff;background:#1e293b66;border:1px solid #ffffff26;border-color:#ffffff4d #ffffff26 #ffffff26 #ffffff4d;border-radius:24px;width:100%;max-width:420px;padding:40px;position:relative;box-shadow:0 25px 50px #00000080}.brand-icon{background:#fffffff0;border-radius:22px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;padding:8px;display:flex;overflow:hidden;box-shadow:0 15px 30px #0f172a57}.brand-icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.icon-recovery{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 15px 30px #f59e0b4d}.login-btn-primary{letter-spacing:1px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#00d2ff,#3a7bd5);border:none;border-radius:14px;width:100%;padding:14px;font-weight:700;transition:all .3s}.login-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 25px #00d2ff66}.btn-recovery{background:linear-gradient(135deg,#f59e0b,#ef4444)}.btn-recovery:hover{box-shadow:0 15px 25px #f59e0b66}.text-link{color:#00d2ff;font-weight:500;text-decoration:none;transition:all .2s}.text-link:hover{color:#fff;text-shadow:0 0 10px #00d2ffcc}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-body:#0f172a;--bg-glass:#1e293b;--border-glass:#334155;--text-main:#f8fafc;--text-sec:#94a3b8;--accent:#3b82f6;--card-hover:#3b82f626;--input-bg:#0f172a;--panel-bg:#1e293b;--sidebar-bg:#1e293b;--modal-bg:#172133;--dropdown-bg:#1e293b;--dropdown-hover:#334155;--shadow-soft:0 10px 25px #0000004d;--change-bg:#334155;--change-text:#facc15;--modal-close-color:#f8fafc;--modal-close-bg:#f8fafc29;--modal-close-border:#f8fafc42;--modal-close-hover-bg:#f8fafc3d}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-body:#f4f7fb;--bg-glass:#fff;--border-glass:#e2e8f0;--text-main:#1e293b;--text-sec:#64748b;--accent:#0d6efd;--card-hover:#eff6ff;--input-bg:#f8fafc;--panel-bg:#fff;--sidebar-bg:#fff;--modal-bg:#fff;--dropdown-bg:#fff;--dropdown-hover:#f1f5f9;--shadow-soft:0 8px 24px #959da526;--change-bg:#e2e8f0;--change-text:#0f172a;--modal-close-color:#0f172a;--modal-close-bg:#0f172a14;--modal-close-border:#0f172a1f;--modal-close-hover-bg:#0f172a24}body{background-color:var(--bg-body);color:var(--text-main);height:100vh;margin:0;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;overflow:hidden;background-image:none!important}.pos-terminal{flex-direction:column;height:100vh;min-height:100dvh;display:flex;overflow:hidden}.hud-header{z-index:100;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;height:85px;padding:0 30px;display:flex}.pos-brand-logo-frame{background:#fffffff5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:4px;display:flex;overflow:hidden;box-shadow:0 10px 22px #0f172a38}.pos-brand-logo-frame img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.user-dropdown-toggle{border:1px solid var(--border-glass);background:var(--panel-bg);box-shadow:var(--shadow-soft);color:var(--text-main);border-radius:999px;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.user-dropdown-toggle:hover{border-color:#3b82f652}.pos-user-name,.pos-user-role,.order-panel-header h6{color:var(--text-main)}.hud-brand-title{color:var(--text-main)!important}.hud-brand-mark{color:var(--accent)!important}.user-avatar{background:linear-gradient(135deg, var(--accent), #7dd3fc);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:0 12px 22px #2563eb3d}.user-avatar-initials{letter-spacing:.08em;font-size:.86rem;font-weight:800}.pos-install-btn{border:1px solid var(--border-glass);background:var(--panel-bg);min-height:40px;color:var(--text-main);box-shadow:var(--shadow-soft);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.86rem;font-weight:700;display:inline-flex}.pos-install-btn:hover{color:var(--accent);border-color:#3b82f65c}.hud-wrapper{flex:1;gap:25px;min-height:0;padding:0 20px 20px;display:flex;position:relative;overflow:hidden}.hud-sidebar{background:var(--sidebar-bg);width:90px;box-shadow:var(--shadow-soft);border:none;border-radius:30px;flex-direction:column;flex-shrink:0;align-items:center;padding-top:25px;display:flex;overflow:hidden auto}.hud-sidebar::-webkit-scrollbar{display:none}.hud-main{flex:1;min-width:0;padding:0 10px;overflow-y:auto;overflow-x:hidden!important}.hud-order-panel{background:var(--panel-bg);z-index:10;width:360px;box-shadow:var(--shadow-soft);border:none;border-radius:30px;flex-direction:column;flex-shrink:0;min-height:0;display:flex;overflow:hidden}.hud-order-panel>div:last-child{background:var(--bg-glass);border-top:1px solid var(--border-glass);padding:14px 18px!important}.hud-order-panel h4{font-size:1.1rem!important}.hud-order-panel h3{font-size:1.8rem!important}.btn-submit{background:var(--accent);color:#fff;border:none;border-radius:16px;width:100%;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px #0d6efd4d;padding:13px!important}.btn-submit:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0d6efd66}.input-group{box-shadow:var(--shadow-soft);border-radius:50px}.input-group-text.search-bar{border:none;padding-left:25px;background:var(--panel-bg)!important;border-radius:50px 0 0 50px!important}.form-control.search-bar{border:none;padding:15px;font-weight:500;background:var(--panel-bg)!important;color:var(--text-main)!important;border-radius:0 50px 50px 0!important}.custom-toggle-group{background:var(--input-bg);border:1px solid var(--border-glass);border-radius:50px;padding:5px;display:flex;box-shadow:inset 0 2px 5px #0000000d}.custom-toggle-btn{color:var(--text-sec);background:0 0;border:none;border-radius:50px;justify-content:center;align-items:center;padding:8px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.custom-toggle-btn.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px #0d6efd59}.category-btn{width:60px;height:60px;color:var(--text-sec);cursor:pointer;background:var(--bg-body);border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:15px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.category-btn:hover{background:var(--card-hover);color:var(--accent);transform:scale(1.1)}.category-btn.active{background:var(--accent);color:#fff;box-shadow:0 8px 20px #0d6efd4d}.theme-btn{margin-top:auto;margin-bottom:10px}.add-product-btn{margin-bottom:25px;box-shadow:0 4px 15px #10b9814d;color:#fff!important;background:#10b981!important}.item-card{background:var(--bg-glass);cursor:pointer;height:100%;box-shadow:var(--shadow-soft);border:none;border-radius:28px;flex-direction:column;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.item-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.item-img{-o-object-fit:cover;object-fit:cover;background-color:var(--border-glass);border-radius:20px;width:100%;height:130px;margin-bottom:15px}.list-view-item{background:var(--bg-glass);box-shadow:var(--shadow-soft);cursor:pointer;border:1px solid #94a3b814;border-radius:26px;grid-template-columns:112px minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px 18px;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid;overflow:hidden}.list-view-item:hover{border-color:#3b82f638;transform:translateY(-3px);box-shadow:0 18px 34px #0f172a29}.list-view-media{flex-shrink:0;width:112px}.list-view-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:var(--border-glass);border-radius:18px;width:112px;height:86px;display:block}.list-view-details{flex-direction:column;gap:8px;min-width:0;display:flex}.list-view-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;line-height:1.25;overflow:hidden}.list-view-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.list-view-stock{align-items:center;gap:4px;display:inline-flex}.list-view-price-block{text-align:right;min-width:150px}.list-view-price{color:var(--accent);white-space:nowrap;font-size:1.15rem;font-weight:800;line-height:1.1}.list-view-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.list-view-actions .btn{background:#94a3b814;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.list-view-actions .btn:hover{transform:translateY(-1px)}.list-view-actions .btn-outline-warning{color:#facc15;background:#facc151f}.list-view-actions .btn-outline-danger{color:#f87171;background:#f871711f}#product-grid.product-grid-shell.grid-view-active{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--grid-item-size,220px)), 1fr));align-items:stretch;gap:16px;display:grid!important}#product-grid.product-grid-shell.list-view-active{flex-direction:column;gap:12px;display:flex}#product-grid.product-grid-shell .product-grid-cell,#product-grid.product-grid-shell .list-view-cell{width:100%;min-width:0;margin:0!important;padding:0!important}#product-grid.product-grid-shell.grid-view-active .item-img{height:calc(var(--grid-item-size,220px) * .56);min-height:100px;max-height:188px}.member-bar{background:var(--bg-body);cursor:pointer;border:none;border-radius:20px;margin-bottom:10px;padding:11px 14px;transition:all .2s}.order-row{background:var(--bg-body);border:none;border-radius:20px;align-items:center;margin-bottom:12px;padding:12px;display:flex}.dropdown-menu-custom{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);border-radius:18px;min-width:210px;padding:10px;background:linear-gradient(180deg, #ffffff14, #ffffff05), var(--dropdown-bg)!important;border:1px solid var(--border-glass)!important;color:var(--text-main)!important}.dropdown-menu-custom .dropdown-item{background:0 0!important}.dropdown-item-custom{border-radius:10px;align-items:center;gap:10px;padding:10px 20px;font-weight:500;display:flex;color:var(--text-main)!important}.dropdown-item-custom svg{color:currentColor}.dropdown-item-custom:hover,.dropdown-item-custom:focus,.dropdown-item-custom:active{background-color:var(--dropdown-hover)!important;color:var(--accent)!important}.dropdown-item-custom.text-danger{color:#ef4444!important}.dropdown-item-custom.text-danger:hover,.dropdown-item-custom.text-danger:focus,.dropdown-item-custom.text-danger:active{color:#ef4444!important;background:#ef44441f!important}.dropdown-divider{border-color:var(--border-glass)!important}.modal-content{background:var(--modal-bg);color:var(--text-main);border:none;border-radius:24px;box-shadow:0 20px 50px #0003}.form-control,.form-select{background-color:var(--input-bg);border:1px solid var(--border-glass);color:var(--text-main);border-radius:12px}.modal-backdrop-soft{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a94}.themed-modal-surface{background:linear-gradient(180deg, #ffffff17, #ffffff05), var(--modal-bg);border:1px solid #94a3b82e;overflow:hidden;color:var(--text-main)!important}.themed-modal-header{border-bottom:1px solid var(--border-glass);padding:1.1rem 1.35rem 1rem;background:var(--modal-bg)!important;color:var(--text-main)!important}.themed-modal-title{align-items:center;gap:10px;display:flex}.btn-close{filter:invert(var(--invert-val,0));opacity:.78}.btn-close:hover{opacity:1}.themed-modal-surface .btn-close{opacity:1;box-sizing:border-box;border-radius:999px;flex:none;width:2.15rem;min-width:2.15rem;height:2.15rem;position:relative;border:1px solid var(--modal-close-border)!important;background:var(--modal-close-bg)!important;color:var(--modal-close-color)!important;filter:none!important;box-shadow:none!important;background-image:none!important;margin:0 0 0 auto!important;padding:0!important}.themed-modal-surface .btn-close:before,.themed-modal-surface .btn-close:after{content:"";transform-origin:50%;background:currentColor;border-radius:999px;width:.9rem;height:2px;position:absolute;top:50%;left:50%}.themed-modal-surface .btn-close:before{transform:translate(-50%,-50%)rotate(45deg)}.themed-modal-surface .btn-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.themed-modal-surface .btn-close:hover,.themed-modal-surface .btn-close:focus{opacity:1;background:var(--modal-close-hover-bg)!important;color:var(--modal-close-color)!important}.themed-modal-surface .btn-close:focus{box-shadow:0 0 0 3px #3b82f647!important}.reprint-modal-surface{overflow:hidden;border-radius:22px!important}.reprint-table{--bs-table-bg:transparent;--bs-table-color:var(--text-main);--bs-table-hover-bg:var(--card-hover);--bs-table-hover-color:var(--text-main);--bs-table-border-color:var(--border-glass);color:var(--text-main)!important;border-color:var(--border-glass)!important}.reprint-table thead th{font-weight:800;background:var(--input-bg)!important;border-color:var(--border-glass)!important;color:var(--text-sec)!important}.reprint-table tbody td{background:var(--panel-bg)!important;border-color:var(--border-glass)!important;color:var(--text-main)!important}.reprint-table tbody tr:hover td{background:var(--card-hover)!important;color:var(--text-main)!important}.reprint-table .text-success{color:#10b981!important}.reprint-table .text-warning{color:#f59e0b!important}.reprint-table tbody tr:hover td.text-success{color:#10b981!important}.reprint-table tbody tr:hover td.text-warning{color:#f59e0b!important}.quantity-dialog{max-width:min(430px,100vw - 24px)}.quantity-modal-surface{overflow:hidden;border-radius:24px!important}.quantity-modal-header{align-items:center;padding:1.15rem 1.25rem .95rem}.quantity-modal-body{padding:1.2rem!important}.quantity-product-card{background:var(--panel-bg);border:1px solid var(--border-glass);border-radius:18px;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:14px;padding:12px;display:grid}.quantity-product-image{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:var(--input-bg);border-radius:14px;width:108px}.quantity-product-copy{min-width:0}.quantity-product-name{color:var(--text-main);overflow-wrap:anywhere;font-size:1.1rem;font-weight:900;line-height:1.15}.quantity-product-meta{color:var(--text-sec);gap:4px;margin-top:8px;font-size:.82rem;font-weight:700;display:grid}.quantity-input-panel{background:var(--input-bg);border:1px solid var(--border-glass);border-radius:18px;gap:12px;margin-bottom:12px;padding:14px;display:grid}.quantity-input-topline{color:var(--text-sec);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;font-size:.78rem;font-weight:900;display:flex}.quantity-input-topline strong{color:var(--accent);letter-spacing:0;text-transform:none;white-space:nowrap;font-size:.95rem}.quantity-control{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;display:grid}.quantity-step-btn,.quantity-quick-btn{border:1px solid var(--border-glass);background:var(--panel-bg);color:var(--text-main);font-weight:900;transition:background .18s,border-color .18s,color .18s}.quantity-step-btn{border-radius:14px;width:42px;height:42px;font-size:1.2rem;line-height:1}.quantity-step-btn:hover,.quantity-quick-btn:hover{background:var(--card-hover);color:var(--accent);border-color:#3b82f65c}.quantity-field-wrap{border:1px solid var(--border-glass);background:var(--panel-bg);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;display:grid;overflow:hidden}.quantity-field{text-align:center;min-width:0;height:50px;font-size:1.6rem;font-weight:900;color:var(--text-main)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.quantity-field-wrap span{min-width:52px;height:100%;color:var(--text-main);border-left:1px solid var(--border-glass);background:#3b82f61a;justify-content:center;align-items:center;padding:0 12px;font-weight:900;display:inline-flex}.quantity-quick-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.quantity-quick-btn{border-radius:999px;min-height:38px}.quantity-add-btn{border-radius:16px!important}.card-size-menu{color:var(--text-main);z-index:1200;left:auto!important;right:0!important}.themed-modal-body{padding:1.35rem;background:var(--modal-bg)!important;color:var(--text-main)!important}.themed-modal-surface .modal-title,.themed-modal-surface h1,.themed-modal-surface h2,.themed-modal-surface h3,.themed-modal-surface h4,.themed-modal-surface h5,.themed-modal-surface h6,.themed-modal-surface label,.themed-modal-surface .fw-bold,.themed-modal-surface .form-check-label,.themed-modal-surface span,.themed-modal-surface p{color:inherit}.themed-modal-surface .text-secondary,.themed-modal-surface small.text-secondary{color:var(--text-sec)!important}.modal-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--text-sec);margin-bottom:6px;font-size:.7rem;display:inline-block}.themed-form-control,.themed-form-select{background:var(--input-bg)!important;border:1px solid var(--border-glass)!important;color:var(--text-main)!important;box-shadow:none!important;border-radius:14px!important}.themed-form-control:disabled,.themed-form-select:disabled{opacity:.7;cursor:not-allowed}.themed-form-control::placeholder{opacity:1;color:var(--text-sec)!important}.themed-form-control::-moz-placeholder{opacity:1;color:var(--text-sec)!important}.themed-form-control::placeholder{opacity:1;color:var(--text-sec)!important}.themed-form-control:-ms-placeholder-shown{color:var(--text-sec)!important}.themed-form-control::-moz-placeholder{color:var(--text-sec)!important}.themed-form-select option{background:var(--panel-bg);color:var(--text-main)}.themed-form-control[type=file]{padding:.45rem}.themed-form-control[type=file]::file-selector-button{color:var(--accent);background:#3b82f624;border:0;border-radius:10px;margin-right:12px;padding:.55rem .85rem;font-weight:700}.themed-form-control:-webkit-autofill{-webkit-text-fill-color:var(--text-main);-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;transition:background-color 5000s ease-in-out}.themed-form-control:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main);-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;transition:background-color 5000s ease-in-out}.themed-form-control:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main);-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;transition:background-color 5000s ease-in-out}.themed-form-select:-webkit-autofill{-webkit-text-fill-color:var(--text-main);-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;transition:background-color 5000s ease-in-out}.themed-input-group{box-shadow:none;border-radius:16px}.themed-input-addon{background:var(--input-bg)!important;border:1px solid var(--border-glass)!important;color:var(--text-sec)!important}.themed-primary-btn{box-shadow:0 16px 32px #2563eb47;background:linear-gradient(135deg, var(--accent), #60a5fa)!important;color:#fff!important;border:none!important;border-radius:18px!important}.themed-warning-btn{box-shadow:0 16px 28px #f59e0b3d;color:#111827!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;border-radius:18px!important}.themed-danger-btn{box-shadow:0 16px 30px #ef444447;color:#fff!important;background:linear-gradient(135deg,#ef4444,#be123c)!important;border:none!important;border-radius:18px!important}.themed-pill-btn{background:var(--panel-bg);border:1px solid var(--border-glass);color:var(--text-main);border-radius:999px;padding:.5rem .85rem;transition:transform .2s,border-color .2s,color .2s}.themed-pill-btn:hover{color:var(--accent);border-color:#3b82f659;transform:translateY(-1px)}.btn-submit:disabled,.themed-primary-btn:disabled,.themed-warning-btn:disabled,.themed-danger-btn:disabled{opacity:.72;cursor:not-allowed;box-shadow:none!important;transform:none!important}.delete-override-modal{border-radius:24px}.delete-override-header{align-items:flex-start}.delete-override-title-wrap{align-items:center;gap:14px;min-width:0;display:flex}.delete-override-icon{color:#f43f5e;background:#f43f5e21;border:1px solid #f43f5e3d;border-radius:16px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.delete-product-summary{border:1px solid var(--border-glass);background:#ffffff0a;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:14px 16px;display:flex}.delete-product-name{color:var(--text-main);overflow-wrap:anywhere;font-size:1rem;font-weight:800}.delete-product-meta{color:var(--text-sec);margin-top:2px;font-size:.82rem}.delete-product-price{color:var(--accent);white-space:nowrap;font-weight:800}.delete-warning-box,.delete-error-box{border-radius:16px;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:.86rem;display:flex}.delete-warning-box{color:#fda4af;background:#f43f5e1a;border:1px solid #f43f5e38;align-items:flex-start}.delete-warning-box svg{flex:none;margin-top:1px}.delete-error-box{color:#fecaca;background:#ef444429;border:1px solid #ef44444d}.delete-password-icon{color:var(--text-sec);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.delete-password-input{padding-left:42px!important}.credit-payment-dialog{max-width:min(980px,100vw - 24px)}.credit-payment-modal{border-radius:24px;overflow:hidden}.credit-payment-header{align-items:flex-start}.credit-payment-body{flex-direction:column;gap:16px;max-height:min(72vh,720px);display:flex}.credit-payment-toolbar{align-items:center;gap:12px;display:flex}.credit-search-box{min-height:46px;color:var(--text-sec);background:var(--panel-bg);border:1px solid var(--border-glass);border-radius:16px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.credit-search-box input{width:100%;min-width:0;color:var(--text-main);background:0 0;border:0;outline:none;font-weight:700}.credit-search-box input::placeholder{color:var(--text-sec)}.credit-refresh-btn{min-height:46px;padding:0 18px}.credit-account-list{gap:10px;padding-right:4px;display:grid;overflow-y:auto}.credit-account-row{background:var(--panel-bg);border:1px solid var(--border-glass);border-radius:18px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px;display:grid}.credit-account-main{align-items:center;gap:12px;min-width:0;display:flex}.credit-account-avatar{color:#fff;background:linear-gradient(135deg, var(--accent), #10b981);border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.credit-account-copy{min-width:0}.credit-account-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.credit-account-meta,.credit-balance-label{color:var(--text-sec);font-size:.82rem;font-weight:700}.credit-account-side{text-align:right}.credit-balance-amount{color:var(--accent);white-space:nowrap;font-size:1.06rem;font-weight:900}.credit-pay-btn{min-width:82px;border-radius:14px!important}.credit-empty-state{min-height:260px;color:var(--text-sec);text-align:center;place-items:center;gap:12px;font-weight:800;display:grid}.credit-payment-submodal{z-index:1065;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02061794;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.credit-payment-card{border-radius:24px;flex-direction:column;width:min(620px,100%);max-height:min(92vh,820px);display:flex;overflow:hidden}.credit-payment-card-header,.credit-payment-card-footer{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.credit-payment-card-footer{border-top:1px solid var(--border-glass);border-bottom:0;justify-content:flex-end}.credit-payment-card-body{gap:16px;padding:20px;display:grid;overflow-y:auto}.credit-payment-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.credit-payment-summary>div{background:var(--panel-bg);border:1px solid var(--border-glass);border-radius:16px;min-width:0;padding:12px}.credit-payment-summary span,.credit-allocation-row span{color:var(--text-sec);font-size:.76rem;font-weight:800;display:block}.credit-payment-summary strong{color:var(--text-main);overflow-wrap:anywhere;font-size:.95rem;font-weight:900;display:block}.credit-amount-input{text-align:right;font-size:1.35rem!important;font-weight:900!important}.credit-method-details{gap:10px;display:grid}.credit-detail-row{color:var(--text-sec);align-items:center;gap:8px;display:flex}.credit-detail-row .form-control{flex:1}.credit-allocation-preview{background:#3b82f614;border:1px solid #3b82f633;border-radius:18px;gap:8px;padding:12px;display:grid}.credit-allocation-title{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:.82rem;font-weight:900;display:flex}.credit-allocation-row{background:var(--panel-bg);border:1px solid var(--border-glass);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex}.credit-allocation-row strong{color:var(--text-main);font-weight:900}.credit-warning{color:#fda4af;background:#f43f5e1a;border:1px solid #f43f5e38;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-weight:800;display:flex}.order-panel-header{color:var(--text-main);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex;padding:12px 14px!important}.order-panel-header>div:first-child{min-width:0}.order-panel-actions{flex:none;align-items:center;gap:7px;display:inline-flex}.order-panel-action-btn{border:1px solid var(--border-glass);background:var(--panel-bg);width:36px;height:36px;color:var(--accent);border-radius:11px;justify-content:center;align-items:center;padding:0;transition:transform .18s,border-color .18s,background .18s;display:inline-flex;box-shadow:0 8px 18px #0f172a24}.order-panel-action-btn:hover,.order-panel-action-btn:focus{background:var(--card-hover);color:var(--accent);border-color:#3b82f65c;outline:none;transform:translateY(-1px)}.order-panel-action-btn--return{color:#f59e0b}.order-panel-action-btn--return:hover,.order-panel-action-btn--return:focus{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b52}.order-panel-branch{color:var(--text-sec);align-items:center;gap:6px;margin-top:6px;display:inline-flex}.order-lane-tabs{flex:none;justify-content:center;align-items:center;gap:6px;padding:8px 12px 0;display:flex}.order-lane-tab{border:1px solid var(--border-glass);background:var(--input-bg);width:42px;min-width:42px;height:34px;color:var(--text-sec);border-radius:12px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;padding:0;transition:border-color .18s,background .18s,color .18s,transform .18s;display:grid}.order-lane-tab svg{color:currentColor;grid-row:1/3;margin-left:5px}.order-lane-tab span{color:var(--text-main);align-self:end;font-size:.78rem;font-weight:900;line-height:1}.order-lane-tab small{color:var(--text-sec);align-self:start;font-size:.62rem;font-weight:800;line-height:1}.order-lane-tab.active{color:var(--accent);background:#3b82f626;border-color:#3b82f694;box-shadow:inset 0 0 0 1px #3b82f62e}.order-lane-tab.active span,.order-lane-tab.active small{color:var(--accent)}.order-lane-tab:hover,.order-lane-tab:focus{background:var(--card-hover);border-color:#3b82f661;outline:none;transform:translateY(-1px)}.order-panel-cart-shell{scrollbar-gutter:stable;flex:auto;min-height:0;overflow:hidden auto}.order-panel-cart-shell::-webkit-scrollbar{width:8px}#cart-list::-webkit-scrollbar{width:8px}.order-panel-cart-shell::-webkit-scrollbar-thumb{background:#94a3b857;border-radius:999px}#cart-list::-webkit-scrollbar-thumb{background:#94a3b857;border-radius:999px}.order-member-section{flex:none;padding:10px 12px 0}.member-search-shell{border:1px solid var(--border-glass);background:#ffffff0a;border-radius:18px;margin-bottom:8px;padding:10px}.member-search-toolbar{flex-direction:column;gap:10px;display:flex}.member-search-input-wrap{position:relative}.member-search-input-icon{color:var(--text-sec);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.member-search-input{background:var(--input-bg)!important;border:1px solid var(--border-glass)!important;color:var(--text-main)!important;padding-left:40px!important}.member-search-input::placeholder{opacity:1;color:var(--text-sec)!important}.member-search-actions{gap:10px;display:flex}.member-utility-btn{border:1px solid var(--border-glass);background:var(--panel-bg);color:var(--text-main);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:.65rem .85rem;font-weight:600;display:inline-flex}.member-utility-btn.active,.member-utility-btn:hover{color:var(--accent);border-color:#3b82f659}.qr-scanner-shell{background:var(--input-bg);border:1px solid var(--border-glass);color:var(--text-main);border-radius:18px;margin-top:14px;padding:12px}.qr-scanner-shell #qr-reader{background:#020617;border-radius:16px;overflow:hidden;border:1px solid var(--border-glass)!important;color:var(--text-main)!important}.qr-scanner-shell #qr-reader :not(video){color:var(--text-main)!important}.qr-scanner-shell #qr-reader video{background:#000;border-radius:12px}.qr-scanner-shell #qr-reader button,.qr-scanner-shell #qr-reader select{min-height:38px;font-weight:700;border:1px solid var(--border-glass)!important;background:var(--panel-bg)!important;color:var(--text-main)!important;border-radius:12px!important}.qr-scanner-shell #qr-reader button{background:var(--accent)!important;color:#fff!important}.qr-scanner-shell #qr-reader a{font-weight:800;color:var(--accent)!important}.qr-scanner-shell #qr-reader__scan_region,.qr-scanner-shell #qr-reader__dashboard,.qr-scanner-shell #qr-reader__dashboard_section_csr{background:0 0!important}.qr-scanner-shell #qr-reader__header_message{border-radius:12px;color:var(--text-main)!important;background:#3b82f624!important}.member-results-list{flex-direction:column;gap:10px;max-height:260px;margin-top:14px;display:flex;overflow-y:auto}.member-search-empty{text-align:center;color:var(--text-sec);border:1px dashed var(--border-glass);border-radius:16px;padding:14px}.member-result-card{border:1px solid var(--border-glass);background:var(--panel-bg);text-align:left;width:100%;color:var(--text-main);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.member-result-card:hover,.member-result-card.active{border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f}.member-result-main{min-width:0}.member-result-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.member-result-meta{color:var(--text-sec);margin-top:2px;font-size:.78rem;display:block}.member-result-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.member-points-pill,.member-id-chip,.member-points-chip,.member-default-chip,.member-walkin-pill{border-radius:999px;align-items:center;gap:6px;padding:.25rem .56rem;font-size:.7rem;font-weight:700;display:inline-flex}.member-points-pill,.member-points-chip{color:#f59e0b;background:#facc1529}.member-id-chip{color:var(--accent);background:#3b82f61f}.member-default-chip,.member-walkin-pill{color:#10b981;background:#10b98124}.member-bar-premium{min-height:74px;position:relative;overflow:hidden}.member-bar-copy{min-width:0}.member-bar-label{color:var(--text-sec);letter-spacing:.12em;font-size:9px;font-weight:700}.member-bar-name{color:var(--accent);margin-top:1px;font-size:.98rem;line-height:1.18}.member-bar-meta{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.member-chevron{transition:transform .2s}.member-chevron.is-open{transform:rotate(180deg)}.order-summary-row{color:var(--text-sec);gap:10px;font-size:.8rem}.order-summary-row span:last-child{color:var(--text-main);text-align:right;overflow-wrap:anywhere}.order-summary-footer{flex:none}.order-summary-details{margin-bottom:8px}.order-summary-toggle{border:1px solid var(--border-glass);background:var(--panel-bg);width:100%;min-height:30px;color:var(--text-sec);border-radius:12px;justify-content:space-between;align-items:center;padding:5px 10px;font-size:.76rem;font-weight:800;display:flex}.order-summary-toggle:hover,.order-summary-toggle:focus{color:var(--accent);border-color:#3b82f657;outline:none}.order-summary-toggle svg{transition:transform .2s}.order-summary-toggle svg.is-open{transform:rotate(180deg)}.order-summary-detail-rows{gap:5px;padding:8px 2px 2px;display:grid}.order-total-row{margin-bottom:12px}.order-total-row h4{color:var(--text-main)!important}.payment-overview-card,.payment-section-card{border:1px solid var(--border-glass);background:#ffffff0a;border-radius:22px;padding:16px}.payment-overview-card{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.payment-total-display{color:var(--accent);font-size:2rem;font-weight:800;line-height:1.1}.payment-member-inline{color:var(--text-main);flex-direction:column;align-items:flex-end;gap:4px;font-weight:700;display:flex}.payment-member-inline small{color:var(--text-sec);font-weight:600}.pos-lock-screen{z-index:3000;-webkit-backdrop-filter:blur(16px);background:#020617c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pos-lock-card{border:1px solid var(--border-glass);width:min(440px,100%);color:var(--text-main);border-radius:24px;padding:28px}.pos-lock-icon{color:#fff;background:linear-gradient(135deg, var(--accent), #0ea5e9);border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:16px;display:grid;box-shadow:0 14px 28px #0ea5e93d}.payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.payment-method-card{border:1px solid var(--border-glass);background:var(--panel-bg);color:var(--text-main);border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:12px;font-weight:700;display:flex}.payment-method-card.active,.payment-method-card:hover{color:#fff;background:linear-gradient(135deg, var(--accent), #60a5fa);border-color:#0000;box-shadow:0 12px 26px #2563eb3d}.payment-section-card{margin-bottom:18px}.payment-text-field,.themed-modal-surface .payment-text-field{color:var(--text-main)!important}.payment-text-field::-moz-placeholder{color:#cbd5e1!important;opacity:1!important}.themed-modal-surface .form-control::-moz-placeholder{color:#cbd5e1!important;opacity:1!important}.themed-modal-surface textarea.form-control::-moz-placeholder{color:#cbd5e1!important;opacity:1!important}.payment-text-field::placeholder,.themed-modal-surface .form-control::placeholder,.themed-modal-surface textarea.form-control::placeholder{color:#cbd5e1!important;opacity:1!important}.payment-text-field::-webkit-input-placeholder{color:#cbd5e1!important;opacity:1!important}.themed-modal-surface .form-control::-webkit-input-placeholder{color:#cbd5e1!important;opacity:1!important}.payment-cash-shortcut{background:var(--input-bg)!important;border:1px solid var(--border-glass)!important;color:var(--text-main)!important}.payment-cash-shortcut:hover,.payment-cash-shortcut:focus{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.product-image-uploader{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:16px;display:grid}.product-image-preview{-o-object-fit:cover;object-fit:cover;background:var(--panel-bg);border:1px solid var(--border-glass);border-radius:20px;width:120px;height:120px}.product-image-copy{flex-direction:column;gap:10px;display:flex}.settings-tab-row{gap:10px;margin-bottom:16px;display:flex}.settings-tab-btn{border:1px solid var(--border-glass);background:var(--panel-bg);color:var(--text-main);border-radius:14px;flex:1;padding:.72rem .9rem;font-weight:700}.settings-tab-btn.active{background:linear-gradient(135deg, var(--accent), #60a5fa);color:#fff;border-color:#0000;box-shadow:0 14px 28px #2563eb33}.settings-list{flex-direction:column;gap:10px;display:flex}.settings-list-item{border:1px solid var(--border-glass);color:var(--text-main);background:#ffffff0a;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.settings-delete-btn{color:#ef4444;background:#ef44441f;border:0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.settings-empty-state{border:1px dashed var(--border-glass);color:var(--text-sec);text-align:center;background:#ffffff08;border-radius:16px;padding:14px 16px}#product-grid.grid-view-active{grid-template-columns:repeat(auto-fill, minmax(var(--grid-item-size,220px), 1fr));gap:15px;display:grid!important}#product-grid.grid-view-active>div{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}#product-grid.grid-view-active .item-img{height:calc(var(--grid-item-size) * .55);min-height:100px;max-height:180px}@media (max-width:992px){.hud-wrapper{gap:16px;padding:0 14px 14px}.hud-sidebar{border-radius:24px;width:78px;padding-top:16px}.category-btn{border-radius:16px;width:54px;height:54px}.hud-order-panel{border-radius:24px;width:300px}#product-grid.product-grid-shell.grid-view-active{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}}@media (min-width:769px) and (max-height:820px){.hud-header{height:72px;padding:0 24px}.hud-wrapper{gap:16px;padding:0 16px 14px}.hud-sidebar{border-radius:24px;padding-top:16px}.category-btn{border-radius:16px;width:54px;height:54px;margin-bottom:10px}.order-panel-header{padding:12px!important}.order-panel-action-btn{width:36px;height:36px}.order-lane-tabs{gap:5px;padding:6px 10px 0}.order-lane-tab{width:38px;min-width:38px;height:31px}.member-bar{border-radius:16px;margin-bottom:8px;padding:9px 12px}.member-bar-meta{gap:5px}.order-summary-footer,.hud-order-panel>div:last-child{padding:10px 14px!important}.hud-order-panel h3{font-size:1.32rem!important}.btn-submit{border-radius:14px;font-size:.94rem;padding:11px!important}}@media (max-width:768px){body:has(.pos-terminal){height:auto;min-height:100dvh;overflow:hidden auto}.pos-terminal{height:auto;min-height:100dvh;overflow:visible}.hud-header{background:var(--bg-body);gap:12px;height:auto;min-height:72px;padding:12px 14px;position:sticky;top:0}.hud-header>.d-flex:first-child{min-width:0}.hud-brand-title{font-size:.95rem!important}.hud-header>.d-flex:last-child{flex-shrink:0;gap:8px!important}.credit-payment-toolbar,.credit-account-row,.credit-payment-card-footer{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.credit-account-row{gap:12px}.credit-account-side{text-align:left}.credit-payment-summary{grid-template-columns:1fr}.pos-install-btn{border-radius:50%;width:40px;min-width:40px;padding:0}.pos-install-btn span{display:none}.user-dropdown-toggle{justify-content:center;width:40px;height:40px;padding:0}.user-avatar{width:38px;height:38px}.hud-wrapper{flex-direction:column;flex:none;gap:12px;min-height:0;padding:8px 12px 18px;overflow:visible}.hud-sidebar{border-radius:20px;order:1;justify-content:flex-start;align-items:center;gap:15px;width:100%;height:auto;padding:10px 12px;overflow:auto hidden;flex-direction:row!important}.hud-sidebar>div.w-100{gap:15px;flex-direction:row!important;width:auto!important}.category-btn{border-radius:18px;flex-shrink:0;width:58px;height:58px;margin:0}.category-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:48px;overflow:hidden}.theme-btn,.add-product-btn{flex-shrink:0;margin:0}.hud-main{order:2;height:auto;max-height:none;padding:0;overflow:visible!important}.hud-main .row.mb-4{--bs-gutter-x:0;flex-direction:column;gap:12px;margin-bottom:12px!important}.hud-main .row.mb-4 .col-md-6{justify-content:space-between;width:100%;padding:0;display:flex}.hud-main .row.mb-4 .col-md-6.text-end{justify-content:space-between!important;gap:10px!important}.input-group{width:100%}#product-grid.product-grid-shell.grid-view-active,#product-grid.grid-view-active{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-card{border-radius:18px;padding:10px}#product-grid.product-grid-shell.grid-view-active .item-img,#product-grid.grid-view-active .item-img{border-radius:14px;height:clamp(86px,28vw,130px);min-height:86px;margin-bottom:8px}.item-card .fs-5{font-size:1rem!important}.hud-order-panel{border-radius:22px;order:3;width:100%;height:auto;max-height:none;overflow:visible}.hud-order-panel>div:last-child{padding:16px!important}.hud-order-panel h3{text-align:right;font-size:1.28rem!important}.btn-submit{border-radius:16px;font-size:.96rem;padding:14px!important}.order-panel-cart-shell{min-height:160px;max-height:45dvh}#cart-list{max-height:none;padding-right:2px;overflow-y:visible}.order-row{border-radius:16px;padding:10px}.payment-overview-card,.product-image-uploader{grid-template-columns:1fr;display:grid}.payment-overview-card{gap:12px}.payment-member-inline{align-items:flex-start}.payment-method-grid{grid-template-columns:1fr}.member-search-actions{flex-direction:column}.member-bar-premium{gap:10px;align-items:flex-start!important}.member-bar-copy{min-width:0}.member-bar-meta{gap:6px}.list-view-item{grid-template-columns:86px minmax(0,1fr);gap:14px;padding:14px}.list-view-media,.list-view-img{width:86px}.list-view-img{border-radius:16px;height:78px}.list-view-price-block{text-align:left;grid-column:2;min-width:0}.list-view-actions{grid-column:2;justify-content:flex-start}}@media (max-width:420px){.hud-header,.hud-wrapper{padding-inline:10px}.category-btn{width:54px;height:54px}#product-grid.product-grid-shell.grid-view-active,#product-grid.grid-view-active{grid-template-columns:1fr}.item-card{min-height:0}#product-grid.product-grid-shell.grid-view-active .item-img,#product-grid.grid-view-active .item-img{height:128px}.order-summary-row{gap:12px;align-items:flex-start!important}.order-summary-row span:last-child{text-align:right;overflow-wrap:anywhere}}@media (max-height:500px) and (orientation:landscape){.hud-header{height:50px;padding:0 15px}.hud-wrapper{flex-direction:row;gap:10px;padding:0 10px 10px}.hud-sidebar{border-radius:20px;width:75px;padding-top:10px;flex-direction:column!important}.category-btn{width:50px;height:50px;margin-bottom:10px}.hud-order-panel{border-radius:20px;width:280px}.hud-order-panel>div:last-child{padding:12px!important}.order-lane-tabs{padding:8px 10px 0}.order-lane-tab{padding:6px 5px}.order-lane-tab small{display:none}.order-panel-cart-shell{min-height:110px}.btn-submit{border-radius:14px;padding:12px!important}.item-card{border-radius:20px;padding:12px}.item-img{border-radius:14px;height:90px;margin-bottom:8px}.list-view-item{grid-template-columns:88px minmax(0,1fr) auto auto;gap:12px;padding:12px 14px}.list-view-media,.list-view-img{width:88px}.list-view-img{border-radius:14px;height:72px}}:root[data-admin-theme=dark],.main-office-shell[data-office-theme=dark]{--admin-bg:#07111f;--admin-bg-soft:#0d1a2c;--admin-surface:#0c1626b8;--admin-surface-strong:#101c30e0;--admin-border:#9aafd129;--admin-border-strong:#67d7ff38;--admin-text:#f5f9ff;--admin-text-soft:#d4dff2;--admin-text-muted:#8fa4c5;--admin-shadow:0 28px 80px #03081473;--admin-shadow-soft:0 18px 40px #03081442;--admin-accent:#67d7ff;--admin-accent-2:#7c8cff;--admin-highlight:#f6b74e;--admin-nav-hover:#67d7ff1a;--admin-nav-active:linear-gradient(135deg, #67d7ff38, #7c8cff29);--admin-nav-active-text:#f7fbff;--admin-input:#0b1423b8;--admin-table-row:#0f1a2d8c;--admin-table-hover:#67d7ff14;--admin-danger:#ff6b8f}:root[data-admin-theme=light],.main-office-shell[data-office-theme=light]{--admin-bg:#eef3fb;--admin-bg-soft:#f8fbff;--admin-surface:#ffffffc7;--admin-surface-strong:#ffffffeb;--admin-border:#596b8c24;--admin-border-strong:#2563eb2e;--admin-text:#10203a;--admin-text-soft:#233552;--admin-text-muted:#627492;--admin-shadow:0 25px 65px #4b69a029;--admin-shadow-soft:0 18px 40px #6d83a81f;--admin-accent:#2563eb;--admin-accent-2:#7c3aed;--admin-highlight:#ea9a19;--admin-nav-hover:#2563eb14;--admin-nav-active:linear-gradient(135deg, #2563eb1f, #7c3aed14);--admin-nav-active-text:#10203a;--admin-input:#f4f8fff0;--admin-table-row:#fcfefff0;--admin-table-hover:#2563eb0f;--admin-danger:#e11d48}.main-office-shell{color:#142033;background:#f5f7fb;width:100%;min-height:100vh;overflow-y:auto}.main-office-header{z-index:20;background:#fff;border-bottom:1px solid #dde5ef;justify-content:space-between;align-items:center;gap:18px;min-height:84px;padding:20px clamp(18px,4vw,44px);display:flex;position:sticky;top:0}.main-office-mark,.main-office-icon-btn{color:#1262a3;background:#eef6ff;border:1px solid #d9e3ef;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.main-office-icon-btn{color:#42536a;background:#fff;width:42px;height:42px}.main-office-icon-btn:hover{color:#dc2626;background:#fff1f2;border-color:#fecaca}.main-office-eyebrow{color:#6b7a90;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.main-office-header h1,.main-office-panel h2{color:#142033;letter-spacing:0;margin:0;font-weight:800}.main-office-header h1{font-size:1.35rem!important}.main-office-user{color:#42536a;background:#f7f9fc;border:1px solid #d9e3ef;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:700}.main-office-content{grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);align-items:start;gap:22px;padding:24px clamp(18px,4vw,44px) 36px;display:grid}.main-office-panel{background:#fff;border:1px solid #dfe7f1;border-radius:8px;padding:22px;box-shadow:0 18px 40px #14203314}.panel-title-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.points-preview{color:#9a6700;white-space:nowrap;background:#fff7db;border:1px solid #ffe8a3;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-weight:800;display:inline-flex}.office-label{color:#53647a;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:800;display:block}.office-input{color:#142033;background:#f9fbfe;border:1px solid #d9e3ef;border-radius:8px;outline:none;width:100%;height:48px;padding:10px 14px}.selected-member-card{background:#eef6ff;border:1px solid #bdd7f1;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:12px 14px;display:flex}.selected-member-card div{min-width:0}.selected-member-card strong,.selected-member-card span{display:block}.selected-member-card span{color:#53647a;font-size:.86rem}.selected-member-card button{color:#1262a3;background:#fff;border:0;border-radius:999px;padding:8px 12px;font-weight:800}.member-search-popover{z-index:30;background:#fff;border:1px solid #d9e3ef;border-radius:8px;position:absolute;inset:calc(100% + 8px) 0 auto;overflow:hidden;box-shadow:0 18px 36px #14203329}.member-search-popover button{color:#142033;text-align:left;background:#fff;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex}.member-search-popover span{font-weight:800}.member-search-popover small{color:#6b7a90}.transaction-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.transaction-type-grid button{color:#142033;text-align:left;background:#f9fbfe;border:1px solid #d9e3ef;border-radius:8px;flex-direction:column;align-items:flex-start;gap:7px;min-height:108px;padding:14px;display:flex}.transaction-type-grid button.active{background:#eef6ff;border-color:#2c7cc0;box-shadow:0 0 0 3px #2c7cc01f}.transaction-type-grid span{font-weight:800}.transaction-type-grid small{color:#6b7a90;line-height:1.25}.office-submit-btn{color:#fff;background:#1262a3;border:0;border-radius:8px;width:100%;min-height:52px;margin-top:22px;font-weight:800}.office-submit-btn:disabled{opacity:.7}.office-transaction-list{flex-direction:column;gap:10px;max-height:calc(100vh - 190px);padding-right:4px;display:flex;overflow-y:auto}.office-transaction-row{background:#f9fbfe;border:1px solid #e3ebf4;border-radius:8px;justify-content:space-between;gap:16px;padding:14px;display:flex}.office-transaction-row strong,.office-transaction-row span,.office-transaction-row small{display:block}.office-transaction-row span{color:#53647a}.office-transaction-row small{color:#7a8798;font-size:.78rem}.office-empty-state{color:#6b7a90;text-align:center;background:#f9fbfe;border:1px dashed #cfd9e7;border-radius:8px;padding:32px 18px}@media (max-width:980px){.main-office-content{grid-template-columns:1fr}.office-transaction-list{max-height:none}}@media (max-width:620px){.main-office-header{align-items:flex-start}.main-office-content{padding:16px}.transaction-type-grid{grid-template-columns:1fr}.office-transaction-row{flex-direction:column}}.main-office-shell{background:radial-gradient(circle at top left, #67d7ff29, transparent 32%), radial-gradient(circle at 85% 18%, #7c8cff2e, transparent 28%), radial-gradient(circle at 50% 100%, #f6b74e14, transparent 24%), linear-gradient(140deg, var(--admin-bg), var(--admin-bg-soft));color:var(--admin-text);isolation:isolate;font-family:Segoe UI Variable Text,Candara,Trebuchet MS,sans-serif;position:relative}.main-office-background{pointer-events:none;filter:blur(10px);opacity:.95;z-index:-1;background:radial-gradient(circle at 12% 14%,#67d7ff29,#0000 0 18%),radial-gradient(circle at 86% 22%,#7c8cff2e,#0000 0 14%),radial-gradient(circle at 70% 85%,#f6b74e1f,#0000 0 12%);position:fixed;inset:0}.main-office-shell--loading{place-items:center;display:grid}.main-office-loading-card{background:var(--admin-surface);border:1px solid var(--admin-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:min(420px,100% - 32px);box-shadow:var(--admin-shadow);color:var(--admin-text);text-align:center;border-radius:28px;padding:34px}.main-office-header{border-bottom:1px solid var(--admin-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0a,#0000);min-height:76px;padding:14px 22px}.main-office-mark,.main-office-icon-btn{border:1px solid var(--admin-border-strong);color:var(--admin-accent);background:linear-gradient(145deg,#67d7ff38,#7c8cff24);border-radius:16px}.main-office-icon-btn{color:var(--admin-text);background:linear-gradient(#ffffff1c,#ffffff0a)}.main-office-icon-btn:hover{color:var(--admin-danger);border-color:var(--admin-border-strong);background:#ff6b8f1a}.main-office-theme-btn{border:1px solid var(--admin-border);min-height:42px;color:var(--admin-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff1c,#ffffff0a);border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:inline-flex;box-shadow:0 12px 24px #14306914}.main-office-theme-btn:hover{border-color:var(--admin-border-strong);transform:translateY(-2px)}.main-office-eyebrow{color:var(--admin-accent)}.main-office-header h1,.main-office-panel h2{color:var(--admin-text)}.main-office-user{color:var(--admin-text-soft);border:1px solid var(--admin-border);background:#ffffff14}.main-office-content{max-width:1500px;margin:0 auto;padding:22px}.main-office-panel{background:var(--admin-surface);border:1px solid var(--admin-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--admin-shadow-soft);border-radius:30px;padding:26px}.points-preview{color:var(--admin-highlight);background:#f6b74e29;border:1px solid #f6b74e4d}.office-input::-moz-placeholder{color:var(--admin-text-muted)}.office-label,.office-input::placeholder,.selected-member-card span,.member-search-popover small,.transaction-type-grid small,.office-transaction-row span,.office-transaction-row small,.office-empty-state{color:var(--admin-text-muted)}.office-input{background:var(--admin-input);color:var(--admin-text);border:1px solid var(--admin-border);box-shadow:none;border-radius:18px;padding:13px 16px}.office-input:focus{border-color:var(--admin-border-strong);box-shadow:0 0 0 4px #67d7ff1f}.selected-member-card{border:1px solid var(--admin-border-strong);background:var(--admin-nav-active);border-radius:20px}.selected-member-card button{color:var(--admin-accent);background:#ffffff1a}.member-search-popover{background:linear-gradient(180deg, var(--admin-surface-strong), var(--admin-surface));border:1px solid var(--admin-border);box-shadow:var(--admin-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px}.member-search-popover button{color:var(--admin-text);background:0 0}.member-search-popover button:hover{background:var(--admin-nav-hover)}.transaction-type-grid button{border:1px solid var(--admin-border);background:var(--admin-table-row);color:var(--admin-text);border-radius:22px;transition:transform .18s,border-color .18s,background .18s}.transaction-type-grid button:hover{border-color:var(--admin-border-strong);background:var(--admin-table-hover);transform:translateY(-1px)}.transaction-type-grid button.active{border-color:var(--admin-border-strong);background:var(--admin-nav-active);color:var(--admin-nav-active-text);box-shadow:0 0 0 4px #67d7ff1f}.office-submit-btn{background:linear-gradient(135deg, var(--admin-accent), var(--admin-accent-2));color:#f8fbff;letter-spacing:.03em;border-radius:18px;box-shadow:0 20px 34px #2563eb2e}.office-submit-btn:hover{transform:translateY(-2px)}.office-transaction-row,.office-empty-state{border:1px solid var(--admin-border);background:var(--admin-table-row);border-radius:22px}