:root{--blue:#1658c7;--blue2:#0f4ebc;--bg:#eef3ff;--text:#15366d;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--text);background:var(--bg);min-height:100vh}.topbar,.bottombar{position:fixed;left:0;right:0;background:var(--blue);color:white;z-index:20;display:flex;align-items:center;justify-content:center}.topbar{top:0;height:66px;font-size:27px;font-weight:700}.bottombar{bottom:0;height:50px;overflow:hidden}.ticker{white-space:nowrap;font-weight:700}.page{min-height:100vh;padding:92px 16px 72px;display:flex;justify-content:center;align-items:flex-start}.card{width:min(760px,100%);background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.09)}h1,h2,h3{text-align:center}.menu{display:grid;gap:16px}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:13px 18px;background:var(--blue);color:#fff;border:0;border-radius:13px;text-decoration:none;font-size:18px;font-weight:700;cursor:pointer}.btn:hover{background:var(--blue2)}.btn.secondary{background:#667085}.btn.success{background:#087443}.btn.danger{background:#b42318}.field{margin:14px 0}.field label{display:block;font-weight:700;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid #b9c4db;border-radius:10px;font-size:17px}.notice{padding:14px;border-radius:12px;background:#eef4ff;margin:14px 0}.error{background:#fee4e2;color:var(--danger)}.ok{background:#dcfae6;color:var(--ok)}.avatar{width:110px;height:110px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:#dbe7ff;font-size:58px;animation:bob 1.8s ease-in-out infinite}.camera{position:fixed;right:12px;top:80px;width:150px;border-radius:12px;border:3px solid white;background:#111;z-index:30}.locked{opacity:.45;pointer-events:none}.question{padding:15px;border:1px solid #d0d5dd;border-radius:12px;margin:12px 0}.grid{display:grid;gap:12px}.small{font-size:14px;color:#667085}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{border:1px solid #ddd;padding:8px;text-align:left}@keyframes bob{50%{transform:translateY(-7px)}}@media(max-width:640px){.card{padding:18px}.topbar{font-size:22px}.btn{font-size:17px}.camera{width:110px}}
