@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--theme-bg: #f8fafc;--theme-bg-card: #ffffff;--theme-bg-panel: #f1f5f9;--theme-bg-hover: #e2e8f0;--theme-text: #0f172a;--theme-text-muted: #64748b;--theme-link: #0d9488;--theme-link-hover: #0f766e;--theme-border: #e2e8f0;--theme-border-muted: #cbd5e1;--theme-btn-primary: #0d9488;--theme-btn-primary-hover: #0f766e;--theme-btn-secondary: #475569;--theme-btn-secondary-hover: #334155;--theme-btn-success: #059669;--theme-btn-warning: #d97706;--theme-btn-danger: #dc2626;--theme-input-bg: #ffffff;--theme-input-border: #cbd5e1;--theme-input-text: #0f172a;--theme-input-focus-ring: #0d9488;--theme-error-bg: #fef2f2;--theme-error-text: #b91c1c;--theme-success-bg: #f0fdf4;--theme-success-text: #166534;--theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--theme-shadow: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--theme-radius: 10px;--theme-radius-sm: 8px;--theme-nav-bg: rgba(255, 255, 255, .9);--theme-nav-border: rgba(226, 232, 240, .8)}[data-theme=dark]{--theme-bg: #0f172a;--theme-bg-card: #1e293b;--theme-bg-panel: #334155;--theme-bg-hover: #475569;--theme-text: #f1f5f9;--theme-text-muted: #94a3b8;--theme-link: #2dd4bf;--theme-link-hover: #5eead4;--theme-border: #334155;--theme-border-muted: #475569;--theme-btn-primary: #14b8a6;--theme-btn-primary-hover: #2dd4bf;--theme-btn-secondary: #475569;--theme-btn-secondary-hover: #64748b;--theme-input-bg: #1e293b;--theme-input-border: #475569;--theme-input-text: #f1f5f9;--theme-input-focus-ring: #2dd4bf;--theme-error-bg: #450a0a;--theme-error-text: #fecaca;--theme-success-bg: #052e16;--theme-success-text: #bbf7d0;--theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--theme-shadow: 0 4px 6px -1px rgba(0, 0, 0, .25), 0 2px 4px -2px rgba(0, 0, 0, .2);--theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .2);--theme-nav-bg: rgba(15, 23, 42, .95);--theme-nav-border: rgba(51, 65, 85, .8)}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--theme-bg);color:var(--theme-text);line-height:1.5;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1rem}@media (min-width: 640px){.app-main{padding:2rem 1.5rem}}@media (min-width: 1024px){.app-main{padding:2.5rem 2rem}}.app-main--full{max-width:none;margin:0;padding:0;width:100%}.att-dash{display:flex;min-height:calc(100vh - 4rem);font-family:DM Sans,system-ui,sans-serif}.att-dash-sidebar{width:260px;flex-shrink:0;background:linear-gradient(180deg,#0f172a,#1e293b);color:#e2e8f0;display:flex;flex-direction:column;padding:1.25rem 0;border-right:1px solid #334155}.att-dash-brand{padding:0 1.25rem 1.25rem;border-bottom:1px solid #334155;margin-bottom:.75rem}.att-dash-brand-title{font-size:1rem;font-weight:700;color:#f8fafc;margin:0 0 .25rem;letter-spacing:-.02em}.att-dash-brand-sub{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.att-dash-nav-section{padding:.5rem 1rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.att-dash-nav-link{display:block;padding:.5rem 1.25rem;color:#cbd5e1;text-decoration:none;font-size:.875rem;border-left:3px solid transparent;transition:background .15s,color .15s}.att-dash-nav-link:hover{background:#ffffff0f;color:#f1f5f9}.att-dash-nav-link--active{background:#0ea5e91f;color:#38bdf8;border-left-color:#0ea5e9}.att-dash-footer{margin-top:auto;padding:1rem 1.25rem;font-size:.75rem;color:#64748b;border-top:1px solid #334155}.att-dash-main{flex:1;background:#f1f5f9;min-width:0;display:flex;flex-direction:column}.att-dash-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0}.att-dash-topbar-title{margin:0;font-size:1.125rem;font-weight:600;color:#0f172a}.att-dash-user{font-size:.8125rem;color:#64748b}.att-dash-content{padding:1.25rem 1.5rem 2rem;flex:1}.att-dash-page-title{margin:0 0 .25rem;font-size:1.375rem;font-weight:700;color:#0f172a}.att-dash-page-desc{margin:0 0 1.25rem;font-size:.875rem;color:#64748b}.att-dash-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid #e2e8f0;padding-bottom:0}.att-dash-tab{padding:.65rem 1rem;font-size:.8125rem;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;border-radius:8px 8px 0 0}.att-dash-tab:hover{color:#0f172a;background:#f8fafc}.att-dash-tab--active{color:#0d9488;border-bottom-color:#0d9488;font-weight:600}.att-dash-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:1rem 1.25rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:1.25rem;box-shadow:0 1px 2px #0000000a}.att-dash-field label{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.35rem}.att-dash-field select,.att-dash-field input[type=date]{min-width:160px;padding:.45rem .65rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.875rem;background:#fff;color:#0f172a}.att-dash-btn-export{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#fff;background:#0d9488;border:none;border-radius:8px;cursor:pointer}.att-dash-btn-export:hover{background:#0f766e}.att-dash-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem}.att-dash-card{background:#fff;border-radius:12px;padding:1rem 1.15rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f;display:flex;gap:.85rem;align-items:flex-start}.att-dash-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.att-dash-card-icon--blue{background:#dbeafe}.att-dash-card-icon--green{background:#d1fae5}.att-dash-card-icon--red{background:#fee2e2}.att-dash-card-icon--purple{background:#ede9fe}.att-dash-card-icon--amber{background:#fef3c7}.att-dash-card-label{font-size:.75rem;color:#64748b;font-weight:600;margin:0 0 .2rem}.att-dash-card-value{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0;line-height:1.2}.att-dash-card-pct{font-size:.75rem;color:#64748b;margin:.2rem 0 0}.att-dash-card-pct--pos{color:#059669}.att-dash-card-pct--neg{color:#dc2626}.att-dash-table-wrap{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000f}.att-dash-table-title{padding:1rem 1.25rem;font-size:.9375rem;font-weight:600;color:#0f172a;border-bottom:1px solid #e2e8f0;margin:0}.att-dash-table{width:100%;border-collapse:collapse;font-size:.8125rem}.att-dash-table th{text-align:left;padding:.65rem 1rem;background:#f8fafc;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}.att-dash-table td{padding:.65rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155}.att-dash-table tr:last-child td{border-bottom:none}.att-dash-badge{display:inline-block;padding:.2rem .55rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:capitalize}.att-dash-badge--present{background:#d1fae5;color:#065f46}.att-dash-badge--late{background:#ffedd5;color:#9a3412}.att-dash-badge--early{background:#fed7aa;color:#9a3412}.att-dash-badge--leave{background:#ede9fe;color:#5b21b6}.att-dash-badge--absent{background:#fee2e2;color:#991b1b}.att-dash-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1.25rem;border-top:1px solid #e2e8f0;font-size:.8125rem;color:#64748b}.att-dash-pagination-btns{display:flex;gap:.35rem;align-items:center}.att-dash-pagination-btns button{min-width:2rem;padding:.35rem .5rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.8125rem}.att-dash-pagination-btns button:disabled{opacity:.45;cursor:not-allowed}.att-dash-pagination-btns button.att-dash-page--active{background:#0d9488;color:#fff;border-color:#0d9488}.att-dash-coming{padding:2rem;text-align:center;color:#64748b;font-size:.875rem}@media (max-width: 900px){.att-dash{flex-direction:column}.att-dash-sidebar{width:100%;min-height:auto;flex-direction:row;flex-wrap:wrap}.att-dash-brand{border-bottom:none;border-right:1px solid #334155}.att-dash-footer{width:100%}}.camp-scope-banner{padding:.5rem 1rem;background:var(--theme-bg-panel);color:var(--theme-text-muted);font-size:.875rem;text-align:center;border-bottom:1px solid var(--theme-border)}.app-nav{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--theme-nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--theme-nav-border)}@media (min-width: 640px){.app-nav{padding:.875rem 1.5rem}}.app-nav-brand{font-size:1.125rem;font-weight:700;color:var(--theme-text);text-decoration:none;letter-spacing:-.02em}.app-nav-links{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.app-nav-links a,.app-nav-links .app-nav-link{padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--theme-text-muted);text-decoration:none;border-radius:var(--theme-radius-sm);transition:color .15s,background .15s}.app-nav-links a:hover,.app-nav-links .app-nav-link:not(.app-nav-link--disabled):hover{color:var(--theme-link);background:var(--theme-bg-panel)}.app-nav-links .app-nav-link--disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.app-nav-links button.app-nav-link{border:none;background:none;font:inherit;cursor:pointer}.tabs-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--theme-bg)}.tabs-header{display:flex;flex-direction:column;align-items:center;padding:1rem 1rem 0;background:var(--theme-bg-card);border-bottom:1px solid var(--theme-border);flex-shrink:0}.tabs-brand{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:.75rem}.tabs-logo{height:120px;width:auto;max-width:400px;object-fit:contain}.tabs-nav{display:flex;align-items:center;gap:.125rem;width:100%;justify-content:flex-start}.tabs-tab{padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--theme-text-muted);text-decoration:none;border-radius:var(--theme-radius-sm) var(--theme-radius-sm) 0 0;border:1px solid transparent;border-bottom:none;margin-bottom:-1px;background:transparent;transition:background .15s,color .15s,border-color .15s}.tabs-tab:hover{color:var(--theme-link);background:var(--theme-bg-panel)}.tabs-tab--active{color:var(--theme-btn-primary);background:var(--theme-bg);border-color:var(--theme-border)}.tabs-main{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;background:var(--theme-bg)}[data-theme=dark] .tabs-tab--active{border-color:var(--theme-border)}.app-nav--in-tab{justify-content:flex-start}.app-nav--in-tab .app-nav-links{flex:0 1 auto}.admin-mobile{padding:1rem;max-width:480px;margin:0 auto}.admin-mobile__header{margin-bottom:1.5rem}.admin-mobile__content{display:flex;flex-direction:column;gap:1rem}.admin-mobile__nav{display:flex;flex-direction:column;gap:.75rem}.admin-mobile__card{display:block;padding:1rem 1.25rem;background:var(--theme-bg-panel);border:1px solid var(--theme-border);border-radius:var(--theme-radius);text-decoration:none;color:var(--theme-text);transition:background .15s,border-color .15s}.admin-mobile__card:hover{background:var(--theme-bg-hover);border-color:var(--theme-link)}.admin-mobile__card-title{display:block;font-weight:600;font-size:1rem}.admin-mobile__card-desc{display:block;font-size:.875rem;color:var(--theme-text-muted);margin-top:.25rem}.admin-mobile--page{max-width:720px}.admin-mobile__header--with-back{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.admin-mobile__back{font-size:.9rem;color:var(--theme-link);text-decoration:none}.admin-mobile__back:hover{text-decoration:underline}.admin-mobile__page-title{margin:0;font-size:1.25rem}.admin-mobile__page-content{padding-top:.5rem}.page-header{margin-bottom:1.5rem}.page-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--theme-text)}@media (min-width: 640px){.page-title{font-size:1.75rem}}.page-desc{margin:0;font-size:.9375rem;color:var(--theme-text-muted)}.card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow-sm);overflow:hidden}.card-body{padding:1.25rem}@media (min-width: 640px){.card-body{padding:1.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;font-family:inherit;line-height:1.4;border:none;border-radius:var(--theme-radius-sm);cursor:pointer;transition:background .15s,color .15s,opacity .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--theme-btn-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--theme-btn-primary-hover)}.btn-secondary{background:var(--theme-btn-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--theme-btn-secondary-hover)}.btn-success{background:var(--theme-btn-success);color:#fff}.btn-ghost{background:transparent;color:var(--theme-text-muted);border:1px solid var(--theme-border)}.btn-ghost:hover:not(:disabled){background:var(--theme-bg-panel);color:var(--theme-text)}.btn-sm{padding:.25rem .5rem;font-size:.8125rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.875rem;font-weight:500;color:var(--theme-text)}.form-input,.form-select{width:100%;padding:.625rem .875rem;font-size:1rem;font-family:inherit;color:var(--theme-input-text);background:var(--theme-input-bg);border:1px solid var(--theme-input-border);border-radius:var(--theme-radius-sm);transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--theme-input-focus-ring);box-shadow:0 0 0 3px #0d948826}.form-input::placeholder{color:var(--theme-text-muted)}.alert{padding:.875rem 1rem;font-size:.875rem;border-radius:var(--theme-radius-sm)}.alert-error{background:var(--theme-error-bg);color:var(--theme-error-text)}.alert-success{background:var(--theme-success-bg);color:var(--theme-success-text)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--theme-border)}.table th{font-weight:600;color:var(--theme-text-muted);background:var(--theme-bg-panel)}.table tbody tr:hover{background:var(--theme-bg-panel)}.table-footer{padding:.75rem 1rem;font-size:.875rem;color:var(--theme-text-muted);background:var(--theme-bg-panel)}.link{color:var(--theme-link);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline;color:var(--theme-link-hover)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.items-center{align-items:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.kiosk-page.app-main{max-width:none;padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}.tabs-main:has(.kiosk-page){overflow:hidden;display:flex;flex-direction:column}.kiosk-mobile{max-width:480px;margin:0 auto;width:100%}.attendance-section{width:100%;max-width:720px;margin:0 auto}.attendance-subnav{display:flex;gap:0;border-bottom:1px solid var(--theme-border);background:var(--theme-bg-card);flex-shrink:0}.attendance-subnav__link{flex:1;text-align:center;padding:.65rem 1rem;font-weight:600;color:var(--theme-text-muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.attendance-subnav__link:hover{color:var(--theme-text);background:var(--theme-bg-panel)}.attendance-subnav__link--active{color:var(--theme-btn-primary);border-bottom-color:var(--theme-btn-primary);background:var(--theme-bg)}.kiosk-mobile.att-gate{max-width:1100px}.kiosk-mobile.att-gate--lane{max-width:640px}.att-gate__lane-video{padding:.75rem 1rem;flex:1;min-height:200px}.att-gate__grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;flex:1;min-height:220px}@media (max-width: 768px){.att-gate__grid{grid-template-columns:1fr}}@keyframes greenFlashFade{0%{opacity:1}to{opacity:0}}@keyframes redFlashFade{0%{opacity:1}to{opacity:0}}@keyframes flashGreen{0%,to{box-shadow:0 0 32px #22c55e80;border-color:#22c55e}50%{box-shadow:0 0 56px #22c55ee6,0 0 80px #22c55e66;border-color:#4ade80}}@keyframes flashRed{0%,to{box-shadow:0 0 32px #ef444480;border-color:#ef4444}50%{box-shadow:0 0 56px #ef4444e6,0 0 80px #ef444466;border-color:#f87171}}