:root{--bg:#060714;--bg2:#0b1230;--card:rgba(255,255,255,.08);--card2:rgba(255,255,255,.12);--line:rgba(255,255,255,.14);--text:#f8fbff;--muted:#aab6ca;--neon:#31f6b2;--blue:#4aa3ff;--purple:#8b5cf6;--yellow:#ffd166;--red:#ff5b73;--ok:#39e58c;--shadow:0 22px 70px rgba(0,0,0,.38);--radius:26px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(74,163,255,.25),transparent 27%),radial-gradient(circle at 94% 14%,rgba(49,246,178,.18),transparent 24%),radial-gradient(circle at 50% 120%,rgba(139,92,246,.18),transparent 34%),linear-gradient(145deg,var(--bg),var(--bg2));color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,100%);margin:0 auto;padding:18px}.nav{position:sticky;top:0;z-index:40;background:rgba(6,7,20,.74);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:1000;letter-spacing:.3px}.brand img{width:42px;height:42px;border-radius:14px;object-fit:cover;box-shadow:0 0 24px rgba(49,246,178,.16)}.pill{padding:8px 12px;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;color:var(--muted);font-size:13px}.hero{padding:24px 0 18px}.hero-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:34px;padding:28px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.045));box-shadow:var(--shadow)}.hero-card:before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:999px;background:rgba(49,246,178,.18);filter:blur(10px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(49,246,178,.12);border:1px solid rgba(49,246,178,.26);color:#b7ffe7;font-weight:900;font-size:12px}.h1{font-size:clamp(34px,7vw,66px);line-height:.95;margin:16px 0 12px;font-weight:1000;letter-spacing:-2px}.grad{background:linear-gradient(90deg,var(--neon),var(--blue),#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 22px}.actions{display:flex;flex-wrap:wrap;gap:10px}.btn{appearance:none;border:0;border-radius:17px;padding:13px 16px;font-weight:1000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s;min-height:48px;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--neon),var(--blue));color:#04101b;box-shadow:0 15px 35px rgba(49,246,178,.2)}.btn-dark{background:rgba(255,255,255,.1);border:1px solid var(--line);color:var(--text)}.btn-purple{background:linear-gradient(135deg,#8b5cf6,#4aa3ff);color:white}.btn-danger{background:rgba(255,91,115,.16);border:1px solid rgba(255,91,115,.28);color:#ffd0d6}.btn-small{padding:9px 11px;min-height:38px;border-radius:12px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:0 14px 45px rgba(0,0,0,.18)}.card h3,.card h2{margin:0 0 12px}.muted{color:var(--muted)}.stat{font-size:29px;font-weight:1000}.price{font-size:32px;font-weight:1000}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-weight:1000;font-size:12px}.badge-a{background:rgba(49,246,178,.13);color:#aaffdf;border:1px solid rgba(49,246,178,.25)}.badge-b{background:rgba(74,163,255,.14);color:#cfe7ff;border:1px solid rgba(74,163,255,.28)}.badge-wait{background:rgba(255,209,102,.14);color:#ffe7ad;border:1px solid rgba(255,209,102,.25)}.badge-paid{background:rgba(57,229,140,.14);color:#c7ffdc;border:1px solid rgba(57,229,140,.25)}.badge-reject{background:rgba(255,91,115,.15);color:#ffd0d6;border:1px solid rgba(255,91,115,.26)}form{margin:0}.field{margin-bottom:13px}label{display:block;font-size:13px;font-weight:900;color:#d9e6ff;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);border-radius:16px;padding:13px 14px;font-size:15px;outline:none}input:focus,select:focus,textarea:focus{border-color:rgba(49,246,178,.65);box-shadow:0 0 0 4px rgba(49,246,178,.08)}option{background:#10172b;color:#fff}.notice{padding:13px 14px;border:1px solid rgba(255,209,102,.25);border-radius:18px;background:rgba(255,209,102,.1);color:#ffe5a3;line-height:1.5}.success{padding:13px 14px;border:1px solid rgba(57,229,140,.25);border-radius:18px;background:rgba(57,229,140,.1);color:#caffdf;line-height:1.5}.error{padding:13px 14px;border:1px solid rgba(255,91,115,.25);border-radius:18px;background:rgba(255,91,115,.1);color:#ffd0d6;line-height:1.5}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{font-size:12px;color:var(--muted);text-align:left;padding:0 10px}.table td{background:rgba(255,255,255,.07);padding:12px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle}.table td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0}.ticket{background:linear-gradient(135deg,rgba(49,246,178,.16),rgba(74,163,255,.12));border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:20px;position:relative;overflow:hidden}.qrbox{background:#fff;border-radius:20px;padding:14px;display:inline-block}.qrbox canvas,.qrbox img{display:block;max-width:220px;width:220px;height:220px}.bottom-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:none;background:rgba(12,18,38,.86);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:24px;padding:8px;box-shadow:var(--shadow)}.bottom-nav a{flex:1;text-align:center;padding:8px 6px;border-radius:17px;color:var(--muted);font-weight:900;font-size:12px}.bottom-nav a.active{background:rgba(49,246,178,.14);color:#ccffe8}.footer{padding:28px 0 90px;color:var(--muted);font-size:13px;text-align:center}.scan-frame{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#000}.mini{font-size:12px;color:var(--muted)}.list-card{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.06);margin-bottom:10px}.mobile-only{display:none}.desktop-only{display:block}.logo-hero{width:112px;height:112px;border-radius:30px;object-fit:cover;box-shadow:0 12px 45px rgba(49,246,178,.24)}.admin-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.admin-menu .btn{width:100%}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:rgba(255,255,255,.08);padding:3px 6px;border-radius:8px}.pay-card{background:linear-gradient(135deg,rgba(57,229,140,.13),rgba(74,163,255,.13));border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:18px}.status-dot{width:10px;height:10px;border-radius:99px;background:var(--yellow);display:inline-block}.status-dot.paid{background:var(--ok)}.status-dot.bad{background:var(--red)}
@media (max-width:820px){.wrap{padding:14px}.nav .pill{display:none}.hero-card{padding:22px;border-radius:28px}.grid{gap:12px}.col-3,.col-4,.col-5,.col-6,.col-7,.col-8{grid-column:span 12}.card{border-radius:22px;padding:16px}.bottom-nav{display:flex}.desktop-only{display:none}.mobile-only{display:block}.table-wrap{display:none}.h1{letter-spacing:-1.2px}.actions .btn{width:100%}.qrbox canvas,.qrbox img{width:190px;height:190px}.logo-hero{width:86px;height:86px}.admin-menu{grid-template-columns:repeat(2,1fr)}}
@media print{body{background:#fff;color:#111}.nav,.actions,.bottom-nav,.footer{display:none}.ticket{color:#111;background:#fff;border:1px solid #ddd}.muted{color:#555}.wrap{padding:0}.card{box-shadow:none;border:0}}