:root{--bg: #0d0d0d;--bg-2: #141414;--bg-3: #1c1c1c;--line: #2a2a2a;--line-2: #3a3a3a;--fg: #e8e6e1;--fg-dim: #8a8a85;--fg-faint: #5a5a55;--accent: #d4ff3a;--accent-2: #ff5b1f;--warn: #ffb84d;--mono: "JetBrains Mono", ui-monospace, monospace;--display: "Major Mono Display", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:12px;line-height:1.5;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px}.app{display:grid;grid-template-columns:320px 1fr 320px;grid-template-rows:56px 1fr 28px;height:100vh}@media(max-width:900px){html,body{overflow:auto;height:auto}.app{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;height:auto;min-height:100vh}aside{max-height:none;border-right:none!important;border-left:none!important;border-bottom:1px solid var(--line)}aside.collapsed>.section{display:none}aside .panel-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;background:transparent;border:none;color:var(--fg);font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:4px 0 12px;cursor:pointer}aside .panel-toggle .chev{color:var(--accent);transition:transform .2s}aside.collapsed .panel-toggle .chev{transform:rotate(-90deg)}main{min-height:60vh;height:60vh}header{padding:0 12px;gap:12px;flex-wrap:wrap}.logo{font-size:14px}.logo .sub{display:none}footer{flex-wrap:wrap;padding:8px 12px;height:auto;min-height:28px;gap:10px}.vp-overlay{font-size:8px}.vp-controls{top:8px}.vp-controls button{padding:5px 8px;font-size:8px}}@media(max-width:900px){aside .panel-toggle{display:flex}}@media(min-width:901px){aside .panel-toggle{display:none}}header{grid-column:1 / -1;border-bottom:1px solid var(--line);background:var(--bg);display:flex;align-items:center;padding:0 20px;gap:24px}.logo{font-family:var(--display);font-size:18px;letter-spacing:.05em;color:var(--accent)}.logo .slash{color:var(--fg-faint);margin:0 6px}.logo .sub{color:var(--fg-dim);font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.tabs{display:flex;gap:0}.tab{padding:8px 18px;background:transparent;border:1px solid var(--line);color:var(--fg-dim);font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .15s}.tab+.tab{border-left:none}.tab:hover{color:var(--fg);border-color:var(--line-2)}.tab.active{background:var(--accent);color:#000;border-color:var(--accent)}aside{background:var(--bg-2);border-right:1px solid var(--line);overflow-y:auto;padding:16px}aside.right{border-right:none;border-left:1px solid var(--line)}main{background:var(--bg);position:relative;overflow:hidden}#canvas-host{width:100%;height:100%;display:block}footer{grid-column:1 / -1;border-top:1px solid var(--line);background:var(--bg-2);display:flex;align-items:center;padding:0 16px;font-size:10px;color:var(--fg-dim);gap:16px;letter-spacing:.1em}footer .stat{display:flex;gap:6px}footer .stat .k{color:var(--fg-faint);text-transform:uppercase}footer .stat .v{color:var(--fg)}footer .spacer{flex:1}.section{margin-bottom:18px;padding-bottom:18px;border-bottom:1px dashed var(--line)}.section:last-child{border-bottom:none}.section h3{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:12px;display:flex;justify-content:space-between;align-items:baseline}.section h3 .num{color:var(--accent);font-weight:700}.field{margin-bottom:10px}.field-row{display:flex;gap:8px}.field-row>*{flex:1}label{display:block;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:4px}label .val{float:right;color:var(--accent);font-weight:700}input[type=text],input[type=number],textarea,select{width:100%;background:var(--bg-3);border:1px solid var(--line);color:var(--fg);padding:8px 10px;font-family:var(--mono);font-size:11px;outline:none;transition:border-color .15s}input[type=text]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:60px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--fg-dim) 50%),linear-gradient(135deg,var(--fg-dim) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:26px;background:transparent;outline:none;margin:0;cursor:pointer;touch-action:pan-x}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line-2)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-6px;background:var(--accent);cursor:pointer;border:2px solid #000}input[type=range]::-moz-range-track{height:2px;background:var(--line-2)}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);cursor:pointer;border:2px solid #000;border-radius:0}@media(pointer:coarse){input[type=range]{height:34px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-10px}input[type=range]::-moz-range-thumb{width:22px;height:22px}}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-pick{display:flex;align-items:center;gap:8px;background:var(--bg-3);border:1px solid var(--line);padding:6px 8px;cursor:pointer}.color-pick input[type=color]{width:22px;height:22px;border:none;background:transparent;cursor:pointer;padding:0}.color-pick input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-pick input[type=color]::-webkit-color-swatch{border:1px solid var(--line-2)}.color-pick .hex{font-size:10px;color:var(--fg-dim);letter-spacing:.05em;text-transform:uppercase}.btn-group{display:flex;gap:0}.btn-group button{flex:1;background:var(--bg-3);border:1px solid var(--line);color:var(--fg-dim);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:8px 6px;cursor:pointer;transition:all .12s}.btn-group button+button{border-left:none}.btn-group button:hover{color:var(--fg)}.btn-group button.active{background:var(--accent);color:#000;border-color:var(--accent)}.btn{width:100%;background:var(--accent);color:#000;border:none;padding:12px 14px;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .12s;display:flex;justify-content:space-between;align-items:center}.btn:hover{background:#fff}.btn:disabled{background:var(--line-2);color:var(--fg-faint);cursor:not-allowed}.btn .arrow{font-weight:400}.btn.secondary{background:var(--bg-3);color:var(--fg);border:1px solid var(--line-2)}.btn.secondary:hover{border-color:var(--accent);color:var(--accent)}.vp-overlay{position:absolute;pointer-events:none;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-faint)}.vp-tl{top:16px;left:16px}.vp-tr{top:16px;right:16px;text-align:right}.vp-bl{bottom:16px;left:16px}.vp-br{bottom:16px;right:16px;text-align:right}.vp-overlay .hl{color:var(--accent)}.vp-controls{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:0;pointer-events:auto}.vp-controls button{background:#141414d9;border:1px solid var(--line);color:var(--fg-dim);font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:6px 12px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vp-controls button+button{border-left:none}.vp-controls button:hover{color:var(--fg)}.vp-controls button.active{color:var(--accent);border-color:var(--line-2)}.corner{position:absolute;width:14px;height:14px;border-color:var(--fg-faint);pointer-events:none}.corner.tl{top:8px;left:8px;border-top:1px solid;border-left:1px solid}.corner.tr{top:8px;right:8px;border-top:1px solid;border-right:1px solid}.corner.bl{bottom:8px;left:8px;border-bottom:1px solid;border-left:1px solid}.corner.br{bottom:8px;right:8px;border-bottom:1px solid;border-right:1px solid}.batch-list{background:var(--bg-3);border:1px solid var(--line);max-height:180px;overflow-y:auto;margin-bottom:8px}.batch-list .item{padding:4px 8px;border-bottom:1px solid var(--line);font-size:10px;color:var(--fg-dim);display:flex;justify-content:space-between}.batch-list .item:last-child{border-bottom:none}.batch-list .item .idx{color:var(--fg-faint)}.batch-list .item .lbl{color:var(--fg)}.batch-list .empty{padding:16px;text-align:center;color:var(--fg-faint);font-size:10px}.progress{height:4px;background:var(--bg-3);border:1px solid var(--line);margin-top:8px;overflow:hidden}.progress>div{height:100%;background:var(--accent);width:0%;transition:width .2s}.tag{display:inline-block;padding:2px 6px;background:var(--bg-3);border:1px solid var(--line);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim)}.info{font-size:10px;color:var(--fg-faint);line-height:1.4;padding:8px;background:var(--bg-3);border-left:2px solid var(--accent)}.switch{position:relative;display:inline-block;width:26px;height:14px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--bg-3);border:1px solid var(--line-2);transition:.15s}.switch .slider:before{content:"";position:absolute;width:8px;height:8px;left:1px;top:1px;background:var(--fg-faint);transition:.15s}.switch input:checked+.slider{background:var(--accent);border-color:var(--accent)}.switch input:checked+.slider:before{transform:translate(12px);background:#000}.switch input:disabled+.slider{background:var(--line-2);border-color:var(--line-2);cursor:not-allowed;opacity:.55}.switch input:disabled:checked+.slider:before{background:var(--fg-faint)}.section.disabled #label-fields{opacity:.35;pointer-events:none}#btn-scan.dragging,.btn.dragging{background:var(--accent)!important;color:#000!important;border-color:var(--accent)!important}#btn-scan:hover{border-color:var(--accent)!important;background:#d4ff3a1a}.sync-btn{background:transparent;border:1px solid var(--line-2);color:var(--fg-dim);font-family:var(--mono);font-size:10px;padding:1px 6px;margin-left:4px;cursor:pointer;transition:all .12s;line-height:1}.sync-btn:hover{color:var(--accent);border-color:var(--accent)}.role-only{display:none}body.role-public .role-public,body.role-supplier .role-supplier,body.role-admin .role-admin{display:revert}body.role-admin .role-client,body.role-public .role-admin,body.role-supplier .role-admin{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--line-2)}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}.loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d0dd9;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.2em;color:var(--accent);z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading.hidden{display:none}.loading .pulse{display:inline-block;width:8px;height:8px;background:var(--accent);margin-right:10px;animation:pulse .8s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.header-spacer{flex:1}.header-auth{display:flex;align-items:center;gap:10px}.auth-user{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim)}.auth-role{color:var(--accent);margin-left:4px;font-weight:700}.auth-btn{padding:6px 14px;background:transparent;border:1px solid var(--line);color:var(--fg-dim);font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .15s}.auth-btn:hover{color:var(--accent);border-color:var(--accent)}.login-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px;padding:20px}.login-card{width:100%;max-width:360px;background:var(--bg-2);border:1px solid var(--line);padding:32px 28px;display:flex;flex-direction:column;gap:14px}.login-logo{font-family:var(--display);font-size:22px;letter-spacing:.05em;color:var(--accent);text-align:center;margin-bottom:4px}.login-logo .slash{color:var(--fg-faint);margin:0 6px}.login-title{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--fg-faint);text-align:center;font-weight:400;margin-bottom:8px}.login-error{background:#ff5b1f1a;border:1px solid var(--accent-2);color:var(--accent-2);padding:8px 10px;font-size:10px;letter-spacing:.05em}.login-card .field{margin-bottom:0}.login-card input[type=email],.login-card input[type=password]{width:100%;background:var(--bg-3);border:1px solid var(--line);color:var(--fg);padding:10px 12px;font-family:var(--mono);font-size:12px;outline:none;transition:border-color .15s}.login-card input[type=email]:focus,.login-card input[type=password]:focus{border-color:var(--accent)}.login-submit{margin-top:8px;padding:12px;background:var(--accent);color:#000;border:1px solid var(--accent);font-family:var(--mono);font-size:11px;letter-spacing:.25em;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s}.login-submit:hover:not(:disabled){background:transparent;color:var(--accent)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-back{text-align:center;color:var(--fg-faint);font-size:10px;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;margin-top:6px;transition:color .15s}.login-back:hover{color:var(--fg-dim)}.logo{text-decoration:none}.header-nav{display:flex;gap:0;margin-left:8px}.nav-link{padding:8px 14px;background:transparent;border:1px solid transparent;color:var(--fg-dim);font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .15s}.nav-link:hover{color:var(--fg)}.nav-link.active{color:var(--accent);border-bottom:1px solid var(--accent)}.page{display:flex;flex-direction:column;min-height:100vh}.page-main{flex:1;padding:32px 48px;max-width:1200px;width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-title{font-family:var(--display);font-size:22px;letter-spacing:.05em;color:var(--accent);font-weight:400}.page-empty,.page-error{text-align:center;padding:48px 16px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-faint);border:1px dashed var(--line)}.page-error{color:var(--accent-2);border-color:var(--accent-2)}.filter-tabs{display:flex;gap:0;flex-wrap:wrap}.filter-tab{padding:6px 14px;background:transparent;border:1px solid var(--line);color:var(--fg-dim);font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.filter-tab+.filter-tab{border-left:none}.filter-tab:hover{color:var(--fg)}.filter-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}.filter-count{background:#00000026;padding:1px 6px;font-size:9px;border-radius:1px}.filter-tab:not(.active) .filter-count{background:var(--bg-3);color:var(--fg-faint)}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line)}.orders-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:11px;background:var(--bg-2)}.orders-table th{text-align:left;padding:10px 14px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);border-bottom:1px solid var(--line);background:var(--bg-3);font-weight:400}.orders-table td{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--fg)}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table tbody tr:hover{background:var(--bg-3)}.orders-table .cell-label{color:var(--fg)}.orders-table .cell-supplier{color:var(--fg-dim);font-size:10px}.orders-table .cell-date{color:var(--fg-dim);font-size:10px;white-space:nowrap}.orders-table .muted{color:var(--fg-faint)}.pricing-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:11px}.pricing-k{color:var(--fg-dim);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.pricing-v{color:var(--fg);font-family:var(--mono)}.pricing-v.accent{color:var(--accent);font-weight:700;font-size:13px}.pricing-tier{color:var(--fg-faint);font-size:9px;letter-spacing:.05em;margin-left:4px}.pricing-divider{height:1px;background:var(--line);margin:8px 0 6px}.orders-table .cell-num{text-align:right;white-space:nowrap}.cell-total{color:var(--accent);font-weight:700}.cell-pieces{color:var(--fg-faint);font-size:9px;margin-left:6px}.cell-payment{white-space:nowrap}.cell-payment .row-btn{margin-left:8px;vertical-align:middle}.payment-pill{display:inline-block;padding:3px 10px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;border:1px solid;font-weight:700;vertical-align:middle;font-family:var(--mono)}.payment-unpaid{color:var(--accent-2);border-color:var(--accent-2);background:#ff5b1f14}.payment-processing{color:var(--warn);border-color:var(--warn);background:#ffb84d14}.payment-received{color:var(--accent);border-color:var(--accent);background:#d4ff3a14}button.payment-pill,button.payment-cycle{cursor:pointer;transition:filter .12s}button.payment-cycle:hover:not(:disabled){filter:brightness(1.25)}button.payment-cycle:disabled{opacity:.5;cursor:not-allowed}.status-pill{display:inline-block;padding:3px 10px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;border:1px solid;font-weight:700}.status-pending{color:var(--warn);border-color:var(--warn);background:#ffb84d14}.status-processing{color:var(--accent-2);border-color:var(--accent-2);background:#ff5b1f14}.status-completed{color:var(--accent);border-color:var(--accent);background:#d4ff3a14}.status-cancelled{color:var(--fg-faint);border-color:var(--line-2);background:var(--bg-3)}.order-banner{margin-top:8px;padding:8px 10px;font-size:10px;letter-spacing:.05em;border:1px solid}.order-banner.ok{color:var(--accent);border-color:var(--accent);background:#d4ff3a14}.order-banner.err{color:var(--accent-2);border-color:var(--accent-2);background:#ff5b1f14}.app.with-order{grid-template-rows:38px 56px 1fr 28px}.order-banner-bar{grid-column:1 / -1;height:38px;background:var(--bg-3);border-bottom:1px solid var(--accent);display:flex;align-items:center;padding:0 16px;gap:12px;font-family:var(--mono);font-size:10px}.ob-info{display:flex;align-items:center;gap:10px;min-width:0}.ob-tag{color:var(--accent);letter-spacing:.25em;font-weight:700;font-size:9px;flex-shrink:0}.ob-label{color:var(--fg);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.ob-statuses{display:flex;gap:0;margin-left:auto}.ob-pill{padding:4px 12px;background:transparent;border:1px solid var(--line-2);color:var(--fg-dim);font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .12s}.ob-pill+.ob-pill{border-left:none}.ob-pill:hover:not(:disabled){color:var(--fg);border-color:var(--fg-dim)}.ob-pill:disabled{cursor:default}.ob-pill.active.status-pending{background:var(--warn);color:#000;border-color:var(--warn)}.ob-pill.active.status-processing{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.ob-pill.active.status-completed{background:var(--accent);color:#000;border-color:var(--accent)}.ob-pill.active.status-cancelled{background:var(--fg-faint);color:#000;border-color:var(--fg-faint)}.ob-close{background:transparent;border:1px solid var(--line-2);color:var(--fg-dim);width:26px;height:26px;font-size:14px;line-height:1;cursor:pointer;transition:all .12s}.ob-close:hover{color:var(--accent-2);border-color:var(--accent-2)}.ob-save{background:var(--accent);border:1px solid var(--accent);color:#000;font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:5px 14px;cursor:pointer;font-weight:700;margin-left:8px}.ob-save:hover:not(:disabled){background:transparent;color:var(--accent)}.ob-save:disabled{opacity:.5;cursor:default}.filter-tab.filter-action{margin-left:12px;border-left:1px solid var(--line);color:var(--accent)}.filter-tab.filter-action:hover{color:var(--accent);border-color:var(--accent)}.filter-tab.filter-action.active-action{background:var(--bg-3);color:var(--accent-2);border-color:var(--accent-2)}.new-user-form{background:var(--bg-2);border:1px solid var(--line);padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.new-user-form .field{margin:0}.new-user-form input[type=email],.new-user-form input[type=password],.new-user-form input[type=text]{width:100%;background:var(--bg-3);border:1px solid var(--line);color:var(--fg);padding:8px 10px;font-family:var(--mono);font-size:11px;outline:none;transition:border-color .15s}.new-user-form input:focus{border-color:var(--accent)}.new-user-form .btn{align-self:flex-start;min-width:200px}.users-table .cell-actions{width:1%;white-space:nowrap;text-align:right}.row-actions{display:inline-flex;gap:0}.row-btn{padding:4px 10px;background:transparent;border:1px solid var(--line-2);color:var(--fg-dim);font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .12s}.row-btn+.row-btn{border-left:none}.row-btn:hover:not(:disabled){color:var(--fg);border-color:var(--fg-dim)}.row-btn:disabled{opacity:.4;cursor:not-allowed}.row-btn.ok{color:var(--accent);border-color:var(--accent)}.row-btn.ok:hover:not(:disabled){background:var(--accent);color:#000}.row-btn.danger{color:var(--accent-2)}.row-btn.danger:hover:not(:disabled){color:#fff;background:var(--accent-2);border-color:var(--accent-2)}.reset-inline{display:inline-flex;gap:0;align-items:stretch}.reset-inline input[type=password]{width:160px;background:var(--bg-3);border:1px solid var(--line-2);color:var(--fg);padding:4px 10px;font-family:var(--mono);font-size:10px;outline:none}.reset-inline input[type=password]:focus{border-color:var(--accent)}.reset-inline .row-btn{border-left:none}tr.row-busy{opacity:.5}.form-hint{color:var(--fg-faint);font-size:10px;letter-spacing:.05em;margin:-4px 0 4px}.badge-warn{display:inline-block;margin-left:6px;padding:1px 6px;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--warn);border:1px solid var(--warn);background:#ffb84d14;font-weight:700}.login-subtitle{text-align:center;color:var(--fg-dim);font-size:10px;letter-spacing:.05em;line-height:1.5;margin-bottom:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{background:var(--bg-2);border:1px solid var(--accent);padding:28px 28px 24px;max-width:460px;width:100%;display:flex;flex-direction:column;gap:14px}.modal-title{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--accent);font-weight:700}.modal-info{color:var(--fg-dim);font-size:11px;letter-spacing:.03em;line-height:1.6}.modal-info strong{color:var(--fg);font-weight:700}.temp-pw-display{display:flex;align-items:stretch;gap:0;background:var(--bg-3);border:1px solid var(--accent)}.temp-pw-display code{flex:1;padding:12px 14px;font-family:var(--mono);font-size:14px;color:var(--accent);letter-spacing:.1em;word-break:break-all;-webkit-user-select:all;user-select:all}.temp-pw-display .row-btn{border-left:1px solid var(--accent);border-top:none;border-bottom:none;border-right:none;padding:0 14px;font-size:10px}.confirm-card{border-color:var(--line-2)}.confirm-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:4px}.confirm-actions .row-btn{padding:10px 18px;font-size:10px}.btn-danger{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.btn-danger:hover:not(:disabled){background:transparent;color:var(--accent-2)}.toast-container{position:fixed;bottom:48px;right:20px;display:flex;flex-direction:column-reverse;gap:8px;z-index:200;pointer-events:none;max-width:calc(100vw - 40px)}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:280px;max-width:480px;padding:10px 14px;border:1px solid;background:var(--bg-2);font-family:var(--mono);font-size:11px;letter-spacing:.03em;cursor:pointer;animation:toast-slide-in .18s ease-out;box-shadow:0 4px 16px #0006}.toast:hover{background:var(--bg-3)}.toast-icon{width:18px;height:18px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.toast-msg{flex:1;word-break:break-word}.toast-ok{color:var(--accent);border-color:var(--accent);background:#d4ff3a14}.toast-ok .toast-icon{border-color:var(--accent)}.toast-err{color:var(--accent-2);border-color:var(--accent-2);background:#ff5b1f14}.toast-err .toast-icon{border-color:var(--accent-2)}.toast-info{color:var(--fg);border-color:var(--line-2);background:var(--bg-3)}.toast-info .toast-icon{border-color:var(--fg-dim)}@keyframes toast-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.orders-table tr.row-clickable{cursor:pointer}.orders-table tr.row-clickable:hover td:first-child{box-shadow:inset 2px 0 0 var(--accent)}@media(max-width:900px){.page-main{padding:12px}.orders-table{font-size:10px;min-width:640px}.orders-table th,.orders-table td{padding:10px}.header-nav{margin-left:0}.nav-link{padding:6px 8px}.row-btn{padding:6px 10px;font-size:9px}.payment-pill{padding:5px 10px}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;padding-bottom:4px}.filter-tab{white-space:nowrap;flex-shrink:0}.page-header{flex-wrap:wrap;gap:10px}}