:root{color-scheme:light;font-family:Inter,IBM Plex Sans Arabic,system-ui,sans-serif;background:#f8fafc;color:#0f172a;--bg:#f8fafc;--surface:#ffffff;--text:#0f172a;--muted:#6b7280;--border:#e5e7eb;--brand:#2563eb;--brand-dark:#0f172a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--accent:#06b6d4;--shadow-soft:0 12px 28px rgba(15,23,42,0.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}body,main{min-height:100vh}main{display:flex;align-items:center;justify-content:center;padding:1rem}.phone-card{width:min(460px,100%);border-radius:18px;padding:1.5rem;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);display:grid;grid-gap:1rem;gap:1rem}.tag{display:inline-flex;margin-bottom:1rem;padding:.35rem .7rem;border-radius:999px;background:var(--brand-dark);color:#fff;font-size:.875rem}h1{margin:0 0 .75rem;font-size:clamp(1.75rem,8vw,2.4rem)}.muted,p{margin:0;line-height:1.7}.muted{color:var(--muted)}.eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;margin:0 0 .8rem;padding:.35rem .75rem;border-radius:999px;background:rgba(37,99,235,.1);color:var(--brand);font-size:.85rem;font-weight:700}.hero-block{display:grid;grid-gap:.35rem;gap:.35rem}.stack{display:grid;grid-gap:1rem;gap:1rem}.field{display:grid;grid-gap:.45rem;gap:.45rem}.field span,.small-text,small{color:var(--muted);font-size:.92rem}button,input,select,textarea{font:inherit}.language-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;background:#ffffff}.language-toggle.compact{padding-inline:6px}.language-toggle-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--brand-dark)}.locale-button{min-width:40px;min-height:32px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:800}.locale-button.active{background:var(--brand);color:#ffffff}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:18px;background:#fff;color:var(--text);min-height:54px;padding:0 1rem}.ghost-button,.primary-button{min-height:54px;border-radius:18px;padding:0 1rem;border:1px solid transparent}.primary-button{background:var(--brand);color:#fff}.ghost-button{background:#ffffff;border-color:var(--border);color:var(--brand-dark)}.alert{padding:.85rem 1rem;border-radius:18px;border:1px solid transparent}.alert.error{color:var(--danger);background:rgba(180,35,24,.08);border-color:rgba(180,35,24,.18)}.alert.success{color:var(--success);background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.18)}.status-panel{display:grid;grid-gap:.25rem;gap:.25rem;padding:1rem;border-radius:18px;background:rgba(37,99,235,.08)}.status-panel.pending{background:rgba(154,103,0,.08)}.status-panel.approved{background:rgba(16,185,129,.1)}.status-panel.subtle{background:rgba(24,34,38,.04)}.home-grid,.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.hero-status-card,.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-status-card{display:grid;grid-gap:.75rem;gap:.75rem;padding:1rem;border-radius:18px;background:#0f172a;color:#fff}.hero-status-card div{display:grid;grid-gap:.2rem;gap:.2rem}.hero-status-card small{color:rgba(255,255,255,.75)}.home-item,.info-grid div{display:grid;grid-gap:.2rem;gap:.2rem;padding:.9rem;border-radius:16px;background:rgba(24,34,38,.04)}.coming-soon{border-radius:18px;padding:1rem;background:rgba(24,34,38,.04)}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.qr-link-button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none}.qr-phone-card{width:min(520px,100%)}.scanner-card{display:grid;grid-gap:.9rem;gap:.9rem}.scanner-video{width:100%;min-height:260px;border-radius:24px;border:1px solid var(--border);background:#f8fafc;object-fit:cover}.result-panel{display:grid;grid-gap:.9rem;gap:.9rem;padding:1rem;border-radius:20px;background:rgba(16,185,129,.08)}.result-panel h2{margin:0}.qr-back-link{display:inline-flex;justify-content:center;text-decoration:none}.attendance-card{width:min(560px,100%)}.today-timeline{display:grid;grid-gap:.75rem;gap:.75rem}.today-timeline h3{margin:0}.timeline-list{display:grid;grid-gap:.75rem;gap:.75rem}.timeline-item{display:grid;grid-gap:.15rem;gap:.15rem;padding:.9rem;border-radius:16px;background:rgba(24,34,38,.04)}.mini-session-list{display:grid;grid-gap:.7rem;gap:.7rem}.mini-session-item{display:grid;grid-gap:.2rem;gap:.2rem;padding:.9rem;border-radius:16px;background:rgba(255,255,255,.72);color:var(--text);text-decoration:none}@media (max-width:420px){.phone-card{padding:1.15rem}.action-row,.hero-status-card,.home-grid,.info-grid,.quick-links{grid-template-columns:1fr}}