:root{--bg:#0f172a;--panel:#111827;--panel-2:#1f2937;--border:hsla(0,0%,100%,.08);--text:#e5e7eb;--muted:#9ca3af;--primary:#2563eb;--primary-2:#1d4ed8;--success:#16a34a;--warning:#f59e0b;--danger:#dc2626;--radius:22px;--shadow:0 10px 30px rgba(0,0,0,.22)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top,#172554 0,var(--bg) 42%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}main{padding-bottom:60px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(15,23,42,.8);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1320px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:18px;font-weight:800}.nav-links{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted)}.nav-links a:hover{color:var(--text)}.container{max-width:1320px;margin:0 auto;padding:32px 24px 0}.stack-xl{display:grid;grid-gap:28px;gap:28px}.stack-md{display:grid;grid-gap:18px;gap:18px}.stack-sm{display:grid;grid-gap:12px;gap:12px}.grid{display:grid;grid-gap:20px;gap:20px}.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))}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(15,23,42,.7));border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow)}.hero h1{margin:8px 0 10px;font-size:clamp(28px,4vw,42px)}.hero p{margin:0;color:#d1d5db;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.card{background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(17,24,39,.78));border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card h2,.card h3{margin:0}.badge,.meta-chip{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:8px 12px;border:1px solid rgba(96,165,250,.35);background:rgba(37,99,235,.12);color:#bfdbfe;font-size:13px}.meta-chip{color:#e5e7eb;background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12)}.button{border:none;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}.button:hover{filter:brightness(1.08)}.button.secondary,.keypad-button.secondary{background:hsla(0,0%,100%,.08);color:var(--text)}.button.ghost{background:transparent;border:1px solid var(--border)}.button.small{padding:8px 12px;border-radius:10px;font-size:13px}.button.danger{background:rgba(220,38,38,.2);color:#fecaca}.input,.textarea{width:100%;border-radius:14px;border:1px solid var(--border);padding:12px 14px;color:var(--text);background:rgba(15,23,42,.8)}.input:focus,.textarea:focus{outline:2px solid rgba(59,130,246,.35);border-color:rgba(59,130,246,.45)}.filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.filters label{display:grid;grid-gap:8px;gap:8px;min-width:220px}.alert{border-radius:18px;padding:14px 16px;border:1px solid transparent}.alert.success{background:rgba(22,163,74,.18);border-color:rgba(22,163,74,.35)}.alert.error{background:rgba(220,38,38,.16);border-color:rgba(220,38,38,.35)}.alert.warning{background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.35)}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:16px;gap:16px}.stat-card{min-height:120px}.stat-card span{display:block;color:var(--muted);margin-bottom:16px}.stat-card strong{font-size:30px}.table-wrap{overflow-x:auto}.max-table{max-height:420px;overflow:auto}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px 10px;border-bottom:1px solid hsla(0,0%,100%,.06);text-align:left;vertical-align:top}.table th{color:#cbd5e1;font-size:13px;position:-webkit-sticky;position:sticky;top:0;background:rgba(17,24,39,.98)}.table tbody tr:hover{background:hsla(0,0%,100%,.03)}.muted{color:var(--muted);font-size:14px}.simple-list{margin:0;padding-left:18px;display:grid;grid-gap:10px;gap:10px}.simple-list.compact{gap:6px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.actions-row{display:flex;flex-wrap:wrap;gap:8px}.auth-shell{min-height:calc(100vh - 72px);display:grid;place-items:center}.auth-card{width:min(100%,520px)}.kiosk-shell{max-width:1100px}.kiosk-layout{grid-template-columns:380px 1fr}.kiosk-hero{align-items:start}.kiosk-input,.pin-display{font-size:28px;text-align:center}.pin-display{min-height:72px;padding:16px;border-radius:18px;border:1px dashed hsla(0,0%,100%,.18);background:rgba(15,23,42,.6);letter-spacing:8px}.keypad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.keypad-button,.kiosk-button{min-height:76px;border:none;border-radius:18px;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);cursor:pointer;font-size:24px;font-weight:700}.kiosk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.kiosk-button{min-height:140px;font-size:28px}.toggle-row{display:flex;align-items:center;gap:10px}.status-line{margin:0}.home-hero{align-items:stretch}@media (max-width:1120px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3,.kiosk-layout{grid-template-columns:1fr}}@media (max-width:760px){.container{padding:20px 14px 0}.hero,.topbar-inner{padding:16px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-4{grid-template-columns:1fr}.nav-links{font-size:14px}.kiosk-grid{grid-template-columns:1fr}}