:root{--ink: #0A0A0A;--bg: #0A0A0A;--card: #161616;--line: #2A2A2A;--text: #F2F2F2;--muted: #A9ADA9;--accent: #A8E61D;--ok: #1E8E3E;--ko: #C62828}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.4;overscroll-behavior:none}button{font-family:inherit;font-size:inherit;border:none;cursor:pointer;color:inherit}input,select{font-family:inherit;font-size:16px}.screen{display:none;min-height:100%;flex-direction:column;max-width:520px;margin:0 auto}.screen.active{display:flex}.topbar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.topbar h1{font-size:18px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .brand{color:var(--accent);letter-spacing:.5px}.icon-btn{width:44px;height:44px;border-radius:10px;background:var(--card);display:grid;place-items:center;flex:none}.icon-btn svg,.btn svg,.tile svg{width:22px;height:22px}.content{flex:1;padding:14px;display:flex;flex-direction:column;gap:14px}.bottom{padding:12px 14px 16px;border-top:1px solid var(--line);background:var(--bg);position:sticky;bottom:0}.btn{width:100%;min-height:56px;border-radius:12px;background:var(--accent);color:var(--ink);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px}.btn:active{filter:brightness(.9)}.btn:disabled{opacity:.5}.btn.secondary{background:var(--card);color:var(--text);border:1px solid var(--line)}.btn+.btn{margin-top:10px}.tile{flex:1;min-height:150px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:21px;font-weight:700}.tile svg{width:46px;height:46px}.tile.sell{background:var(--accent);color:var(--ink)}.tile.check{background:var(--card);border:2px solid var(--accent)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary div{background:var(--card);border-radius:12px;padding:12px}.summary span{display:block;color:var(--muted);font-size:13px}.summary strong{font-size:20px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600}.list{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:12px;padding:12px;text-align:left;width:100%}.list-item .grow{flex:1;min-width:0}.list-item strong{display:block;font-size:15px}.list-item small{color:var(--muted);font-size:13px}.tag{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:#333;white-space:nowrap}.tag.valid{background:var(--ok)}.empty{color:var(--muted);text-align:center;padding:18px 0;font-size:14px}.types{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type{background:var(--card);border:2px solid var(--line);border-radius:12px;padding:12px;text-align:left;min-height:92px}.type strong{display:block;font-size:17px}.type small{display:block;color:var(--muted);font-size:13px}.type b{display:block;margin-top:8px;color:var(--accent);font-size:16px}.type.active{background:var(--accent);border-color:var(--accent);color:var(--ink)}.type.active small,.type.active b{color:var(--ink)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stepper{display:flex;align-items:center;gap:14px}.stepper button{width:52px;height:52px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:26px;font-weight:700}.stepper span{font-size:24px;font-weight:700;min-width:30px;text-align:center}.pay{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay button{min-height:52px;border-radius:12px;background:var(--card);border:2px solid var(--line);font-weight:600}.pay button.active{border-color:var(--accent);color:var(--accent)}.field label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.field input{width:100%;min-height:52px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);padding:0 14px}.field input:focus{outline:none;border-color:var(--accent)}.total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.total span{color:var(--muted)}.total strong{font-size:26px;color:var(--accent)}.camera{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:1 / 1}.camera video{width:100%;height:100%;object-fit:cover;display:block}.camera:after{content:"";position:absolute;inset:16%;border:3px solid var(--accent);border-radius:14px;box-shadow:0 0 0 999px #00000059}.hint{color:var(--muted);font-size:14px;text-align:center}.manual{display:flex;gap:8px}.manual input{flex:1;min-width:0;min-height:52px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);padding:0 14px;text-transform:uppercase}.manual button{min-width:92px;border-radius:12px;background:var(--accent);color:var(--ink);font-weight:700}#screen-result{align-items:stretch}#screen-result.ok{background:var(--ok)}#screen-result.ko{background:var(--ko)}.result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:12px;color:#fff}.result svg{width:120px;height:120px}.result h2{font-size:30px;line-height:1.15}.result p{font-size:18px}#screen-result .bottom{background:transparent;border-top:none}#screen-result .btn{background:#fff;color:var(--ink)}.login-logo{width:170px;margin:0 auto;display:block;mix-blend-mode:screen}.top-logo{width:40px;height:40px;border-radius:50%;flex:none}.login{justify-content:center}.login h2{font-size:26px;color:var(--accent);text-align:center;letter-spacing:1px}.login p{text-align:center;color:var(--muted)}.toast{position:fixed;left:14px;right:14px;bottom:90px;background:var(--ko);color:#fff;padding:14px 16px;border-radius:12px;font-weight:600;text-align:center;z-index:20;display:none}.toast.show{display:block}.receipt-wrap{background:#fff;border-radius:12px;padding:12px 0;display:flex;justify-content:center}.receipt{width:48mm;color:#000;background:#fff;font-family:Courier New,Courier,monospace;font-size:8.5pt;line-height:1.3;word-break:break-word}.receipt .c{text-align:center}.receipt .b{font-weight:700}.receipt .big{font-size:12pt;font-weight:700}.receipt hr{border:none;border-top:1px dashed #000;margin:1.5mm 0}.receipt hr.d{border-top:3px double #000}.receipt .lr{display:flex;justify-content:space-between;gap:2mm}.receipt .lr span:last-child{white-space:nowrap;text-align:right}.receipt img{display:block;width:32mm;height:32mm;margin:0 auto;image-rendering:pixelated}.receipt .feed{height:12mm}@page{size:58mm auto;margin:0}@media print{html,body{height:auto;background:#fff}body *{visibility:hidden}.screen{display:none!important}#screen-receipt{display:block!important;min-height:0}.receipt-wrap,.receipt-wrap *{visibility:visible}.receipt-wrap{position:absolute;top:0;left:0;width:58mm;padding:0 5mm;border-radius:0;display:block}.topbar,.bottom,.content>:not(.receipt-wrap){display:none!important}.content{padding:0}}