:root{--bg:#071321;--card:#0d1b2a;--card2:#101f30;--line:#22364b;--text:#eef6ff;--muted:#9aabba;--accent:#ff7a00;--accent2:#ffab45;--good:#27c98b;--danger:#ff5c64;--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#102238 0,#071321 55%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:var(--accent2)}
.center-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);padding:32px;border:1px solid var(--line);border-radius:24px;background:rgba(13,27,42,.92);box-shadow:var(--shadow);text-align:center}.login-card h1{margin:8px 0 6px;font-size:32px}.login-card p{color:var(--muted);margin:0 0 26px}.login-card small{display:block;color:#7890a5;margin-top:16px;line-height:1.5}.brand-mark,.brand-orbit{display:inline-grid;place-items:center;border:2px solid var(--accent);border-radius:999px;color:var(--accent);font-weight:900}.brand-mark{width:54px;height:54px;font-size:30px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);background:rgba(7,19,33,.94);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px}.brand-orbit{width:38px;height:38px;font-size:21px}.brand div{display:flex;flex-direction:column}.brand span{font-size:11px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:12px}.tabs{display:flex;gap:7px;padding:10px 14px;overflow:auto;border-bottom:1px solid var(--line);background:#091726}.tab{white-space:nowrap;border:0;background:transparent;color:#9eb0c2;padding:11px 14px;border-radius:12px}.tab.active{background:#17283a;color:#fff}.app main{max-width:1180px;margin:0 auto;padding:28px 18px 60px}.hero,.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.hero h2,.section-head h2{font-size:29px;margin:5px 0}.hero p,.section-head p{color:var(--muted);margin:0;max-width:760px;line-height:1.5}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.package{border:1px solid var(--line);background:linear-gradient(160deg,#13263a,#0d1a28);border-radius:20px;padding:22px;text-align:left;box-shadow:var(--shadow)}.package h3{margin:0 0 8px;font-size:20px}.price{font-size:34px;font-weight:900;margin:8px 0}.duration{color:var(--muted);margin-bottom:18px}.package button{width:100%}.primary,.secondary,.ghost{border-radius:12px;padding:12px 15px;border:1px solid var(--line);font-weight:800}.primary{background:linear-gradient(135deg,var(--accent),#ff9233);color:white;border-color:transparent}.secondary{background:#15283c;color:#eaf3fb}.ghost{background:transparent;color:#b9c7d4}.wide{width:100%}.issued-card{max-width:560px;margin:24px auto 0;padding:24px;border:1px solid #2a604c;border-radius:22px;background:linear-gradient(160deg,#0c2b25,#0d1b2a);text-align:center}.issued-top,.issued-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.pill{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.success{background:rgba(39,201,139,.16);color:#5ee5b1}.issued-label{margin-top:22px;color:var(--muted);font-size:12px;letter-spacing:1.5px}.issued-pin{font-size:44px;font-weight:950;letter-spacing:2px;margin:8px 0 12px;word-break:break-all}.issued-meta{margin-bottom:18px}.notice{margin-top:20px;padding:13px 15px;border-radius:14px;background:rgba(255,122,0,.1);border:1px solid rgba(255,122,0,.3);color:#ffd1a3}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metric,.panel{border:1px solid var(--line);background:rgba(13,27,42,.86);border-radius:18px;padding:18px}.metric .label{color:var(--muted);font-size:12px}.metric .value{font-size:28px;font-weight:900;margin-top:6px}.panel{margin-top:16px}.panel h3{margin:0 0 14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel label,.login-card label{display:block;text-align:left;color:#c7d3df;font-size:12px;font-weight:800}.panel input,.panel select,.panel textarea,.login-card input{width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);background:#081522;color:#fff;border-radius:11px;outline:none}.panel textarea{resize:vertical}.button-row{display:flex;gap:10px;margin:14px 0}.progress{height:8px;background:#132536;border-radius:999px;overflow:hidden;margin:15px 0}.progress div{height:100%;width:0;background:var(--accent);transition:width .2s}.preview-count{margin:8px 0;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{color:#9db1c5;font-size:11px;text-transform:uppercase;letter-spacing:.7px}td.pin-cell{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.status-unused{color:#55e2ae;font-weight:800}.status-sold{color:#ffadad;font-weight:800}.empty{padding:26px;text-align:center;color:var(--muted)}.toast{position:fixed;right:16px;bottom:16px;z-index:99;padding:13px 16px;border-radius:13px;background:#102236;border:1px solid var(--line);box-shadow:var(--shadow);max-width:min(360px,calc(100vw - 32px))}.toast.error{border-color:#783b40;color:#ffd2d5}
@media(max-width:850px){.package-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.topbar{padding:12px 14px}.top-actions #userBadge{display:none}.hero,.section-head{align-items:flex-start;flex-direction:column}.issued-pin{font-size:34px}}

.warning-text{color:#ffc475;font-weight:700}