:root{--primary: #00bac6;--primary-600: #009aa5;--primary-700: #00787f;--primary-soft: #e0f7f9;--primary-ink: #04343a;--bg: #0f172a;--surface: #1e293b;--surface-2: #273449;--surface-3: #334155;--line: #3b4a63;--paper: #f5f7fa;--card: #ffffff;--card-2: #f1f4f8;--border: #dfe4ec;--border-strong: #c3ccd9;--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--muted-2: #94a3b8;--on-dark: #e2e8f0;--on-dark-muted: #94a3b8;--danger: #dc2626;--danger-700: #b91c1c;--danger-soft: #fee2e2;--warn: #f59e0b;--warn-soft: #fef3c7;--ok: #16a34a;--ok-soft: #dcfce7;--radius: 10px;--radius-sm: 8px;--radius-lg: 14px;--touch: 44px;--font: Inter, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow-1: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);--shadow-2: 0 10px 30px rgba(15, 23, 42, .18);--shadow-3: 0 24px 64px rgba(2, 6, 23, .45);--focus: 0 0 0 3px rgba(0, 186, 198, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:15px;line-height:1.35;color:var(--ink);background:var(--bg);overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:0;border-radius:var(--radius);min-height:var(--touch);padding:0 16px;background:var(--surface-2);color:var(--on-dark);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .12s,box-shadow .12s,transform .05s}button:hover:not(:disabled){background:var(--surface-3)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:var(--focus)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--primary);color:var(--primary-ink);font-weight:700}button.primary:hover:not(:disabled){background:var(--primary-600);color:#fff}button.danger{background:var(--danger);color:#fff;font-weight:600}button.danger:hover:not(:disabled){background:var(--danger-700)}button.ghost{background:transparent;color:inherit;border:1px solid var(--line)}button.ghost:hover:not(:disabled){background:#ffffff0f}button.big{font-size:1.1em;min-height:56px;padding:0 26px;border-radius:var(--radius-lg)}button.link{background:none;color:var(--primary-700);min-height:32px;padding:0 8px;font-weight:600}button.link:hover:not(:disabled){background:var(--primary-soft)}input,select{font:inherit;min-height:var(--touch);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 12px;background:#fff;color:var(--ink);transition:border-color .12s,box-shadow .12s}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus)}input::placeholder{color:#a6b0bf;font-weight:400;font-style:normal;opacity:1;letter-spacing:0}input:focus::placeholder{color:#c3cad5}input:disabled{background:var(--card-2);color:var(--muted)}input[type=checkbox]{min-height:0;width:20px;height:20px;accent-color:var(--primary);vertical-align:middle}kbd{font:600 .72em/1 var(--font);background:#ffffff24;border:1px solid rgba(255,255,255,.18);padding:3px 6px;border-radius:5px;color:#fff;letter-spacing:.3px}.light kbd,.modal kbd{background:#eef2f7;border-color:#d5dbe5;color:#475569}.r{text-align:right}.c{text-align:center}.muted{color:var(--muted)}.grow{flex:1}.app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}.header{display:flex;align-items:center;gap:12px;padding:8px 16px;min-height:56px;background:var(--surface);color:var(--on-dark);font-size:.92em;border-bottom:1px solid var(--line);flex-wrap:wrap}.header .brand{font-weight:800;color:var(--primary);font-size:1.15em;letter-spacing:.3px}.brand-logo{height:26px;width:auto;display:block}.brand-logo.big{height:44px;margin-bottom:10px}.header .ctx{display:contents}@media (max-width: 1180px){.header .ctx{display:none}.header{gap:8px}}.header .sep{opacity:.3}.header .grow{flex:1}.header .chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--on-dark);font-weight:500}.header .chip.ok{border-color:#16a34a80}.header .chip.warn{border-color:#f59e0b99;color:#fde68a}.header select{min-height:36px;padding:0 8px;background:var(--surface-2);color:var(--on-dark);border-color:var(--line)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #16a34a33}.dot.off{background:var(--danger);box-shadow:0 0 0 3px #dc262640}.main{display:grid;grid-template-columns:minmax(400px,46%) minmax(0,1fr);min-height:0}@media (max-width: 1100px){.main{grid-template-columns:minmax(360px,54%) minmax(0,1fr)}}.ticket{display:flex;flex-direction:column;min-height:0;background:var(--paper);color:var(--ink);border-right:1px solid var(--line)}.ticket .bar{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--card);border-bottom:1px solid var(--border)}.ticket .bar b{font-size:1.05em}.ticket .bar select{min-width:150px}.ticket .bar button{background:var(--card-2);color:var(--ink-2);border:1px solid var(--border)}.ticket .bar button:hover:not(:disabled){background:#e8edf3}.customer{display:flex;align-items:center;gap:10px;margin:10px 12px 0;padding:8px 8px 8px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.customer .name{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer button{background:var(--card-2);color:var(--ink-2);border:1px solid var(--border);min-width:44px;padding:0 12px}.notice{margin:10px 12px 0;padding:8px 12px;display:flex;gap:10px;align-items:center;background:var(--warn-soft);color:#92400e;border:1px solid #fcd34d;border-radius:var(--radius);font-weight:600}.notice span{flex:1}.notice button{min-height:36px}.scan{margin:10px 12px;display:flex;gap:8px}.scan input{flex:1;font-size:1.08em;min-height:50px;padding-left:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2M7 8v8M11 8v8M15 8v8'/%3E%3C/svg%3E") no-repeat 12px center}.scan button.primary{min-height:50px}.lines{flex:1;overflow:auto;margin:0 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.lines table{width:100%;border-collapse:collapse}.lines th{position:sticky;top:0;z-index:1;background:var(--card-2);text-align:left;font-size:.78em;text-transform:uppercase;letter-spacing:.4px;padding:8px 10px;color:var(--muted);border-bottom:1px solid var(--border)}.lines td{padding:10px;border-top:1px solid #eef1f5;vertical-align:top}.lines tbody tr{cursor:pointer;transition:background .1s}.lines tbody tr:hover td{background:#f8fafc}.lines tr.sel td{background:var(--primary-soft)}.lines tr.sel td:first-child{box-shadow:inset 4px 0 0 var(--primary)}.lines .r{text-align:right;white-space:nowrap}.lines .code{font-size:.8em;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lines .flag{display:inline-block;font-size:.72em;font-weight:600;color:#92400e;background:var(--warn-soft);padding:2px 6px;border-radius:999px;margin-left:6px;vertical-align:middle}.lineeditor{margin:10px 12px;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:.92em}.lineeditor .title{flex-basis:100%;display:flex;gap:8px;align-items:baseline;min-width:0}.lineeditor .title>*{white-space:nowrap}.lineeditor .title b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.lineeditor .title .neg{color:var(--danger)}.lineeditor label{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);white-space:nowrap}.lineeditor .fields{flex-basis:100%;display:flex;flex-wrap:nowrap;align-items:center;gap:8px 12px;min-width:0}.lineeditor .acts{flex-basis:100%;display:flex;gap:8px}.lineeditor input{width:88px;min-width:56px;text-align:right;font-weight:600}.lineeditor .qty input,.lineeditor .dto input{width:72px}.lineeditor .qty{display:inline-flex;align-items:center;gap:4px}.lineeditor .qty button{min-width:44px;padding:0;background:var(--card-2);color:var(--ink);border:1px solid var(--border);font-size:1.2em}.lineeditor .qty button:hover:not(:disabled){background:#e8edf3}.lineeditor button.ghost{color:var(--ink-2);border-color:var(--border-strong)}.catalog{display:flex;flex-direction:column;min-height:0;background:var(--bg);color:var(--on-dark)}.catalog .top{display:flex;gap:8px;align-items:center;padding:10px 12px}.catalog .crumbs{flex:1;display:flex;gap:6px;align-items:center;overflow:hidden;white-space:nowrap}.catalog .crumbs button{min-height:38px;padding:0 12px;border-radius:999px}.catalog .grid{flex:1;overflow:auto;padding:4px 12px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-auto-rows:200px;gap:10px;align-content:start}@media (max-width: 1100px){.catalog .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:184px}}.tile{position:relative;background:var(--surface);border:1px solid transparent;border-radius:var(--radius);padding:10px 10px 8px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:4px;text-align:left;white-space:normal;min-height:0;height:100%;color:var(--on-dark);transition:border-color .12s,background .12s}.tile .meta{display:flex;justify-content:space-between;align-items:center;gap:6px}.tile .pic{width:calc(100% + 20px);margin:-10px -10px 6px;height:104px;object-fit:contain;background:#fff;border-radius:var(--radius) var(--radius) 0 0;flex:none;display:block;padding:6px;box-sizing:border-box}.tile.img .lbl{-webkit-line-clamp:2}.tile.cat.img{padding:0;border-left:0;overflow:hidden;justify-content:flex-end}.tile.cat.img .pic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;object-fit:cover;border-radius:var(--radius);filter:saturate(.95)}.tile.cat.img .lbl{position:relative;padding:34px 12px 10px;margin:0;background:linear-gradient(180deg,transparent,rgba(2,6,23,.85));color:#fff;font-size:1em;font-weight:700;-webkit-line-clamp:2}.tile.cat.img .code{position:absolute;right:10px;bottom:10px;color:#fff}.tile.cat.img:hover .pic{filter:saturate(1.05) brightness(1.05)}.tile:hover{background:var(--surface-2);border-color:var(--primary)}.tile:focus-visible{box-shadow:var(--focus)}.tile.cat{background:var(--surface-2);border-left:4px solid var(--primary)}.tile.cat .lbl{font-weight:600}.tile.off{opacity:.5}.tilewrap{position:relative;min-height:0}.tilewrap>.tile{width:100%}.tile-info{position:absolute;top:5px;right:5px;width:22px;height:22px;min-height:0;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0f172a47;color:#fffc;border:0;opacity:.7;transition:opacity .12s,background .12s}.tilewrap:hover .tile-info,.tile-info:focus-visible{opacity:1}.tile-info:hover,.tile-info:focus-visible{background:var(--primary);color:var(--primary-ink)}.tile .lbl{font-size:.9em;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.tile .price{font-weight:800;font-size:1.1em;color:var(--primary)}.tile .code{font-size:.72em;color:var(--on-dark-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tile .stock{font-size:.7em;font-weight:600;padding:2px 7px;border-radius:999px;background:#16a34a33;color:#86efac;white-space:nowrap}.tile .stock.neg{background:#dc262640;color:#fca5a5}.footer{display:flex;flex-direction:column;gap:8px;padding:10px 16px 12px;background:var(--surface);color:var(--on-dark);border-top:1px solid var(--line)}.footer .totals{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.footer .totals .stat{display:flex;flex-direction:column;line-height:1.1}.footer .totals .stat span{font-size:.72em;text-transform:uppercase;letter-spacing:.4px;color:var(--on-dark-muted)}.footer .totals .stat b{font-size:1.05em}.footer .totals .grow{flex:1}.footer .due{display:flex;flex-direction:column;align-items:flex-end;line-height:1;gap:4px}.footer .due>span:first-child{font-size:.72em;text-transform:uppercase;letter-spacing:.5px;color:var(--on-dark-muted)}.footer .due .total{font-size:2em;font-weight:800;letter-spacing:-.5px;color:#fff}.footer .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.footer .actions button{min-height:40px;padding:0 12px;font-size:.92em;gap:6px}@media (max-width: 1100px){.footer .actions button{padding:0 10px;font-size:.88em}}.footer .hint{color:#fde68a;font-weight:600;font-size:.9em}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061799;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--card);color:var(--ink);border-radius:var(--radius-lg);width:min(1040px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--shadow-3);overflow:hidden}.modal.narrow{width:min(600px,100%)}.modal .mh{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);font-weight:700;font-size:1.15em;background:var(--card)}.modal .mh .grow{flex:1;min-width:0}.modal .mh small{display:block;font-weight:400;font-size:.75em;color:var(--muted)}.modal .mb{padding:18px 20px;overflow:auto;flex:1;background:var(--paper)}.modal .mf{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding:14px 20px;border-top:1px solid var(--border);background:var(--card)}.modal .mf .grow{flex:1}.modal button{background:#e9eef4;color:var(--ink-2)}.modal button:hover:not(:disabled){background:#dfe6ee}.modal button.primary{background:var(--primary);color:var(--primary-ink)}.modal button.primary:hover:not(:disabled){background:var(--primary-600);color:#fff}.modal button.danger{background:var(--danger);color:#fff}.modal button.danger:hover:not(:disabled){background:var(--danger-700)}.modal button.ghost{background:transparent;border:1px solid var(--border-strong);color:var(--ink-2)}.modal .tile{background:var(--surface);color:var(--on-dark)}.modal .tile:hover:not(:disabled){background:var(--surface-2)}.modal .tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.modal .tabs button{border-radius:999px;min-height:38px}.list{display:flex;flex-direction:column;gap:6px}.list .row{display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;min-height:var(--touch);box-shadow:var(--shadow-1);transition:border-color .1s,background .1s}.list .row:hover,.list .row.sel{background:var(--primary-soft);border-color:var(--primary)}.list .row .grow{flex:1;min-width:0}.list .row .muted{color:var(--muted);font-size:.85em}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form label{display:flex;flex-direction:column;gap:5px;font-size:.85em;color:var(--muted);font-weight:500}.form label.full{grid-column:1 / -1}.form input,.form select{color:var(--ink);font-size:1.05rem}table.data{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table.data th{text-align:left;font-size:.78em;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:8px 10px;background:var(--card-2)}table.data td{padding:8px 10px;border-top:1px solid #eef1f5}.checkout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,1.35fr);gap:20px}@media (max-width: 860px){.checkout{grid-template-columns:1fr}}.checkout .summary{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:.92em;align-self:start}.checkout .summary h4{margin:0 0 8px;font-size:.78em;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.checkout .summary .l{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed var(--border)}.checkout .summary .l span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout .summary table.vat{width:100%;border-collapse:collapse;margin:10px 0 4px;font-size:.95em}.checkout .summary table.vat th{text-align:left;font-size:.72em;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:4px 0;border-bottom:1px solid var(--border)}.checkout .summary table.vat td{padding:4px 0;border-bottom:1px dashed var(--border)}.checkout .summary table.vat tr.sumrow td{font-weight:700;border-bottom:0;border-top:1px solid var(--border-strong)}.checkout .summary .tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;font-weight:800;font-size:1.15em}.checkout .summary .sub{color:var(--muted);font-size:.9em;padding-top:6px}.checkout h4.sec{margin:0 0 8px;font-size:.78em;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.pm{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(120px,1fr);gap:10px;align-items:center;padding:10px 12px;margin-bottom:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .12s,box-shadow .12s}.pm:hover{border-color:var(--border-strong)}.pm.filled{border-color:var(--primary);box-shadow:inset 4px 0 0 var(--primary)}.pm.only{background:#f3fcfd}.pm .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);flex:none;position:relative;background:#fff}.pm .radio.on{border-color:var(--primary)}.pm .radio.on:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--primary)}.pm button.kind{display:flex;align-items:center;gap:10px;min-width:0;background:transparent;color:var(--ink);padding:4px 6px 4px 4px;margin-left:-4px;border-radius:var(--radius-sm);justify-content:flex-start;text-align:left;min-height:48px;white-space:normal}.pm button.kind:hover:not(:disabled){background:var(--primary-soft)}.pm .kind .txt{display:flex;flex-direction:column;min-width:0}.pm .ico{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25em;background:var(--card-2);flex:none}.pm .kind b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm .kind small{color:var(--muted)}.pm input{text-align:right;font-weight:700;font-size:1.15rem;min-height:46px}.pm input.ref{text-align:left;font-weight:400;font-size:1rem}.pm .rest{grid-column:2;justify-self:end}.pm .quick{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap}.pm .quick button{min-height:38px;padding:0 12px;border-radius:999px;font-weight:600}.pm small.vinfo{grid-column:3}.sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 6px}.sum>div{padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.sum span{font-size:.75em;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.sum b{display:block;font-size:1.45em;margin-top:2px;letter-spacing:-.3px}.sum .change{background:var(--ok-soft);border-color:#86efac}.sum .change b{color:#166534}.sum .pending{background:var(--danger-soft);border-color:#fca5a5}.sum .pending b{color:var(--danger-700)}.sum .pending.zero{background:var(--card);border-color:var(--border)}.sum .pending.zero b{color:var(--ink)}.reason{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 12px;border-radius:var(--radius-sm);background:var(--warn-soft);color:#92400e;font-weight:600;font-size:.92em}.reason.ok{background:var(--ok-soft);color:#166534}.opts{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:10px;color:var(--ink-2)}.opts label{display:inline-flex;align-items:center;gap:8px}.opts input[type=number]{width:76px;text-align:center}.result{text-align:center;padding:10px 6px 4px}.result .icon{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;background:var(--ok-soft);color:#166534;display:flex;align-items:center;justify-content:center;font-size:2em;font-weight:800}.result .lbl{color:var(--muted);font-size:.85em;text-transform:uppercase;letter-spacing:.5px}.result .num{font-size:1.7em;font-weight:800;color:var(--primary-700);margin:2px 0 12px}.result .chg{font-size:1.05em;margin:6px 0}.result .chg.big{font-size:1.5em}.result .chg.big b{color:#166534;font-size:1.3em}.result .voucher{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:var(--radius);background:var(--warn-soft);color:#92400e;font-weight:600}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background-color 1s ease}.intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 50% 55%,rgba(0,186,198,.12),transparent 70%);opacity:0;animation:introGlow 1.8s ease-out .5s forwards;transition:opacity .7s ease}.intro .mark{position:relative;width:min(320px,62vw);aspect-ratio:479 / 152;will-change:transform}.intro .bar{position:absolute;left:0;top:47.37%;width:20.88%;height:18.42%;border-radius:999px;background:var(--primary);transform:scaleX(0);transform-origin:50% 50%;animation:introBar .76s cubic-bezier(.2,.9,.2,1) .2s forwards,introBarGlow 1.3s ease-out .9s forwards}.intro .logo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;clip-path:inset(0 100% 0 0);filter:blur(10px);transform:translate(-6px);animation:introWipe 1.1s cubic-bezier(.3,.8,.2,1) .9s forwards}.intro .ripple{position:absolute;left:10.44%;top:56.58%;width:6%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid var(--primary);opacity:0;animation:introRipple 1.5s cubic-bezier(.1,.7,.3,1) 1.15s forwards}.intro.leave{background-color:transparent;pointer-events:none}.intro.leave:before,.intro.leave .ripple{opacity:0!important;animation:none}.intro.leave .bar{animation:none;transform:scaleX(1);box-shadow:none}.intro.leave .logo{animation:none;opacity:1;clip-path:none;filter:none;transform:none}@keyframes introBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes introBarGlow{0%{box-shadow:0 0 #00bac600}35%{box-shadow:0 0 30px #00bac6cc}to{box-shadow:0 0 12px #00bac64d}}@keyframes introWipe{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(10px);transform:translate(-6px)}30%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0);filter:blur(0);transform:translate(0)}}@keyframes introRipple{0%{opacity:.6;width:6%}to{opacity:0;width:440%}}@keyframes introGlow{to{opacity:1}}html.intro-active .brand-logo{visibility:hidden}.fade-in{opacity:0;transition:opacity .9s ease .15s}.fade-in.in{opacity:1}@media (prefers-reduced-motion: reduce){.intro .bar,.intro .logo,.intro .ripple,.intro:before{animation:none}.intro .bar{transform:none}.intro .logo{opacity:1;clip-path:none;filter:none;transform:none}.fade-in{transition-duration:.2s}}.toasts{position:fixed;right:16px;bottom:120px;display:flex;flex-direction:column;gap:8px;z-index:100}.toast{padding:12px 16px;border-radius:var(--radius);color:#fff;background:#334155;max-width:440px;box-shadow:var(--shadow-2);cursor:pointer;font-weight:500}.toast.error{background:var(--danger)}.toast.ok{background:var(--ok)}.toast small{display:block;opacity:.8;font-size:.75em;font-weight:400;margin-top:2px}.center{display:flex;align-items:center;justify-content:center;height:100%;color:var(--on-dark)}.login-wrap{opacity:0;transition:opacity 1s ease .25s}.login-wrap.in{opacity:1}.login{background:var(--surface);padding:32px 36px 30px;border-radius:18px;width:min(640px,94vw);box-shadow:var(--shadow-3);border:1px solid var(--line)}.login-head{display:flex;align-items:center;gap:22px;margin-bottom:22px}.login-title h1{margin:0;font-size:1.5em;color:#fff;letter-spacing:-.3px}.login-title .muted{color:var(--on-dark-muted);margin-top:2px}.login-ask{margin:0 0 12px;font-weight:600;color:var(--on-dark)}.login .ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:8px}.login .op{min-height:72px;justify-content:flex-start;gap:14px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;text-align:left}.login .op:hover:not(:disabled){border-color:var(--primary);background:var(--surface-3)}.login .op.sel{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.login .op .avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#0d9488);color:#04343a;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:1.05em;flex:none}.login .op .txt{display:flex;flex-direction:column;min-width:0;flex:1}.login .op .txt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login .op .txt small{color:var(--on-dark-muted)}.pinpad{margin-top:12px;display:grid;grid-template-columns:1fr;gap:10px}.login .pin{display:flex;gap:8px}.login .pin input{flex:1;font-size:1.6em;letter-spacing:10px;text-align:center;min-height:52px;background:var(--surface-2);color:#fff;border-color:var(--line)}.pinpad .keys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pinpad .keys button{min-height:52px;font-size:1.25em;font-weight:600;border-radius:12px}.banner{background:var(--danger);color:#fff;text-align:center;padding:6px;font-weight:700;letter-spacing:.3px}