:root{--bg: #f4f6fa;--bg-glow-a: rgba(59, 91, 255, .12);--bg-glow-b: rgba(124, 92, 255, .08);--surface: #ffffff;--surface-elevated: #ffffff;--surface-admin-hero: #eef0f8;--text: #0f172a;--text-muted: #64748b;--text-accent: #4c51a8;--blue: #3b5bff;--blue-hover: #2f4ae6;--blue-soft: #eef1ff;--border: rgba(15, 23, 42, .1);--green: #16a34a;--green-soft: #dcfce7;--red: #ef4444;--red-soft: #fee2e2;--amber: #f59e0b;--amber-soft: #fef3c7;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-pill: 999px;--page-pad-x: clamp(16px, 4vw, 32px);--chrome-max: 1120px;--touch-min: 44px;--shadow: 0 8px 32px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 48px rgba(15, 23, 42, .12);--focus-ring: 0 0 0 3px rgba(59, 91, 255, .28);--font: "Inter", system-ui, -apple-system, sans-serif;color-scheme:light}[data-theme=dark]{--bg: #070a10;--bg-glow-a: rgba(59, 91, 255, .22);--bg-glow-b: rgba(120, 80, 220, .16);--surface: #12151c;--surface-elevated: #1a1d26;--surface-admin-hero: #141820;--text: #f5f7fb;--text-muted: #9aa3b2;--text-accent: #c4c8f0;--blue: #3b5bff;--blue-hover: #4d6bff;--blue-soft: rgba(59, 91, 255, .18);--border: rgba(255, 255, 255, .08);--green: #22c55e;--green-soft: rgba(34, 197, 94, .18);--red: #ef4444;--red-soft: rgba(239, 68, 68, .2);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .18);--shadow: 0 8px 32px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .55);--focus-ring: 0 0 0 3px rgba(59, 91, 255, .35);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(ellipse 70% 55% at 0% 0%,var(--bg-glow-a),transparent 55%),radial-gradient(ellipse 60% 45% at 100% 10%,var(--bg-glow-b),transparent 50%),radial-gradient(ellipse 50% 40% at 80% 100%,var(--bg-glow-a),transparent 45%),var(--bg);background-attachment:fixed}#app{min-height:100dvh}a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--blue-hover)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.muted{color:var(--text-muted)}.brand-mark{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;letter-spacing:-.03em;color:var(--text);text-decoration:none}.brand-mark:hover{color:var(--text)}.brand-mark__glyph{width:1.15rem;height:1.15rem;border-radius:.28rem;background:var(--blue);display:grid;place-items:center;flex-shrink:0}.brand-mark__glyph svg{width:.7rem;height:.7rem;display:block}.btn-primary,.btn-secondary,.btn-danger,.btn-warning,.btn-ghost,.btn-link-like,.btn-logout,.btn-camera-scan{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--touch-min);padding:0 1.15rem;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s,color .18s,opacity .18s}.btn-primary:disabled,.btn-camera-scan:disabled{opacity:.45;cursor:not-allowed}.btn-primary,.btn-logout{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled),.btn-logout:hover{background:var(--blue-hover);color:#fff}.btn-secondary,.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-secondary:hover,.btn-ghost:hover{border-color:color-mix(in srgb,var(--text) 35%,transparent)}.btn-danger{background:var(--red);color:#fff}.btn-warning{background:var(--amber);color:#0f172a}.btn-link-like{background:transparent;color:var(--blue);min-height:auto;padding:.25rem 0;border-radius:0;font-weight:500}.btn-small{min-height:2.35rem;padding:0 .9rem;font-size:.85rem}.btn-theme-toggle,.btn-icon{min-width:var(--touch-min);min-height:var(--touch-min);padding:0;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-elevated);color:var(--text);cursor:pointer}.btn-camera-scan{width:100%;background:var(--blue);color:#fff;border-radius:var(--radius-pill)}.btn-camera-scan:hover:not(:disabled){background:var(--blue-hover)}.input-std,.field input,.field select,.field textarea{width:100%;min-height:var(--touch-min);padding:0 .95rem;border:1px solid var(--border);border-radius:var(--radius);font:inherit;color:var(--text);background:var(--surface-elevated)}.field textarea{min-height:5rem;padding:.75rem .95rem;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.input-std:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--blue)}.app-login-label,.field label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.field{display:grid}.form{display:grid;gap:1rem}.password-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.alert{padding:.75rem .9rem;border-radius:var(--radius-sm);font-size:.92rem}.alert-error{background:var(--red-soft);color:var(--red)}.alert-ok{background:var(--green-soft);color:var(--green)}.alert-info{background:var(--blue-soft);color:var(--blue)}.alert-warning{background:var(--amber-soft);color:var(--amber)}.chip,.user-role-badge,.status-indicator,.scan-count-badge,.badge-checked-in,.badge-signed-out,.badge-admin{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;padding:.28rem .65rem;border-radius:var(--radius-pill)}.chip,.user-role-badge{background:var(--blue-soft);color:var(--blue)}.badge-admin{background:var(--blue);color:#fff;letter-spacing:.04em;text-transform:uppercase;font-size:.65rem}.badge-checked-in{background:var(--blue-soft);color:var(--blue)}.badge-signed-out{background:var(--red-soft);color:var(--red)}.status-indicator[data-online=true]{background:var(--green-soft);color:var(--green)}.status-indicator[data-online=false]{background:var(--amber-soft);color:var(--amber)}.status-dot{width:.45rem;height:.45rem;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;padding:.35rem .75rem;border-radius:var(--radius-pill);background:var(--green-soft);color:var(--green)}.status-pill[data-ok=false]{background:var(--red-soft);color:var(--red)}.toast-container{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%);z-index:5000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;width:min(92vw,22rem)}.toast{background:#0f172a;color:#fff;padding:.75rem 1rem;border-radius:var(--radius-pill);font-size:.9rem;font-weight:600;text-align:center;box-shadow:var(--shadow-lg)}[data-theme=dark] .toast{background:#f1f5f9;color:#0f172a}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding:calc(.85rem + env(safe-area-inset-top)) var(--page-pad-x) 2rem}.app-chrome{width:min(100%,var(--chrome-max));margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.45rem .55rem .45rem 1rem;background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-chrome__nav{display:flex;align-items:center;gap:.15rem;flex:1 1 auto;justify-content:center;flex-wrap:wrap}.nav-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:var(--font);font-size:.9rem;font-weight:500;min-height:2.4rem;padding:0 .85rem;border-radius:var(--radius-pill);cursor:pointer}.nav-tab.is-active,.nav-tab[aria-selected=true]{color:var(--text);border-color:color-mix(in srgb,var(--text) 55%,transparent)}.school-select-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:2.35rem;padding:0 .85rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;color:var(--text-muted);font:inherit;font-size:.82rem;font-weight:500;max-width:11rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.app-chrome__actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.app-main{width:min(100%,var(--chrome-max));margin:0 auto;flex:1}.panel,.scan-card,.stat-card,.landing-feature-card,.class-picker-card,.admin-hub-card,.recent-scan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel,.scan-card,.landing-feature-card,.class-picker-card,.admin-hub-card{padding:1.15rem 1.25rem}.page-title{margin:0;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:500;letter-spacing:-.03em;color:var(--text)}.page-sub{margin:.35rem 0 0;color:var(--text-muted);font-size:.95rem}.page-title--accent{color:var(--text-accent)}.section-label{margin:0 0 .75rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.gate-layout{display:grid;gap:1.25rem}@media(min-width:1024px){.gate-layout{grid-template-columns:1.15fr .85fr;align-items:start}}.gate-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.gate-head__meta{display:flex;flex-wrap:wrap;gap:.5rem}.scan-pulse{width:8.5rem;height:8.5rem;margin:1.25rem auto 1.5rem;border-radius:50%;display:grid;place-items:center;font-size:.95rem;font-weight:600;color:var(--text);background:transparent;border:2px solid color-mix(in srgb,var(--text) 55%,transparent)}.scan-pulse[data-state=success]{border-color:var(--green);color:var(--green)}.scan-pulse[data-state=error]{border-color:var(--red);color:var(--red)}.scan-pulse[data-state=warning]{border-color:var(--amber);color:var(--amber)}.scan-actions{display:grid;gap:.75rem}.scan-hint{margin:.35rem 0 0;text-align:center;font-size:.82rem;color:var(--text-muted)}.recent-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.recent-head h2{margin:0;font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:.45rem}.scan-count-badge{background:var(--blue-soft);color:var(--blue);min-width:1.4rem;justify-content:center}.recent-list{display:grid;gap:.65rem}.recent-scan-card{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.85rem 1rem}.avatar-initials{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:800;background:var(--blue-soft);color:var(--blue)}.recent-scan-card__name{font-weight:600;margin-top:.15rem}.recent-scan-card__time{color:var(--text-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.class-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin-top:1.25rem}@media(min-width:600px){.class-grid{grid-template-columns:repeat(2,1fr)}}.class-picker-card{cursor:pointer;transition:border-color .18s,transform .12s;text-align:left;width:100%;font:inherit;color:inherit}.class-picker-card:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--border))}.class-picker-card__icon{font-size:1.35rem;margin-bottom:.5rem}.class-picker-card h3{margin:0 0 .45rem;font-size:1.05rem;font-weight:700}.class-picker-card p{margin:.55rem 0 0;color:var(--text-muted);font-size:.9rem}.admin-hero{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.35rem;background:var(--surface-admin-hero);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem}.admin-hero h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:500;color:var(--text-accent)}.admin-hub-section{margin-bottom:1.5rem}.admin-hub-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:600px){.admin-hub-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.admin-hub-grid{grid-template-columns:repeat(3,1fr)}}.admin-hub-card{text-align:left;cursor:pointer;color:inherit;font:inherit;width:100%;transition:border-color .18s}.admin-hub-card:hover{border-color:color-mix(in srgb,var(--text-accent) 40%,var(--border))}.admin-hub-card__icon{color:var(--text-accent);margin-bottom:.55rem;display:block}.admin-hub-card__icon svg{width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:1.75}.admin-hub-card h3{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:var(--text)}.admin-hub-card p{margin:0;font-size:.88rem;color:var(--text-muted)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:700px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:1rem 1.1rem}.stat-card__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.stat-card__value{margin-top:.25rem;font-size:1.65rem;font-weight:800}.stat-card--primary .stat-card__value{color:var(--blue)}.stat-card--warning .stat-card__value{color:var(--amber)}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:1.5rem var(--page-pad-x)}.auth-card{width:100%;max-width:26rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.5rem}.auth-card h1{margin:0 0 .35rem;font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.auth-lead{margin:0 0 1.2rem;color:var(--text-muted);font-size:.95rem}.auth-brand{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;color:var(--text);text-decoration:none}.form-footer{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;font-size:.9rem}.page{min-height:100dvh;display:flex;flex-direction:column}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem var(--page-pad-x);padding-top:calc(.85rem + env(safe-area-inset-top));position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.landing-header__nav{display:none;gap:1.25rem;font-size:.9rem;font-weight:500}.landing-header__nav a{color:var(--text-muted);text-decoration:none}.landing-header__nav a:hover{color:var(--text)}.landing-header__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.landing-hero{padding:2.75rem var(--page-pad-x) 3rem}.landing-kicker{margin:0 0 .75rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.landing-hero h1{margin:0 0 .75rem;font-size:clamp(1.9rem,5.5vw,3.1rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;max-width:18ch}.landing-hero h1 em{font-style:normal;color:var(--text-accent)}.landing-sub{margin:0 0 1.5rem;max-width:36rem;color:var(--text-muted);font-size:1.05rem}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.trust-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:.88rem;font-weight:500}.stats-band{display:grid;grid-template-columns:1fr;gap:1rem;padding:1.75rem var(--page-pad-x);background:var(--surface);border-block:1px solid var(--border)}.stats-band strong{display:block;font-size:1.3rem;font-weight:800}.stats-band span{color:var(--text-muted);font-size:.9rem}.landing-section{padding:2.5rem var(--page-pad-x);max-width:72rem;margin:0 auto;width:100%}.landing-section h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.landing-section>.muted{margin:0 0 1.5rem;max-width:36rem}.feature-grid{display:grid;grid-template-columns:1fr;gap:.85rem}.landing-feature-card h3{margin:0 0 .35rem;font-size:1rem;font-weight:700}.landing-feature-card p{margin:0;color:var(--text-muted);font-size:.92rem}.flow-steps{display:grid;gap:.85rem;margin:0;padding:0;list-style:none;counter-reset:step}.flow-steps li{counter-increment:step;display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.flow-steps li:before{content:counter(step);width:2rem;height:2rem;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--blue);color:#fff;font-weight:800;font-size:.85rem}.cta-band{margin:1rem var(--page-pad-x) 2rem;padding:2rem 1.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--blue),#2a3fb8);color:#fff;text-align:center}.cta-band h2{margin:0 0 .5rem;font-size:1.45rem;font-weight:700}.cta-band p{margin:0 0 1.25rem;opacity:.92}.cta-band .btn-primary{background:#fff;color:#1e2a8a}.landing-footer{padding:2rem var(--page-pad-x);border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.landing-footer strong{color:var(--text)}@media(min-width:768px){.landing-header__nav{display:flex}.stats-band,.feature-grid,.flow-steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:599px){.landing-header__actions .btn-secondary{display:none}.cta-row .btn-primary,.cta-row .btn-secondary,.form .btn-primary,.app-chrome{border-radius:var(--radius-lg)}.app-chrome__nav{order:3;width:100%;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}