:root{--bg:#f7f8fb;--card:#fff;--text:#111827;--muted:#6b7280;--ok:#16a34a;--err:#dc2626;--focus:#2563eb;--border:#111827;--radius:14px;--shadow:0 8px 24px #1118270f;--fs-title:clamp(22px,3vw,28px);--fs-body:clamp(14px,2vw,16px);--h-touch:48px;--h-sm:40px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{height:100%}body{background:linear-gradient(180deg,var(--bg),#eef2ff 40%,var(--bg)100%);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans}button{cursor:pointer;color:#111827}.main{place-items:center;min-height:100dvh;padding:4vw;display:grid}.card{background:var(--card);border:1px solid var(--border);width:min(960px,94vw);box-shadow:var(--shadow);border-radius:18px;padding:clamp(18px,3vw,28px)}.title{font-size:var(--fs-title);letter-spacing:.2px;text-align:center;margin:0;font-weight:800}.title-admin{font-size:var(--fs-title);letter-spacing:.2px;margin:0;font-weight:800}.desc{color:var(--muted);font-size:var(--fs-body);text-align:center;margin:8px 0 18px}.desc-admin{color:var(--muted);font-size:var(--fs-body);margin:8px 0 18px}.form{gap:10px;display:grid}.input{height:var(--h-touch);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;outline:none;padding:0 14px;font-size:16px}.input:focus{border-color:var(--focus);box-shadow:0 0 0 3px #2563eb2e}.input--sm{height:var(--h-sm);border-radius:10px;font-size:14px}.btn{height:var(--h-touch);border-radius:var(--radius);color:#fff;cursor:pointer;background:#1f2937;border:1px solid #1f2937;padding:0 16px;font-size:16px;font-weight:700}.btn-admin{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:10px;width:100%;height:auto;padding:10px 16px;font-size:14px;font-weight:500}@media (max-width:860px){.btn-admin{grid-column:span 3}}@media (max-width:600px){.btn-admin{grid-column:span 1}}.btn:active{transform:scale(.99)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn--outline{color:var(--text);border-color:var(--border);background:#fff}.btn--sm{height:var(--h-sm);border-radius:10px;padding:0 12px;font-size:14px}.btn--primary{background:var(--focus);border-color:var(--focus);color:#fff}.row{gap:10px;display:grid}@media (min-width:640px){.row{grid-template-columns:1fr auto}}.gridList{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.pill{height:var(--h-touch,48px);border:1px solid var(--border,#e5e7eb);color:var(--text,#111827);cursor:pointer;white-space:normal;word-break:break-word;overflow-wrap:anywhere;background:#fff;border-radius:9999px;flex:0 auto;justify-content:center;align-items:center;width:auto;max-width:100%;padding:10px 16px;font-size:15px;font-weight:700;display:inline-flex}.pill:active{transform:scale(.98)}.pill:hover{cursor:pointer}.msg{text-align:center;margin-top:8px;font-weight:700}.msg.ok{color:var(--ok)}.msg.err{color:var(--err)}.overlay{z-index:50;background:radial-gradient(1200px 600px at 50% -10%,#e0f2fe 0%,#fff 50% 100%);place-items:center;display:grid;position:fixed;inset:0}.unlockWrap{text-align:center}.unlockTitle{color:var(--ok);font-size:clamp(44px,9vw,100px);font-weight:900}.unlockSub{color:#374151;margin-top:8px;font-size:clamp(16px,3vw,22px)}.errorTitle{color:var(--err);text-align:center;font-size:clamp(44px,9vw,100px);font-weight:900}.retryBtn{height:var(--h-sm);border:1px solid var(--border);background:#fff;border-radius:9999px;margin-top:10px;padding:0 14px;font-size:14px}.pinDisplay{letter-spacing:.2em;background:#fff;border:1px solid #000;border-radius:12px;place-items:center;height:56px;font-size:22px;display:grid}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.key{background:#fff;border:1px solid #000;border-radius:12px;height:56px;font-size:18px;font-weight:700}.key:active{transform:scale(.98)}.keyWide{grid-column:span 3}.keyDanger{color:var(--err);border-color:var(--err);background:#fff5f5}.keyPrimary{background:var(--focus);color:#fff;border-color:var(--focus)}.descDanger{color:#dc2626;text-align:center;margin:6px 0 16px;font-size:clamp(14px,2vw,16px);font-weight:600}.adminHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.adminTitle{letter-spacing:.2px;margin:0;font-size:clamp(20px,2.6vw,24px);font-weight:800}.adminToolbar{flex-wrap:wrap;gap:8px;display:flex}.adminToolbar .btn{border-radius:10px;height:36px;padding:0 12px;font-size:14px}.adminSection{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.adminForm{grid-template-columns:1fr 1fr 1fr auto;gap:10px;display:grid}@media (max-width:860px){.adminForm{grid-template-columns:1fr 1fr auto}}@media (max-width:600px){.adminForm{grid-template-columns:1fr}}.adminInput{border-radius:10px;height:40px;font-size:14px}.adminList{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.adminChip{border:1px solid var(--border);color:var(--text);white-space:normal;word-break:break-word;overflow-wrap:anywhere;background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:auto;max-width:100%;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.adminHint{color:var(--muted);margin:4px 0 0;font-size:13px}.kv{gap:6px;margin:8px 0 0;display:grid}.kvRow{align-items:center;gap:8px;display:flex}.kvKey{color:var(--muted);min-width:72px;font-size:14px}.kvVal{font-size:14px;font-weight:700}.kvPwd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}