html,body{min-width:320px;margin:0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#f8fbff;--surface:#fff;--surface-soft:#f1f5f9;--surface-raised:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#dbeafe;--success-bg:#eff6ff;--success-line:#bfdbfe;--danger-bg:#fef2f2;--danger-line:#fecaca;--radius:16px;--shadow:0 -4px 24px #0000000a}@media (prefers-color-scheme:dark){:root{--bg:#020617;--surface:#0f172a;--surface-soft:#1e293b;--surface-raised:#111c31;--text:#f8fafc;--muted:#94a3b8;--line:#334155;--primary:#3b82f6;--primary-strong:#60a5fa;--primary-soft:#1e3a8a;--success-bg:#082f49;--success-line:#0284c7;--danger-bg:#450a0a;--danger-line:#991b1b;--shadow:0 -4px 24px #0003}}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{display:block}.app{background:var(--surface);width:100%;max-width:none;height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 40px #0000000d}.screen{z-index:1;background:var(--surface);opacity:0;pointer-events:none;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s;display:flex;position:absolute;inset:0;overflow:hidden;transform:translate(20%)}.screen.active{z-index:2;opacity:1;pointer-events:auto;transform:translate(0)}.app-header{z-index:10;padding:calc(env(safe-area-inset-top) + 16px) 20px 16px;border-bottom:1px solid var(--line);background:var(--surface);align-items:center;display:flex}.back-btn{border:1.5px solid var(--line);background:var(--surface-soft);width:auto;min-width:80px;min-height:44px;color:var(--primary);border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:1rem;font-weight:600;display:flex}.app-header h2{color:var(--text);text-align:center;flex:1;margin:0;font-size:1.1rem;font-weight:600;transform:translate(-14px)}.screen-content{scrollbar-width:thin;flex:1;padding:24px 20px 108px;overflow-y:auto}#adminPanel .screen-content{padding:24px 20px}.home-screen .screen-content{height:100%;padding:calc(env(safe-area-inset-top) + 28px) 20px calc(env(safe-area-inset-bottom) + 22px);text-align:center;flex-direction:column;justify-content:flex-start;display:flex}.home-intro{flex-direction:column;align-items:center;padding-top:clamp(8px,4dvh,44px);display:flex}.badge{background:var(--primary-soft);color:var(--primary-strong);letter-spacing:.06em;text-transform:uppercase;border-radius:99px;align-self:center;margin-bottom:18px;padding:6px 11px;font-size:.72rem;font-weight:700;display:inline-flex}h1{color:var(--text);margin-bottom:10px;font-size:clamp(2rem,8vw,2.55rem);line-height:1.05}h2,h3{color:var(--text)}.subtitle{max-width:32rem;color:var(--muted);margin:0 auto 24px;font-size:1rem;line-height:1.5}.form-group,.field{flex-direction:column;display:flex}.form-group{gap:20px}.field{gap:8px}.field label{color:var(--text);padding-left:4px;font-size:.9rem;font-weight:600}input,select,textarea{border:1.5px solid var(--line);background:var(--surface-soft);width:100%;min-height:54px;color:var(--text);appearance:none;border-radius:14px;padding:0 16px;font-size:16px;transition:all .2s}textarea{resize:vertical;min-height:120px;padding:14px 16px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-soft);outline:none}.action-bar{z-index:10;padding:14px 18px calc(env(safe-area-inset-bottom) + 14px);border-top:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);position:absolute;bottom:0;left:0;right:0}.home-actions{flex-direction:column;gap:10px;width:100%;max-width:430px;margin-top:auto;margin-left:auto;margin-right:auto;padding-top:28px;display:flex}.phone-wrap{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);align-items:center;min-height:56px;transition:all .2s;display:flex;overflow:hidden}.phone-wrap:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-soft)}.phone-prefix{border-right:1px solid var(--line);min-width:58px;height:100%;color:var(--muted);justify-content:center;align-items:center;padding:0 14px;font-size:16px;font-weight:700;display:flex}.phone-input,.phone-input:focus{min-height:56px;box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;flex:1}button{cursor:pointer;border:none;border-radius:14px;width:100%;min-height:54px;font-size:1rem;font-weight:700;transition:transform .1s,opacity .2s}button:active{transform:scale(.97)}button:disabled{opacity:.6;pointer-events:none}.home-logo{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:22px;width:92px;height:92px;margin:0 auto 18px;padding:9px;display:block;box-shadow:0 14px 36px #0f172a1f}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 12px 28px #2563eb3d}.btn-secondary{border:1px solid var(--line);background:var(--surface-raised);color:var(--text)}.btn-danger{color:#fff;background:#dc2626}.link-btn{min-height:46px;color:var(--primary-strong);box-shadow:none;background:0 0;border:none}.result{border-radius:var(--radius);white-space:pre-wrap;margin-top:16px;padding:16px;font-size:.95rem;line-height:1.5}.result.show{animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result.error{border:1px solid var(--danger-line);background:var(--danger-bg);color:#b91c1c}.result.success{border:1px solid var(--success-line);background:var(--success-bg);color:var(--primary-strong)}.success-content{flex-direction:column;justify-content:center;height:100%;display:flex}.center-copy{text-align:center}.center-copy h2{margin-bottom:8px;font-size:1.8rem}.success-box{border-radius:var(--radius);background:var(--primary-soft);text-align:center;margin-top:24px;padding:32px 20px}.success-name{color:var(--text);font-weight:600}.success-id{color:var(--primary-strong);letter-spacing:.05em;margin-top:12px;font-size:2rem;font-weight:800}.save-note{color:var(--muted);text-align:center;margin-top:24px;font-size:.9rem}.admin-shell,.admin-section{flex-direction:column;display:flex}.admin-shell{gap:34px}.admin-section{gap:18px}.admin-section-header{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.section-kicker{color:var(--primary-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.72rem;font-weight:800;display:inline-flex}.admin-section-header h3{margin-bottom:4px;font-size:1.35rem}.admin-section-header p,.admin-card-text{color:var(--muted);font-size:.95rem;line-height:1.5}.admin-grid{grid-template-columns:1fr;gap:22px;display:grid}.admin-card{border:1px solid var(--line);background:linear-gradient(180deg, #3b82f614, #3b82f600 42%), var(--surface);border-radius:8px;flex-direction:column;gap:24px;min-height:330px;padding:26px;display:flex;box-shadow:0 16px 42px #0f172a14}.admin-card h3{margin:0;font-size:1.08rem}.admin-card-heading{grid-template-columns:48px 1fr;align-items:flex-start;gap:16px;display:grid}.card-visual,.stat-visual{background:var(--primary-soft);color:var(--primary-strong);border:1px solid #2563eb47;flex:none;place-items:center;font-weight:900;display:grid}.card-visual{border-radius:8px;width:48px;height:48px;font-size:1rem}.card-visual.danger{background:var(--danger-bg);color:#ef4444;border-color:#dc262659}.admin-data-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);white-space:pre-wrap;max-height:260px;margin-top:8px;padding:16px;font-size:.95rem;line-height:1.55;overflow:auto}.row-two,.admin-stats-grid,.chart-grid{grid-template-columns:1fr;gap:16px;display:grid}.chart-grid{gap:18px}.admin-stat-box{border:1px solid var(--line);background:radial-gradient(circle at top right, #3b82f638, transparent 34%), linear-gradient(180deg, var(--surface), var(--surface-soft));border-radius:8px;flex-direction:column;justify-content:center;min-height:110px;padding:22px;display:flex;position:relative;overflow:hidden}.stat-visual{opacity:.9;border-radius:50%;width:42px;height:42px;position:absolute;top:16px;right:16px}.admin-stat-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:.85rem}.admin-stat-value{font-size:2rem;font-weight:800;line-height:1}.chart-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;min-height:260px;padding:20px;box-shadow:0 14px 36px #0f172a12}.chart-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.chart-card strong{font-size:.95rem}.chart-card-header span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.bar-chart{flex-direction:column;justify-content:center;gap:12px;min-height:204px;display:flex}.bar-row{color:var(--muted);grid-template-columns:minmax(110px,.8fr) minmax(120px,1.4fr) 38px;align-items:center;gap:12px;font-size:.86rem;display:grid}.bar-row span{overflow-wrap:anywhere}.bar-row b{color:var(--text);text-align:right}.bar-track{background:var(--surface);border-radius:999px;height:12px;overflow:hidden}.bar-track div{background:var(--primary);border-radius:999px;height:100%}.donut-wrap{grid-template-columns:150px 1fr;align-items:center;gap:18px;min-height:204px;display:grid}.donut{border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative}.donut:after{background:var(--surface-soft);content:"";border-radius:50%;position:absolute;inset:38px}.donut.pie:after{display:none}.donut span{z-index:1;color:var(--text);font-size:1.4rem;font-weight:800;position:relative}.legend-list{flex-direction:column;gap:8px;display:flex}.legend-list div{color:var(--muted);justify-content:space-between;gap:10px;font-size:.9rem;display:flex}.legend-list b{color:var(--text)}.empty-chart{min-height:204px;color:var(--muted);place-items:center;display:grid}.modal-backdrop{z-index:999;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;width:min(100%,400px);padding:20px;box-shadow:0 24px 80px #0000003d}.modal-card h3{margin-bottom:10px}.modal-actions{gap:10px;margin-top:15px;display:flex}@media (width>=768px){.row-two,.admin-grid{grid-template-columns:1fr 1fr}.admin-stats-grid{grid-template-columns:repeat(3,1fr)}body{justify-content:center;align-items:center;display:flex}.app{border:1px solid var(--line);border-radius:24px;max-width:1100px;height:min(92dvh,860px);max-height:900px}.app-adminPanel{border:none;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none}.app-home{max-width:980px;height:min(82dvh,680px)}.app-register,.app-checkin,.app-recover,.app-success,.app-adminLogin{max-width:760px;height:min(88dvh,780px)}#adminPanel .screen-content{padding:28px clamp(28px,4vw,64px)}}@media (width>=900px){.home-screen .screen-content{text-align:left;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:center;gap:56px;padding:56px 64px;display:grid}.home-intro{align-items:flex-start;padding-top:0}.home-intro .badge{align-self:flex-start}.home-intro .subtitle{margin-left:0;margin-right:0}.home-logo{width:112px;height:112px;margin-left:0;margin-right:0}h1{max-width:9em;font-size:3.35rem}.home-actions{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;max-width:none;margin:0;padding:26px;box-shadow:0 18px 55px #0f172a14}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){#adminPanel .row-two{grid-template-columns:1fr 1fr}#adminPanel .admin-shell{max-width:1240px;margin:0 auto}#adminPanel .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1280px){#adminPanel .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#adminPanel .chart-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1500px){#adminPanel .admin-shell{max-width:1380px}}@media (width<=520px){body{padding:0;display:block}.app{border:none;border-radius:0;max-width:none}.app-header{padding-left:14px;padding-right:14px}.back-btn{min-width:72px;padding:0 12px}.screen-content{padding-left:16px;padding-right:16px}#adminPanel .screen-content{padding-left:14px;padding-right:14px}h1{font-size:2.15rem}.home-screen .screen-content{padding-left:16px;padding-right:16px}.home-intro{padding-top:clamp(4px,5dvh,34px)}.home-logo{border-radius:20px;width:86px;height:86px}.admin-card{min-height:auto;padding:18px}.admin-card-heading{grid-template-columns:42px 1fr;gap:12px}.card-visual{width:42px;height:42px}.admin-section-header h3{font-size:1.2rem}.donut-wrap{grid-template-columns:1fr;justify-items:center}.legend-list{width:100%}.bar-row{grid-template-columns:1fr}.bar-row b{text-align:left}}