:root{--bg:#0b1220;--panel:#111a2e;--panel2:#17223a;--text:#eef4ff;--muted:#9fb1d1;--line:#26344f;--primary:#63e6be;--danger:#ff6b6b;--warning:#ffd166;--ok:#51cf66}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,#13203b 0,var(--bg) 38%,#050814 100%);color:var(--text);min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line);background:rgba(8,13,25,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{font-weight:850;font-size:20px;color:var(--text)}.topbar nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.container{max-width:1160px;margin:0 auto;padding:34px 20px 80px}.footer{color:var(--muted);padding:22px;text-align:center;border-top:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.4fr .9fr;gap:22px;align-items:stretch;margin-bottom:22px}.card,.panel{background:linear-gradient(180deg,rgba(23,34,58,.94),rgba(14,22,39,.94));border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.card h1,.card h2,.panel h1,.panel h2{margin-top:0}.muted{color:var(--muted)}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-row{display:grid;gap:8px;margin-bottom:16px}label{font-weight:650}input,select,textarea{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:#0b1324;color:var(--text);outline:none}textarea{min-height:95px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,230,190,.14)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 16px;background:var(--primary);color:#051017;font-weight:800;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(1.05);text-decoration:none}.button-secondary{background:#233250;color:var(--text);border:1px solid var(--line)}.button-danger{background:var(--danger);color:#190303}.inline-form{display:inline}.link-button{padding:0;background:transparent;color:var(--primary);font-weight:650}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:850;border:1px solid transparent}.badge-pending,.badge-active,.badge-customer{background:rgba(255,209,102,.14);color:var(--warning);border-color:rgba(255,209,102,.35)}.badge-signed,.badge-admin,.badge-on{background:rgba(81,207,102,.14);color:var(--ok);border-color:rgba(81,207,102,.35)}.badge-cancelled,.badge-suspended,.badge-off{background:rgba(255,107,107,.14);color:var(--danger);border-color:rgba(255,107,107,.35)}.alert{padding:14px 16px;border-radius:14px;margin-bottom:16px;border:1px solid var(--line)}.alert-success{background:rgba(81,207,102,.12);border-color:rgba(81,207,102,.35)}.alert-error{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.35)}.alert-info{background:rgba(99,230,190,.10);border-color:rgba(99,230,190,.28)}.kpi{padding:18px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.kpi strong{display:block;font-size:28px}.codebox{background:#050814;border:1px solid var(--line);border-radius:14px;padding:14px;overflow-x:auto;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d2e2ff}.pdf-frame{width:100%;height:72vh;border:1px solid var(--line);border-radius:16px;background:#fff}.signature-pad{border:1px dashed var(--muted);border-radius:16px;background:#fff;width:100%;height:220px;touch-action:none}.small{font-size:13px}.receipt{background:#fff;color:#111;border-radius:16px;padding:28px}.receipt .codebox{background:#f5f7fb;color:#111;border-color:#d8deea}.receipt table{min-width:0;color:#111}.receipt th,.receipt td{border-color:#e3e7ef}.pill-list{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:7px 10px}.checkbox-list{display:grid;gap:10px}.checkbox-row{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}.checkbox-row input{width:auto;margin-top:3px}@media(max-width:900px){.hero,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column;gap:12px}.pdf-frame{height:55vh}}@media print{body{background:#fff;color:#111}.topbar,.footer,.no-print{display:none!important}.container{max-width:none;padding:0}.receipt{border:0;border-radius:0}}