:root{--bg:#f6efe5;--surface:#fffbf5d1;--surface-strong:#fffdf8;--ink:#1c1c1a;--muted:#665f57;--line:#1c1c1a1f;--accent:#0f766e;--accent-soft:#0f766e24;--amber:#c26c1f;--rose:#b9385d;--shadow:0 28px 80px #3f2b1624;--radius-xl:28px;--radius-lg:20px}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#c26c1f2e,#0000 28%),radial-gradient(circle at 100% 0,#0f766e33,#0000 24%),linear-gradient(#f8f1e8 0%,#efe4d6 100%);min-height:100%}body{color:var(--ink);font-family:var(--font-body), sans-serif;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page-shell{width:min(1440px,100vw - 2rem);margin:0 auto;padding:2rem 0 3rem;position:relative}.page-backdrop{pointer-events:none;z-index:-1;filter:blur(18px);border-radius:999px;position:fixed}.page-backdrop-one{background:#c26c1f2e;width:20rem;height:20rem;inset:6rem auto auto -8rem}.page-backdrop-two{background:#0f766e29;width:22rem;height:22rem;inset:auto -5rem 6rem auto}.hero-card,.panel,.warning-card,.state-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface);box-shadow:var(--shadow);border:1px solid #fff9}.hero-card{border-radius:var(--radius-xl);grid-template-columns:minmax(0,1.45fr) minmax(18rem,.95fr);gap:1.5rem;padding:1.6rem;display:grid}.hero-copy h1,.panel h2,.state-panel h1{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;margin:0}.hero-copy h1{font-size:clamp(2rem,3vw,3.6rem);line-height:.95}.hero-subtitle{max-width:52rem;color:var(--muted);margin:.8rem 0 0;line-height:1.6}.hero-aside{flex-direction:column;justify-content:space-between;gap:1rem;display:flex}.eyebrow,.panel-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--amber);margin:0 0 .55rem;font-size:.78rem;font-weight:700}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.metric-pill,.status-card{background:#ffffffb8;border:1px solid #1c1c1a14;border-radius:18px;padding:.9rem 1rem}.metric-pill strong,.status-card strong,.state-hint strong{font-family:var(--font-display), sans-serif;display:block}.metric-label,.status-label,.state-hint span,.recent-file-meta,.panel-note,.member-cell span,.history-user-card span,.legend-item span,.refresh-message{color:var(--muted);font-size:.92rem}.refresh-cluster{flex-direction:column;gap:.55rem;display:flex}.status-row-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.refresh-button,.logout-button,.toggle-link,.year-select,.range-link{color:#fff;cursor:pointer;background:linear-gradient(#0f766e 0%,#0a5d57 100%);border:1px solid #0f766e38;border-radius:999px;padding:.82rem 1.1rem;font-weight:700;transition:transform .16s,opacity .16s}.logout-button{color:var(--ink);background:#ffffffd1;padding-inline:1rem}.refresh-button:hover,.logout-button:hover,.toggle-link:hover,.range-link:hover,.year-select:hover{transform:translateY(-1px)}.refresh-button:disabled{opacity:.7;cursor:wait}.status-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;margin-top:1rem;display:grid}.top-nav{flex-wrap:wrap;gap:.65rem;display:flex}.nav-link{color:var(--muted);background:#ffffff8f;border:1px solid #1c1c1a14;border-radius:999px;padding:.75rem 1rem;font-weight:600}.nav-link-active{color:var(--ink);background:#fff;box-shadow:0 12px 28px #0f766e1f}.status-card{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.status-separator{background:#1c1c1a33;border-radius:999px;width:.35rem;height:.35rem}.warning-card,.state-panel{border-radius:var(--radius-lg);margin-top:1rem;padding:1.25rem 1.4rem}.warning-card h2{margin:0 0 .8rem;font-size:1.1rem}.warning-list{color:var(--muted);margin:0;padding-left:1.2rem}.content-grid{gap:1rem;margin-top:1rem;display:grid}.panel{border-radius:var(--radius-lg);padding:1.25rem 1.3rem}.panel-wide{overflow:hidden}.panel-header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.panel-header h2{font-size:clamp(1.35rem,2vw,2rem)}.panel-note{max-width:34rem;margin:0;line-height:1.5}.weekly-table-wrapper{overflow-x:auto}.weekly-table{border-collapse:separate;border-spacing:0 .55rem;table-layout:auto;width:100%;min-width:820px}.weekly-table thead th{text-align:left;color:var(--muted);padding-bottom:.2rem;font-size:.86rem;font-weight:600}.weekly-table tbody tr{background:#ffffffc2}.weekly-table tbody th,.weekly-table tbody td{border-top:1px solid #1c1c1a0f;border-bottom:1px solid #1c1c1a0f;padding:.8rem .7rem}.weekly-table tbody th{border-left:1px solid #1c1c1a0f;border-radius:16px 0 0 16px}.weekly-table tbody td:last-child{border-right:1px solid #1c1c1a0f;border-radius:0 16px 16px 0}.member-cell,.history-user-card,.legend-item,.state-hint{flex-direction:column;gap:.18rem;display:flex}.week-label{min-width:7rem;display:inline-block}.heat-cell{border:1px solid #1c1c1a0f;border-radius:10px;place-items:center;width:2rem;height:2rem;font-size:.8rem;font-weight:700;display:grid}.heat-level-0{color:#0000;background:#1c1c1a0f}.heat-level-1{color:#0f4e49;background:#0f766e3d}.heat-level-2{color:#fff;background:#0f766e6b}.heat-level-3{color:#fff;background:#0f766ead}.heat-level-4{color:#fff;background:#0b5752}.numeric-cell{width:5.25rem;font-weight:700;font-family:var(--font-display), sans-serif}.numeric-column-heading{width:5.25rem}.latest-column-heading{width:25rem}.latest-cell{width:25rem;min-width:16rem;color:var(--muted);white-space:normal}.latest-match-text{overflow-wrap:anywhere;word-break:break-word;line-height:1.4;display:block}.history-board{overflow-x:auto}.history-month-header,.history-row{grid-template-columns:15rem minmax(0,1fr);align-items:start;gap:.85rem;display:grid}.history-month-header{margin-bottom:.7rem}.history-name-slot,.history-user-card{background:#ffffffb8;border:1px solid #1c1c1a0f;border-radius:16px;padding:.95rem 1rem}.history-user-card{z-index:1;position:sticky;left:0}.history-month-group{background:#ffffff94;border:1px solid #1c1c1a0f;border-radius:16px;flex:none;gap:.45rem;padding:.7rem .8rem;display:grid}.history-groups-lane{gap:.75rem;min-width:max-content;display:flex}.history-month-group-cells,.history-month-group-header{place-items:center}.history-month-label{text-align:center;grid-column:1/-1}.history-row{margin-bottom:.75rem}.chart-wrap{overflow-x:auto}.chart-axis-label{fill:#1c1c1a8f;font-size:14px;font-family:var(--font-body), sans-serif}.legend-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin-top:1rem;display:grid}.legend-item{background:#ffffffb8;border:1px solid #1c1c1a0f;border-radius:16px;flex-direction:row;align-items:center;padding:.85rem .95rem}.legend-copy{flex-direction:column;gap:.18rem;display:flex}.legend-swatch{border-radius:999px;flex:none;width:.9rem;height:.9rem;display:inline-flex}.recent-files{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem;display:grid}.recent-file-card{background:#ffffffbd;border:1px solid #1c1c1a0f;border-radius:18px;flex-direction:column;gap:.3rem;min-width:0;padding:.95rem 1rem;display:flex}.recent-file-name{overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.range-switcher,.year-switcher{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.range-link{color:var(--ink);background:#ffffffd1}.range-link-active{color:#fff;background:linear-gradient(#0f766e 0%,#0a5d57 100%)}.year-select{color:var(--ink);background:#ffffffdb}.state-panel{max-width:42rem;margin:6rem auto}.auth-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface);width:min(32rem,100%);box-shadow:var(--shadow);border:1px solid #fff9;padding:1.6rem}.auth-card h1{font-size:clamp(2rem,3vw,3rem);font-family:var(--font-display), sans-serif;letter-spacing:-.04em;margin:0}.auth-copy{color:var(--muted);margin:.85rem 0 1.2rem;line-height:1.6}.auth-form{gap:.8rem;display:grid}.auth-label{font-weight:700}.auth-input{width:100%;color:var(--ink);background:#ffffffeb;border:1px solid #1c1c1a1f;border-radius:16px;padding:.95rem 1rem}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(#0f766e 0%,#0a5d57 100%);border:1px solid #0f766e38;border-radius:999px;padding:.9rem 1.1rem;font-weight:700}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-error{color:var(--rose);margin:0;font-weight:600}.auth-missing{gap:.8rem;display:grid}.attendance-panel{gap:.9rem;display:grid}.page-shell>.attendance-panel{margin-top:.85rem}.attendance-ip{color:var(--muted);background:#ffffffbf;border:1px solid #1c1c1a14;border-radius:999px;padding:.4rem .65rem;font-size:.88rem}.attendance-greeting{color:var(--muted);margin:.4rem 0 0;font-size:.95rem}.attendance-greeting strong{color:var(--ink)}.attendance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.7rem;display:grid}.register-confirm{color:var(--muted);align-items:center;gap:.55rem;margin:.25rem 0 .8rem;font-size:.92rem;display:flex}.register-confirm input{width:auto}.attendance-status-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.attendance-badge{letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:.32rem .62rem;font-size:.8rem;font-weight:700;display:inline-flex}.attendance-open{color:#8d4a12;background:#c26c1f2e}.attendance-closed{color:#0f5f58;background:#0f766e33}.attendance-none{color:var(--muted);background:#1c1c1a14}.attendance-warning{color:var(--rose);margin:0;font-weight:600}.attendance-actions{flex-wrap:wrap;gap:.7rem;display:flex}.attendance-actions .action-disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:saturate(.5);position:relative;transform:none}.attendance-actions .action-disabled:after{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#1c1c1a14 0 6px,#1c1c1a05 6px 12px);border-radius:999px;position:absolute;inset:0}.attendance-notice{color:#0a5d57;margin:0;font-weight:600}.daily-report-summary{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.daily-summary-card{background:#ffffffc7;border:1px solid #1c1c1a1a;border-radius:14px;flex-direction:column;gap:.2rem;padding:.85rem 1rem;display:flex}.daily-summary-card strong{font-size:1.45rem;font-family:var(--font-display), sans-serif}.daily-summary-card span{color:var(--muted);font-size:.88rem}.daily-summary-present{background:#dcfce7;border-color:#16653438}.daily-summary-closed{background:#fae8ff;border-color:#86198f33}.tab-buttons{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tab-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;padding:.5rem .9rem;font-weight:600;transition:all .15s}.tab-btn.active{color:#fff;background:linear-gradient(#2563eb 0%,#1d4ed8 100%);border-color:#1d4ed8}.hours-chart{gap:.65rem;margin-bottom:1rem;display:grid}.hours-chart-row{grid-template-columns:10rem minmax(0,1fr) 4.8rem;align-items:center;gap:.6rem;display:grid}.hours-label{flex-direction:column;gap:.12rem;display:flex}.hours-label span{color:var(--muted);font-size:.8rem}.hours-track{background:#0f172a14;border:1px solid #0f172a14;border-radius:999px;height:.95rem;overflow:hidden}.hours-fill{min-width:.35rem;height:100%}.hours-value{text-align:right;font-weight:700;font-family:var(--font-display), sans-serif}.timeline-panel,.timeline-list{gap:.8rem;display:grid}.timeline-row{grid-template-columns:10rem minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.timeline-label{flex-direction:column;gap:.1rem;display:flex}.timeline-label span{color:var(--muted);font-size:.8rem}.timeline-track{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.6rem;height:3rem;position:relative;overflow:hidden}.timeline-mark{background:#cbd5e1;width:1px;position:absolute;top:0;bottom:0}.timeline-mark span{color:#475569;background:#fffc;border-radius:.25rem;padding:0 .15rem;font-size:.72rem;position:absolute;top:.1rem;transform:translate(-50%)}.timeline-segment{background:linear-gradient(90deg,#a5b4fc,#60a5fa);border:1px solid #6366f1;border-radius:.35rem;height:1.25rem;position:absolute;top:1.15rem;box-shadow:0 2px 6px #6366f13d}.timeline-segment-open{background:linear-gradient(90deg,#fbbf24,#f97316);border-color:#ea580c}.weekly-insights{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.65rem;margin-bottom:.8rem;display:grid}.weekly-insight-card{color:#312e81;background:#eef2ff;border:1px solid #c7d2fe;border-radius:.75rem;padding:.8rem;font-size:.92rem}.weekly-callout-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.75rem;margin-bottom:.8rem;display:grid}.weekly-callout{background:#fef2f2f2;border:1px solid #b91c1c38;border-radius:.75rem;padding:.8rem}.weekly-callout h3{color:#7f1d1d;margin:0 0 .5rem;font-size:.95rem}.weekly-callout p{color:#7f1d1d;margin:0}.weekly-callout-list{color:#7f1d1d;gap:.25rem;margin:0;padding-left:1.1rem;display:grid}.weekly-goal-track{position:relative}.weekly-goal-line{opacity:.9;background:#f97316;width:2px;position:absolute;top:-2px;bottom:-2px}.weekly-fill-low{background:#94a3b8d9}.weekly-fill-normal{background:#22c55ed9}.weekly-fill-over{background:linear-gradient(90deg,#fb923c 0%,#f97316 60%,#ea580c 100%)}.weekly-combo-wrap{padding-bottom:.2rem;overflow-x:auto}.weekly-combo-chart{width:100%;min-width:720px;height:auto}.weekly-daily-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.7rem;display:grid}.weekly-daily-card{background:#ffffffc2;border:1px solid #1c1c1a1a;border-radius:.75rem;gap:.45rem;padding:.75rem;display:grid}.weekly-daily-metric{grid-template-columns:3.2rem minmax(0,1fr) 3.2rem;align-items:center;gap:.4rem;display:grid}.weekly-daily-metric span{color:var(--muted);font-size:.82rem}.weekly-daily-metric em{text-align:right;color:var(--ink);font-size:.82rem;font-style:normal}.weekly-checkin-fill{background:linear-gradient(90deg,#f59e0b,#f97316)}.weekly-pill{color:#0369a1;background:#e0f2fe;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .5rem;font-size:.8rem;display:inline-flex}.weekly-day-cell{flex-direction:column;gap:.1rem;display:flex}.weekly-day-cell span{color:var(--muted);font-size:.75rem}.weekly-heatmap-wrap{overflow-x:auto}.weekly-heatmap-table{border-collapse:separate;border-spacing:0 .5rem;width:100%;min-width:680px}.weekly-heatmap-table th,.weekly-heatmap-table td{text-align:center}.weekly-heatmap-table thead th{color:var(--muted);font-size:.82rem;font-weight:600}.weekly-heatmap-table tbody th{text-align:left;padding-right:.5rem;font-size:.88rem}.weekly-heat-cell{border:1px solid #1c1c1a14;border-radius:.55rem;place-items:center;width:2.2rem;height:2.2rem;margin:0 auto;font-size:.68rem;font-weight:700;display:grid}.weekly-heat-0{color:#0000;background:#94a3b829}.weekly-heat-1{color:#334155;background:#94a3b873}.weekly-heat-2{color:#14532d;background:#22c55e8c}.weekly-heat-3{color:#fff;background:#f97316bf}.ip-list{flex-wrap:wrap;gap:.35rem;display:flex}.ip-chip{background:#ffffffe6;border:1px solid #1c1c1a1f;border-radius:999px;align-items:center;padding:.2rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;display:inline-flex}.attendance-edit-link-wrap{margin-top:.45rem}.attendance-edit-link{color:var(--accent);font-size:.86rem;font-weight:600}.attendance-edit-link:hover{text-decoration:underline}.login-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface);width:min(32rem,100%);box-shadow:var(--shadow);border:1px solid #fff9;padding:1.6rem}.login-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin:0 0 .55rem;font-size:.78rem;font-weight:700}.login-card h1{font-size:clamp(2rem,3vw,3rem);font-family:var(--font-display), sans-serif;letter-spacing:-.04em;margin:0}.login-note{color:var(--muted);margin:.85rem 0 1.2rem;line-height:1.6}.admin-login-form,.admin-settings-form{gap:.75rem;display:grid}.admin-field-label{font-weight:700}.attendance-btn-disabled{opacity:.55;cursor:not-allowed;filter:saturate(.65)}.chat-list{gap:.6rem;display:grid}.chat-item{background:#ffffffc7;border:1px solid #1c1c1a14;border-radius:14px;padding:.8rem .9rem}.chat-item p{white-space:pre-wrap;margin:.45rem 0 0;line-height:1.45}.chat-item-head{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.chat-item-head span{color:var(--muted);font-size:.82rem}.month-grid-head,.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.55rem;display:grid}.month-grid-head{margin-bottom:.55rem}.month-grid-head-cell{text-align:center;color:var(--muted);font-size:.83rem;font-weight:700}.month-day{background:#ffffffb3;border:1px solid #1c1c1a14;border-radius:14px;flex-direction:column;gap:.45rem;min-height:8.8rem;padding:.55rem;display:flex}.month-day-empty{background:#ffffff47;border-style:dashed}.month-day-head{justify-content:flex-end;display:flex}.month-day-main{gap:.1rem;display:grid}.month-metric{font-size:1rem;font-family:var(--font-display), sans-serif;font-weight:700}.month-submetric{color:var(--muted);font-size:.82rem}.month-badges{flex-wrap:wrap;gap:.28rem;margin-top:auto;display:flex}.month-badge{border-radius:999px;align-items:center;padding:.1rem .38rem;font-size:.7rem;font-weight:700;display:inline-flex}.month-badge-open{color:#9a3412;background:#fb923c33}.month-badge-long{color:#9f1239;background:#f43f5e33}.month-badge-absent{color:#334155;background:#64748b33}.month-day-heat-0{background:#ffffffb8}.month-day-heat-1{background:#10b9811f}.month-day-heat-2{background:#10b98133}.month-day-heat-3{background:#10b9814d}.month-day-heat-4{background:#10b98170}@media (max-width:1100px){.hero-card,.status-row,.history-month-header,.history-row{grid-template-columns:1fr}.history-user-card{position:static}.status-card,.status-row-right{justify-content:flex-start}}@media (max-width:720px){.page-shell{width:min(100vw - 1rem,100%);padding:1rem 0 2rem}.hero-card,.panel,.warning-card,.state-panel{padding:1rem}.metric-strip,.attendance-form-grid{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:start}.month-grid-head,.month-grid{gap:.35rem}.month-day{min-height:6.8rem;padding:.42rem}.month-metric{font-size:.9rem}.month-submetric{font-size:.72rem}.month-badge{font-size:.63rem}.heat-cell{border-radius:8px;width:1.75rem;height:1.75rem}}