*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-text: #1a1a2e;--color-text-muted: #6b7280;--color-primary: #1e3a5f;--color-primary-hover: #162d4a;--color-error: #b91c1c;--color-success: #166534;--color-border: #d1d5db;--radius: 8px;--shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 6%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg);min-height:100dvh}#root{min-height:100dvh}.screen-center{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.5rem 2rem;width:100%;max-width:400px}.card h1{font-size:1.375rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.25rem}.card .subtitle{color:var(--color-text-muted);font-size:.9rem;margin-bottom:2rem}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}input[type=email]{display:block;width:100%;padding:.625rem .75rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius);outline:none;transition:border-color .15s}input[type=email]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a5f1f}input[type=email]:disabled{background:var(--color-bg);cursor:not-allowed}.btn{display:block;width:100%;margin-top:1rem;padding:.625rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s}.btn:hover:not(:disabled){background:var(--color-primary-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.error-msg{margin-top:.75rem;font-size:.875rem;color:var(--color-error)}.success-icon{font-size:2rem;margin-bottom:.75rem}.success-email{font-weight:600}.success-note{margin-top:.75rem;font-size:.875rem;color:var(--color-text-muted)}.link-btn{background:none;border:none;padding:0;margin-top:1.25rem;font-size:.875rem;color:var(--color-primary);cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--color-primary-hover)}.loading-screen{min-height:100dvh}.dashboard{display:flex;flex-direction:column;min-height:100dvh}.navbar{background:var(--color-primary);color:#fff;padding:0 1.5rem;height:56px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #0003;position:sticky;top:0;z-index:10}.navbar-logo{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:#fff}.navbar-logo-icon{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255 255 255 / 80%);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-family:Georgia,Times New Roman,serif;line-height:1;flex-shrink:0}.navbar-title{font-size:.95rem;font-weight:600;letter-spacing:.01em;opacity:.92}.navbar-camp-date{position:absolute;left:50%;transform:translate(-50%);font-size:.825rem;font-weight:500;color:#fffc;letter-spacing:.02em;pointer-events:none;white-space:nowrap}.navbar-user-menu{position:relative}.navbar-user-btn{background:none;border:1px solid rgba(255 255 255 / 30%);border-radius:var(--radius);color:#fff;font-size:.875rem;padding:.35rem .625rem;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:background .15s}.navbar-user-btn:hover{background:#ffffff1f}.navbar-chevron{font-size:.65rem;opacity:.7}.navbar-dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #0000001f;min-width:160px;z-index:100;overflow:hidden}.navbar-dropdown a,.navbar-dropdown button{display:block;width:100%;padding:.625rem 1rem;text-align:left;background:none;border:none;font-size:.9rem;color:var(--color-text);cursor:pointer;text-decoration:none;transition:background .12s;box-sizing:border-box}.navbar-dropdown a:hover,.navbar-dropdown button:hover{background:var(--color-bg)}.navbar-dropdown a+button,.navbar-dropdown button+button,.navbar-dropdown button+a{border-top:1px solid var(--color-border)}.dashboard-main{flex:1;padding:2rem 1.5rem;max-width:640px;width:100%;margin:0 auto}.dashboard-welcome{margin-bottom:2rem}.dashboard-welcome h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.dashboard-welcome p{color:var(--color-text-muted);margin-top:.25rem;font-size:.95rem}.action-section{display:flex;flex-direction:column;gap:1rem}.action-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem}.action-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.action-card-icon{font-size:1.125rem;line-height:1}.action-card h2{font-size:1rem;font-weight:600}.action-card p{font-size:.9rem;color:var(--color-text-muted);margin-bottom:.875rem}.action-card .btn-inline{display:inline-block;padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:background .15s}.action-card .btn-inline:hover:not(:disabled){background:var(--color-primary-hover)}.action-card .btn-inline:disabled{opacity:.55;cursor:not-allowed}.action-card .status-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--color-success);margin-bottom:.75rem}.profile-layout{display:flex;gap:1.25rem;align-items:flex-start}.profile-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--color-border)}.profile-grid{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.25rem;font-size:.9rem}.profile-grid dt{color:var(--color-text-muted);font-weight:500}.profile-grid dd{color:var(--color-text)}.action-feedback{margin-top:.5rem;font-size:.875rem}.action-feedback.success{color:var(--color-success)}.action-feedback.error{color:var(--color-error)}.directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.directory-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}.directory-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.directory-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);background:var(--color-bg)}.directory-info{display:flex;flex-direction:column;gap:.2rem}.directory-name{font-weight:600;font-size:.95rem}.directory-role{font-size:.8rem;color:var(--color-text-muted);text-transform:capitalize}.directory-detail{font-size:.82rem;color:var(--color-text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.3rem}.form-field input{display:block;width:100%;padding:.5rem .625rem;font-size:.9rem;border:1px solid var(--color-border);border-radius:var(--radius);outline:none;transition:border-color .15s}.form-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a5f1f}.btn-save{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s}.btn-save:hover:not(:disabled){background:var(--color-primary-hover)}.btn-save:disabled{opacity:.55;cursor:not-allowed}.dashboard-footer{text-align:center;padding:1.5rem;font-size:.8rem;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.dashboard-footer a{color:var(--color-primary);text-decoration:none}.dashboard-footer a:hover{text-decoration:underline}.checkin-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.checkin-summary-count{font-size:.9rem;font-weight:600;padding:.25rem .625rem;border-radius:var(--radius)}.checkin-summary-count--in{background:#dcfce7;color:#166534}.checkin-summary-count--out{background:#fee2e2;color:#991b1b}.checkin-window-badge{display:inline-block;font-size:.78rem;font-weight:500;padding:.15rem .5rem;border-radius:999px}.checkin-window-badge.open{background:#dcfce7;color:#166534}.checkin-window-badge.closed{background:#fef9c3;color:#713f12}.checkin-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 600px){.checkin-columns{grid-template-columns:1fr}}.checkin-col-heading{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding-bottom:.375rem;border-bottom:2px solid currentColor}.checkin-col-heading--in{color:#166534;border-color:#86efac}.checkin-col-heading--out{color:#991b1b;border-color:#fca5a5}.checkin-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:.75rem 1rem;margin-bottom:.5rem;border-left:3px solid transparent;display:flex;flex-direction:column;gap:.2rem}.checkin-card--in{border-left-color:#86efac}.checkin-card--out{border-left-color:#fca5a5}.checkin-card-name{font-weight:600;font-size:.9rem}.checkin-card-room{font-size:.8rem;color:var(--color-text-muted)}.checkin-card-time{font-size:.8rem;color:var(--color-success)}.checkin-card-btn{align-self:flex-start;margin-top:.25rem;padding:.3rem .75rem;font-size:.8rem}.learn-names-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;border:3px solid var(--color-border);background:var(--color-bg)}.learn-names-no-photo{display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--color-text-muted);background:var(--color-bg)}.learn-names-choices{display:flex;flex-direction:column;gap:.625rem}.learn-names-choice-btn{width:100%;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-align:left;cursor:pointer;transition:border-color .12s,background .12s;display:flex;flex-direction:column;gap:.15rem}.learn-names-choice-btn:not(:disabled):hover{border-color:var(--color-primary)}.learn-names-choice-btn.reveal{border-color:#22c55e;background:#f0fdf4}.learn-names-choice-btn.wrong{border-color:var(--color-error);background:#fef2f2}.learn-names-choice-btn:disabled{cursor:default}.learn-names-choice-name{font-weight:600;font-size:.95rem;color:var(--color-text)}.learn-names-choice-detail{font-size:.8rem;color:var(--color-text-muted)}.learn-names-photo-choices{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.learn-names-photo-choice-btn{background:none;border:3px solid transparent;border-radius:50%;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:border-color .12s}.learn-names-photo-choice-btn:not(:disabled):hover .learn-names-photo-choice{border-color:var(--color-primary)}.learn-names-photo-choice-btn.reveal .learn-names-photo-choice{border-color:#22c55e;box-shadow:0 0 0 3px #bbf7d0}.learn-names-photo-choice-btn.wrong .learn-names-photo-choice{border-color:var(--color-error);box-shadow:0 0 0 3px #fecaca}.learn-names-photo-choice-btn:disabled{cursor:default}.learn-names-photo-choice{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--color-border);background:var(--color-bg);transition:border-color .12s}.learn-names-photo-choice-label{font-size:.8rem;font-weight:600;color:var(--color-text);text-align:center;max-width:120px;border-radius:var(--radius)}.learn-names-result{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;font-weight:500}.learn-names-result.correct{background:#f0fdf4;color:var(--color-success);border:1px solid #bbf7d0}.learn-names-result.wrong{background:#fef2f2;color:var(--color-error);border:1px solid #fecaca}