:root{--bg:#070911;--card:rgba(255,255,255,.08);--line:rgba(255,255,255,.12);--txt:#f8fbff;--mut:#9aa7bd;--a:#2e0fd7;--b:#00d4ff;--ok:#20d678;--bad:#ff4d6d;--warn:#ffd166}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial;background:radial-gradient(circle at 20% 0,#28118e 0,#070911 38%),linear-gradient(135deg,#070911,#111827);color:var(--txt);min-height:100vh}.wrap{max-width:1180px;margin:auto;padding:28px}.glass{background:var(--card);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;min-height:100vh}.brand{font-size:42px;font-weight:900;letter-spacing:-1.5px}.grad{background:linear-gradient(90deg,#fff,var(--b));-webkit-background-clip:text;color:transparent}.btn{border:0;border-radius:16px;padding:12px 16px;font-weight:800;color:white;background:linear-gradient(135deg,var(--a),var(--b));cursor:pointer;text-decoration:none;display:inline-flex;gap:8px;align-items:center}.btn.ghost{background:rgba(255,255,255,.08);border:1px solid var(--line)}.btn.bad{background:linear-gradient(135deg,#c9184a,#ff4d6d)}.btn.ok{background:linear-gradient(135deg,#069b61,#20d678)}.btn.warn{background:linear-gradient(135deg,#b7791f,#ffd166);color:#161616}input,select,textarea{width:100%;background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--txt);border-radius:16px;padding:13px 14px;outline:0}input::placeholder{color:#7d8ca3}label{font-size:13px;color:var(--mut);font-weight:700}.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:22px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a,.nav form button{color:var(--txt);text-decoration:none;background:rgba(255,255,255,.07);border:1px solid var(--line);padding:10px 13px;border-radius:14px}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table td,.table th{text-align:left;padding:13px;background:rgba(255,255,255,.06)}.table th{color:var(--mut);font-size:12px}.pill{border:1px solid var(--line);background:rgba(255,255,255,.08);padding:7px 10px;border-radius:999px;font-size:12px}.oktxt{color:var(--ok)}.badtxt{color:var(--bad)}.mut{color:var(--mut)}.flash{padding:12px 16px;border-radius:16px;margin:10px 0}.flash.ok{background:rgba(32,214,120,.15);border:1px solid rgba(32,214,120,.35)}.flash.err{background:rgba(255,77,109,.15);border:1px solid rgba(255,77,109,.35)}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pinpad button{font-size:22px;padding:18px}.clock{font-size:44px;font-weight:900}.state{font-size:20px;font-weight:900}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini{font-size:12px}.print{background:white;color:#111}.print table{width:100%;border-collapse:collapse}.print td,.print th{border:1px solid #999;padding:6px}.print th{background:#eee}@media(max-width:850px){.hero,.g2,.g3{grid-template-columns:1fr}.wrap{padding:16px}.brand{font-size:32px}.top{align-items:flex-start;flex-direction:column}.actions{grid-template-columns:1fr}}