:root{--color-bg:#f5f6f8;--color-surface:#ffffff;--color-border:#e2e5ea;--color-text:#1a1d23;--color-text-muted:#6b7280;--color-brand:#2f6f4f;--color-brand-bg:rgba(47,111,79,0.12);--color-danger:#b3261e;--color-danger-bg:#fbeceb;--color-warning:#92600a;--color-warning-bg:#fdf3e0;--color-info:#1f5f8b;--color-info-bg:#e7f1f8;--radius:12px;--touch-target:48px;--max-width:480px}@media (prefers-color-scheme:dark){:root{--color-bg:#14161a;--color-surface:#1d2025;--color-border:#2b2f36;--color-text:#f2f3f5;--color-text-muted:#9aa0aa;--color-brand:#4fae7f;--color-brand-bg:rgba(79,174,127,0.16);--color-danger:#ff6a63;--color-danger-bg:#3a1c1a;--color-warning:#e8a53d;--color-warning-bg:#3a2c10;--color-info:#6cb2e0;--color-info-bg:#16293a}}*{box-sizing:border-box}body,html{padding:0;margin:0}html{color-scheme:light dark}body{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1;width:100%;max-width:var(--max-width);margin:0 auto;padding:20px 16px 96px}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--color-surface);border-top:1px solid var(--color-border);padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));z-index:10}.nav-list{display:flex;flex:1 1;list-style:none;margin:0;padding:0;overflow-x:auto;gap:4px}.nav-link{display:flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:8px 10px;border-radius:var(--radius);font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-decoration:none;white-space:nowrap}.nav-link-active{color:var(--color-brand);background:var(--color-brand-bg)}.nav-logout{min-height:var(--touch-target);padding:8px 14px;border:none;border-radius:var(--radius);background:var(--color-danger-bg);color:var(--color-danger);font-weight:600;cursor:pointer;white-space:nowrap}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.card,.field{margin-bottom:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.field input,.field select,.field textarea{min-height:var(--touch-target);padding:0 14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}.field textarea{padding:12px 14px;min-height:calc(var(--touch-target) * 2);resize:vertical}.checkbox-field{display:flex;align-items:center;gap:10px;margin-bottom:16px}.checkbox-field input{width:22px;height:22px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--touch-target);padding:0 20px;border:none;border-radius:var(--radius);background:var(--color-brand);color:#ffffff;font-size:1rem;font-weight:700;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-danger{background:var(--color-danger)}.error-banner{background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px;font-size:.9rem}.error-banner p{margin:0 0 10px}.error-banner .btn,.error-banner .btn-secondary{width:auto;min-height:40px;padding:0 16px}.page-heading{font-size:1.4rem;font-weight:700;margin-bottom:16px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:.9rem;font-weight:600;margin-bottom:16px}.status-pill-dot{width:8px;height:8px;border-radius:50%}.status-pill-in{background:var(--color-brand-bg);color:var(--color-brand)}.status-pill-in .status-pill-dot{background:var(--color-brand)}.status-pill-out{background:var(--color-border);color:var(--color-text-muted)}.status-pill-out .status-pill-dot{background:var(--color-text-muted)}.home-stats{display:flex;gap:12px}.home-stat{flex:1 1;display:flex;flex-direction:column;align-items:center;text-align:center}.home-stat-value{font-size:1.6rem;font-weight:800}.home-stat-label{font-size:.8rem;color:var(--color-text-muted)}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface) 37%,var(--color-border) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;margin-bottom:16px}.skeleton-heading{width:60%;height:1.4rem}.skeleton-pill{width:40%;height:32px;border-radius:999px}.skeleton-card{height:80px}.skeleton-button{height:var(--touch-target)}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.qr-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000;color:#ffffff;padding:16px}.qr-overlay-header{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;right:16px;display:flex;justify-content:flex-end}.qr-overlay-cancel{min-height:var(--touch-target);padding:0 18px;border:none;border-radius:var(--radius);background:rgba(255,255,255,.15);color:#ffffff;font-weight:600;cursor:pointer}.qr-overlay-video{width:100%;max-width:420px;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius);background:#000000}.qr-overlay-hint{margin-top:20px;text-align:center;color:rgba(255,255,255,.8);font-size:.9rem;max-width:320px}.qr-overlay-error{width:100%;max-width:320px;text-align:center;display:flex;flex-direction:column;gap:12px}.qr-overlay-error p{color:#ffffff;margin:0}.confirm-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:16px}.confirm-card{width:100%;max-width:340px;background:var(--color-surface);border-radius:var(--radius);padding:20px}.confirm-card p{margin:0 0 16px;font-size:1.05rem;font-weight:600;text-align:center}.confirm-actions{display:flex;flex-direction:column;gap:10px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card{width:100%;max-width:360px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:28px 24px}.auth-title{font-size:1.5rem;font-weight:800;margin-bottom:4px}.auth-subtitle{color:var(--color-text-muted);margin-bottom:24px;font-size:.9rem}.segmented{display:flex;gap:4px;background:var(--color-border);border-radius:var(--radius);padding:4px;margin-bottom:16px}.segmented-btn{flex:1 1;min-height:calc(var(--touch-target) - 8px);border:none;border-radius:calc(var(--radius) - 4px);background:transparent;color:var(--color-text-muted);font-weight:600;font-size:.9rem;cursor:pointer}.segmented-btn-active{background:var(--color-surface);color:var(--color-text)}.empty-state{text-align:center;color:var(--color-text-muted);padding:32px 16px}.info-banner{background:var(--color-info-bg);color:var(--color-info);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px;font-size:.9rem}.session-card-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px}.session-card-date{font-weight:700}.session-card-detail,.session-card-time{color:var(--color-text-muted);font-size:.9rem}.session-card-detail{margin-top:2px}.session-card-detail strong{color:var(--color-text);font-weight:600}.announcement-card{border-left:4px solid var(--color-border)}.announcement-card-info{border-left-color:var(--color-info)}.announcement-card-warning{border-left-color:var(--color-warning)}.announcement-card-urgent{border-left-color:var(--color-danger)}.announcement-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.announcement-badge-info{background:var(--color-info-bg);color:var(--color-info)}.announcement-badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.announcement-badge-urgent{background:var(--color-danger-bg);color:var(--color-danger)}.announcement-title{font-weight:700;margin-bottom:4px}.announcement-message{font-size:.9rem;color:var(--color-text);white-space:pre-wrap;margin-bottom:12px}.announcement-ack-btn{width:auto;min-height:40px;padding:0 16px}.announcement-ack-error{margin-top:12px;margin-bottom:0}.warning-banner{background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px;font-size:.9rem}.help-status-title{font-size:1.1rem;font-weight:700;margin-bottom:12px}.help-status-detail{font-size:.9rem;margin-bottom:6px}.help-status-time{font-size:.8rem;color:var(--color-text-muted);margin-bottom:16px}.help-history{margin-top:8px}.help-history-heading{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.help-history-card{padding:12px 16px}.help-history-row{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.help-history-status{color:var(--color-text-muted);white-space:nowrap}.help-history-time{font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.history-day{margin-bottom:20px}.history-day-header{font-size:.85rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.history-day-card{padding:4px 16px}.history-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.history-row:last-child{border-bottom:none}.history-row-icon{width:28px;height:28px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.history-row-icon-in{background:var(--color-brand-bg);color:var(--color-brand)}.history-row-icon-out{background:var(--color-danger-bg);color:var(--color-danger)}.history-row-body{flex:1 1;min-width:0}.history-row-event{font-weight:600;font-size:.9rem}.history-row-location{font-size:.8rem;color:var(--color-text-muted)}.history-row-time{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}.profile-header{display:flex;align-items:center;gap:16px}.profile-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-avatar-initials{display:flex;align-items:center;justify-content:center;background:var(--color-brand-bg);color:var(--color-brand);font-weight:700;font-size:1.4rem}.profile-header-text{min-width:0}.profile-name{font-size:1.2rem;font-weight:700;margin-bottom:2px}.profile-detail{font-size:.9rem;color:var(--color-text-muted)}.profile-barcode-card{text-align:center}.profile-barcode{font-family:SF Mono,Menlo,Consolas,monospace;font-size:2rem;font-weight:700;letter-spacing:.08em;word-break:break-all}.profile-barcode-caption{margin-top:8px;font-size:.85rem;color:var(--color-text-muted)}.profile-actions{display:flex;flex-direction:column;gap:12px;margin-top:4px}