:root{color-scheme:light dark;--green: #16a34a;--green-bg: #dcfce7;--red: #dc2626;--red-bg: #fee2e2;--amber: #b45309;--amber-bg: #fef3c7;--blue: #1d4ed8;--blue-bg: #dbeafe;--gray: #6b7280;--gray-bg: #f3f4f6;--purple: #7c3aed;--border: #e5e7eb;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#edf5f4;color:#111827}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{display:flex;flex-direction:column;gap:12px;width:280px}.login-card h1{margin:0 0 8px;font-size:1.4rem;text-align:center}.error{color:var(--red);font-size:.9rem;margin:0}.google-signin-btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:12px;height:40px;padding:0 12px;background:#fff;border:1px solid #747775;border-radius:4px;color:#1f1f1f;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s,box-shadow .2s}.google-signin-btn:hover{background:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.app{max-width:900px;margin:0 auto;padding:0 16px 64px}.kiosk-banner{display:block;width:100%;max-width:640px;height:auto;border-radius:12px;margin:0 auto -80px;position:relative;z-index:0}.empty-state{color:var(--gray);text-align:center;margin-top:40px}.student-email{font-size:.8rem;color:var(--gray)}.badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.badge{font-size:.85rem;line-height:1;padding:8px 11px;border-radius:999px;white-space:nowrap}.badge-green{background:var(--green-bg);color:var(--green)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-gray{background:var(--gray-bg);color:var(--gray)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-prominent{font-weight:700;color:#fff}.badge-prominent.badge-green{background:var(--green)}.badge-prominent.badge-amber{background:var(--amber)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.dialog-card{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.dialog-card h2{margin:0;font-size:1.1rem}.dialog-description{margin:0;font-size:.85rem;color:var(--gray)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.note-dialog{max-width:480px}.note-section-label{font-size:.8rem;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.02em}.note-section-text{margin:4px 0 0;white-space:pre-wrap}.student-page-header{margin-bottom:20px}.student-page-header h1{font-size:1.6rem;margin:0 0 4px}.student-page-header .student-email{font-size:.9rem}.student-page-header .badges{margin-top:10px}.student-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.stat{flex:1;min-width:160px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px}.stat-label{font-size:.75rem;color:var(--gray);margin-bottom:4px}.stat-value{font-size:1.25rem;font-weight:600}.level-badge-shape{display:inline-flex;align-items:center;justify-content:center;width:1.225rem;height:1.225rem;color:#fff;font-size:.85rem;font-weight:700;line-height:1}.level-badge-square{border-radius:4px;background:var(--blue)}.level-badge-circle{border-radius:50%;background:var(--purple)}.level-badge-unset{background:var(--gray)}.timeline-heading{font-size:1.1rem;margin:0 0 12px}.timeline{display:flex;flex-direction:column;gap:2px}.timeline-event{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border:1px solid var(--border);border-radius:8px}.timeline-dot{width:10px;height:10px;min-width:10px;border-radius:999px}.timeline-dot-membership_started{background:var(--green)}.timeline-dot-membership_status{background:var(--gray)}.timeline-dot-payment{background:var(--blue)}.timeline-dot-credit_granted{background:var(--green)}.timeline-dot-checkin{background:var(--amber)}.timeline-dot-levelup{background:var(--purple)}.timeline-dot-note{background:var(--blue)}.timeline-content{display:flex;align-items:baseline;justify-content:space-between;flex:1;flex-wrap:wrap;gap:4px 12px}.timeline-label{font-weight:600;font-size:.9rem}.timeline-note-link{background:none;border:none;padding:0;margin:0;font-size:.9rem;font-family:inherit;color:inherit;text-align:left;cursor:pointer}.timeline-note-link:hover{text-decoration:underline}.timeline-date{font-size:.8rem;color:var(--gray)}.nav-menu{position:relative;display:inline-block;z-index:20}.page-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.nav-menu-trigger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;box-shadow:0 1px 3px #0000001a}.nav-menu-trigger span{display:block;width:18px;height:2px;background:#111827;border-radius:1px}.nav-menu-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;overflow:hidden}.nav-menu-item{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 14px;font-size:.9rem;cursor:pointer;color:#111827}.nav-menu-item:hover{background:var(--gray-bg)}.nav-menu-item-active{font-weight:600;background:var(--gray-bg)}.nav-menu-item-logout{border-top:1px solid var(--border);color:var(--red)}.qr-page{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.qr-page h1{font-size:1.4rem;margin:0}.qr-page-nav{position:absolute;top:0;right:0}.qr-code-image{border:1px solid var(--border);border-radius:12px;background:#fff;padding:16px}.qr-code-hint{color:var(--gray);font-size:.85rem;max-width:320px;margin:0}