:root{--bg: #0b1220;--surface: #121b2e;--surface-2: #17223a;--line: #24314f;--text: #e8edf7;--muted: #94a3c4;--accent: #39d3c3;--accent-2: #f4b740;--danger: #ff6b6b;--ok: #3ddc97;--radius: 12px;--maxw: 1180px}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #f6f8fc;--surface: #ffffff;--surface-2: #eef2f9;--line: #dde4f0;--text: #11182a;--muted: #5b6b8c;--accent: #0f9e91;--accent-2: #b8791b}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}.nav{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:18px;height:62px}.brand{font-weight:800;font-size:19px;letter-spacing:-.02em;display:flex;gap:7px;align-items:center}.brand span{color:var(--accent)}.nav-links{display:flex;gap:16px;margin-left:auto;align-items:center;font-size:14px}.nav-links a{color:var(--muted)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.pill{background:var(--accent);color:#05221f;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px;margin-left:5px}main{min-height:calc(100vh - 132px);padding:28px 0 56px}h1{font-size:26px;letter-spacing:-.02em;margin:0 0 6px}h2{font-size:18px;margin:0 0 12px}.sub{color:var(--muted);margin:0 0 22px;font-size:14px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}.split{display:grid;gap:22px;grid-template-columns:1.6fr 1fr;align-items:start}@media (max-width: 860px){.split{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card.pad-lg{padding:22px}.product-card{display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .15s}.product-card:hover{border-color:var(--accent);transform:translateY(-2px)}.thumb{aspect-ratio:4 / 3;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;font-size:44px}.p-brand{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.07em}.p-name{font-weight:640;font-size:15px;line-height:1.3}.p-price{font-weight:720;font-size:17px;margin-top:auto}.stock-low{color:var(--accent-2);font-size:12px}.stock-out{color:var(--danger);font-size:12px}button,.btn{font:inherit;border-radius:9px;border:1px solid transparent;padding:9px 15px;cursor:pointer;font-weight:600;background:var(--accent);color:#05221f;transition:opacity .15s}button:hover:not(:disabled),.btn:hover{opacity:.88}button:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn-block{width:100%;display:block;text-align:center}.btn-lg{padding:12px 18px;font-size:15.5px}label{display:block;font-size:12.5px;color:var(--muted);margin:0 0 5px}input,select,textarea{font:inherit;width:100%;padding:9px 11px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--text)}input:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}.field{margin-bottom:13px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.row2{grid-template-columns:1fr}}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer;font-weight:500}.chip.active{border-color:var(--accent);color:var(--text)}.line{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.line:last-child{border-bottom:0}.line .grow{flex:1;min-width:0}.qty{display:flex;align-items:center;gap:6px}.qty button{padding:4px 10px;background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.totals{display:flex;justify-content:space-between;padding:7px 0;font-size:14px}.totals.grand{border-top:1px solid var(--line);margin-top:8px;padding-top:13px;font-size:17px;font-weight:720}.note{font-size:12.5px;color:var(--muted);line-height:1.5}.alert{border-radius:9px;padding:11px 13px;font-size:13.5px;margin-bottom:14px;border:1px solid}.alert-error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}.alert-info{color:var(--muted);border-color:var(--line);background:var(--surface-2)}.badge{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.03em}.badge-paid{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}.badge-failed{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.badge-wait{background:color-mix(in srgb,var(--accent-2) 20%,transparent);color:var(--accent-2)}.center-narrow{max-width:420px;margin:34px auto}.result-icon{font-size:52px;text-align:center;margin-bottom:6px}.center{text-align:center}footer{border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:12.5px}.spinner{color:var(--muted);padding:40px 0;text-align:center}.nav-links a.btn{color:#05221f}:root:not([data-theme=dark]) .nav-links a.btn{color:#fff}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .btn,:root:not([data-theme=dark]) button{color:#fff}:root:not([data-theme=dark]) .btn-ghost,:root:not([data-theme=dark]) .qty button{color:var(--text)}}