@font-face{font-family:Satoshi;src:url(/assets/satoshi-400-CPM9dct4.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/satoshi-500-ByP-Zb-9.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/satoshi-700-Bd5kKQ_U.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/assets/satoshi-900-DjnQuuRz.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/assets/general-sans-400-BeAhF2WT.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/assets/general-sans-500-DvEF04Ne.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/assets/general-sans-600-DFLbTJgb.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:General Sans;src:url(/assets/general-sans-700-Ctx684HN.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--color-bg: #f7f6f2;--color-surface: #f9f8f5;--color-surface-2: #fbfbf9;--color-surface-offset: #f3f0ec;--color-surface-offset-2: #edeae5;--color-surface-dynamic: #e6e4df;--color-divider: #dcd9d5;--color-border: #d4d1ca;--color-text: #28251d;--color-text-muted: #63625e;--color-text-faint: #72716c;--color-text-inverse: #f9f8f4;--color-primary: #01696f;--color-primary-hover: #0c4e54;--color-primary-active: #0f3638;--color-primary-highlight: #cedcd8;--color-on-primary: #f9f8f4;--color-warning: #964219;--color-warning-highlight: #ddcfc6;--color-error: #a12c7b;--color-error-highlight: #e0ced7;--color-error-on-highlight: #7d1c5e;--color-success: #437a22;--color-success-highlight: #d4dfcc;--color-gold: #d19900;--color-gold-highlight: #e9e0c6;--color-notification: #a13544;--color-notification-highlight: #dececb;--color-attention: #a13544;--color-attention-text: #f9f8f4;--color-notification-on: #f9f8f4;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(.2 .01 80 / .06);--shadow-md: 0 4px 12px oklch(.2 .01 80 / .08);--shadow-lg: 0 12px 32px oklch(.2 .01 80 / .12);--font-display: "Satoshi", "General Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "General Sans", "Satoshi", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--bottom-nav-clearance: 6rem;--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #171614;--color-surface: #1c1b19;--color-surface-2: #201f1d;--color-surface-offset: #1d1c1a;--color-surface-offset-2: #22211f;--color-surface-dynamic: #2d2c2a;--color-divider: #262523;--color-border: #393836;--color-text: #cdccca;--color-text-muted: #9a9995;--color-text-faint: #888785;--color-text-inverse: #2b2a28;--color-primary: #4f98a3;--color-primary-hover: #5fabb7;--color-primary-active: #9ad4de;--color-primary-highlight: #313b3b;--color-on-primary: #171614;--color-warning: #bb653b;--color-warning-highlight: #564942;--color-error: #d163a7;--color-error-highlight: #4c3d46;--color-error-on-highlight: #f0a3cd;--color-success: #6daa45;--color-success-highlight: #3a4435;--color-gold: #e8af34;--color-gold-highlight: #4d4332;--color-notification: #dd6974;--color-notification-highlight: #574848;--color-attention: #c0485a;--color-attention-text: #f9f8f4;--color-notification-on: #171614;--shadow-sm: 0 1px 2px oklch(0 0 0 / .2);--shadow-md: 0 4px 12px oklch(0 0 0 / .3);--shadow-lg: 0 12px 32px oklch(0 0 0 / .4)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #171614;--color-surface: #1c1b19;--color-surface-2: #201f1d;--color-surface-offset: #1d1c1a;--color-surface-offset-2: #22211f;--color-surface-dynamic: #2d2c2a;--color-divider: #262523;--color-border: #393836;--color-text: #cdccca;--color-text-muted: #9a9995;--color-text-faint: #888785;--color-text-inverse: #2b2a28;--color-primary: #4f98a3;--color-primary-hover: #5fabb7;--color-primary-active: #9ad4de;--color-primary-highlight: #313b3b;--color-on-primary: #171614;--color-warning: #bb653b;--color-warning-highlight: #564942;--color-error: #d163a7;--color-error-highlight: #4c3d46;--color-error-on-highlight: #f0a3cd;--color-success: #6daa45;--color-success-highlight: #3a4435;--color-gold: #e8af34;--color-gold-highlight: #4d4332;--color-notification: #dd6974;--color-notification-highlight: #574848;--color-attention: #c0485a;--color-attention-text: #f9f8f4;--color-notification-on: #171614;--shadow-sm: 0 1px 2px oklch(0 0 0 / .2);--shadow-md: 0 4px 12px oklch(0 0 0 / .3);--shadow-lg: 0 12px 32px oklch(0 0 0 / .4)}.app-layout{display:flex;min-height:100dvh}.sidebar{width:220px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-divider);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-6);position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)}.brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);letter-spacing:.02em}.nav-group{display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);text-align:left;width:100%;text-decoration:none;transition:background var(--transition-interactive),color var(--transition-interactive)}.nav-item:hover{background:var(--color-surface-offset);color:var(--color-text)}.nav-item.active{background:var(--color-primary-highlight);color:var(--color-primary-active);font-weight:600}.nav-item svg{width:18px;height:18px;flex-shrink:0}.main{flex:1;min-width:0;display:flex;flex-direction:column;height:100dvh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;position:relative;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-divider);background:var(--color-surface-2);flex-shrink:0}.topbar h1{font-size:var(--text-xl);font-weight:700}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.bell-wrap{display:flex}.bell-btn{position:relative}.bell-badge{position:absolute;top:3px;right:2px;min-width:20px;height:20px;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--color-attention);color:var(--color-attention-text);font-size:var(--text-xs);font-weight:700;line-height:20px;text-align:center;box-shadow:0 0 0 2px var(--color-surface-2)}.bell-panel{position:absolute;top:calc(100% + var(--space-2));right:var(--space-6);width:min(360px,calc(100vw - var(--space-12)));max-height:min(70vh,34rem);overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:95}.bell-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.bell-panel-head h2{font-size:var(--text-lg);font-weight:700}.bell-panel-close{padding:var(--space-1) var(--space-3)}.bell-panel-summary{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.bell-section+.bell-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-divider)}.bell-section h3{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.bell-section-count{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-surface-dynamic);border-radius:var(--radius-full);padding:2px var(--space-2)}.bell-section-note{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.bell-list{list-style:none;margin-top:var(--space-2)}.bell-item{display:flex;flex-direction:column;gap:2px;min-height:44px;justify-content:center;padding:var(--space-2);margin:0 calc(-1 * var(--space-2));border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-interactive)}.bell-item:hover{background:var(--color-surface-offset)}.bell-item-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.bell-item-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.content{flex:1;overflow-y:auto;padding:var(--space-6);max-width:1400px;width:100%;margin:0 auto}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-divider);z-index:70;padding:var(--space-1) var(--space-2);padding-bottom:max(var(--space-1),env(safe-area-inset-bottom));box-shadow:var(--shadow-lg)}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;max-width:600px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;flex:1;min-height:44px;text-decoration:none;transition:color var(--transition-interactive),background var(--transition-interactive)}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item:active{background:var(--color-surface-offset)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:all var(--transition-interactive)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface-offset);color:var(--color-text)}.icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);color:var(--color-text-muted);transition:background var(--transition-interactive)}.icon-btn:hover{background:var(--color-surface-offset);color:var(--color-text)}.icon-btn svg{width:20px;height:20px}.card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.section-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4)}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-title-row .section-title{margin-bottom:0}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.action-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.action-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-divider);box-shadow:var(--shadow-sm);transition:all var(--transition-interactive);text-align:left;text-decoration:none;color:var(--color-text);width:100%}.action-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-highlight);color:var(--color-primary-active);display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-card-icon svg{width:22px;height:22px}.action-card-title{font-weight:700;font-size:var(--text-sm)}.action-card-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.alert-banner{display:flex;align-items:center;gap:var(--space-3);background:var(--color-gold-highlight);border:1px solid color-mix(in oklab,var(--color-gold) 40%,transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);font-size:var(--text-sm)}.alert-banner svg{width:18px;height:18px;color:var(--color-gold);flex-shrink:0}.alert-banner.overdue{background:var(--color-notification-highlight);border-color:color-mix(in oklab,var(--color-notification) 40%,transparent)}.alert-banner.overdue svg{color:var(--color-notification)}.inline-legend{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--color-surface-offset);border-radius:var(--radius-md)}.inline-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}.student-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.student-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-divider);border-left:4px solid var(--color-border);transition:background var(--transition-interactive),transform var(--transition-interactive)}.student-row:hover{background:var(--color-surface-offset);transform:translate(2px)}.student-row-stacked{flex-wrap:wrap}.student-row-stacked .student-meta{flex:1 1 100%}.student-row-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-left:auto}.student-row-form{display:block}.student-row-form:hover{background:var(--color-surface-2);transform:none}.student-row.status-green{border-left-color:var(--color-success)}.student-row.status-yellow{border-left-color:var(--color-gold)}.student-row.status-red{border-left-color:var(--color-notification)}.student-row.status-unscheduled{border-left-color:var(--color-text-faint)}.avatar{width:38px;height:38px;border-radius:var(--radius-full);background:var(--color-primary-highlight);color:var(--color-primary-active);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.student-meta{flex:1;min-width:0}.student-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text);text-decoration:none}a.student-name:hover{text-decoration:underline}.student-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.badge{font-size:var(--text-xs);font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.badge-virtual{background:var(--color-primary-highlight);color:var(--color-primary-active)}.badge-inperson,.badge-subject{background:var(--color-surface-dynamic);color:var(--color-text-muted)}.subject-markers{display:flex;gap:var(--space-1);align-items:center;flex-shrink:0;margin-left:auto}.badge-overdue{background:var(--color-notification-highlight);color:var(--color-notification)}.badge-bday{background:var(--color-gold-highlight);color:var(--color-warning)}:root[data-theme=dark] .badge-bday{color:var(--color-gold)}.filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;border:1px solid var(--color-border);color:var(--color-text-muted);transition:all var(--transition-interactive)}.chip.active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.chip:hover:not(.active){background:var(--color-surface-offset)}.daygrid{--daygrid-scale: 1.6px;--daygrid-gutter: 3.5rem;list-style:none;display:flex;flex-direction:column}@media (min-width: 640px){.daygrid{--daygrid-scale: 2.2px;--daygrid-gutter: 5rem}}.daygrid-seg{position:relative;display:grid;grid-template-columns:var(--daygrid-gutter) minmax(0,1fr);gap:var(--space-3)}.daygrid-time{display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-size:var(--text-xs);line-height:1.3;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.daygrid-time-start{font-weight:600}.daygrid-time-end{color:var(--color-text-faint)}.daygrid-gap{height:max(calc(var(--seg-min) * var(--daygrid-scale)),1.5rem)}.daygrid-gap .daygrid-body{border-top:1px dashed var(--color-border);padding-top:var(--space-1);overflow:hidden}.daygrid-gap-label{font-size:var(--text-xs);color:var(--color-text-faint)}.daygrid-block .daygrid-body{min-height:calc(var(--seg-min) * var(--daygrid-scale));margin-bottom:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.daygrid-block-count{font-size:var(--text-xs);font-weight:600;color:var(--color-text-faint);margin-bottom:var(--space-2)}.daygrid-students{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:var(--space-2);list-style:none}.daygrid-students .student-name,.daygrid-students .student-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daygrid-now{position:absolute;top:var(--now-top);left:0;right:0;height:0;border-top:2px solid var(--color-notification);display:flex;justify-content:flex-end;align-items:center;z-index:2;pointer-events:none}.daygrid-now:before{content:"";position:absolute;left:0;width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-notification);transform:translateY(-50%)}.daygrid-now-pill{transform:translateY(-50%);background:var(--color-notification);color:var(--color-notification-on);font-size:var(--text-xs);font-weight:700;padding:1px var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.daygrid-block.is-now .daygrid-body{border-color:color-mix(in oklab,var(--color-notification) 45%,transparent)}.daygrid-caption{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.day-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-interactive)}.day-toggle:hover{background:var(--color-surface-offset)}.day-toggle:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.form-row{margin-bottom:var(--space-3)}.form-row label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.form-row input,.form-row select,.form-row textarea{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);font-size:max(16px,var(--text-sm))}.select-inline{min-height:44px;font-size:max(16px,var(--text-sm));padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.field{background:var(--color-surface-offset);border-radius:var(--radius-md);padding:var(--space-3)}.field-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.field-value{font-size:var(--text-sm);font-weight:600}.offline-indicator{bottom:var(--space-4)}@media (max-width: 860px){.grid-2,.action-cards{grid-template-columns:1fr}.bottom-nav{display:block}.sidebar{display:none}.main{height:auto;min-height:100dvh}.content{padding-bottom:calc(var(--bottom-nav-clearance) + env(safe-area-inset-bottom))}.offline-indicator{bottom:calc(var(--bottom-nav-clearance) + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.action-card:hover,.student-row:hover{transform:none}}.skip-link{min-height:44px;display:inline-flex;align-items:center;position:absolute;left:-9999px;top:0;z-index:200;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.skip-link:focus{left:var(--space-4);top:var(--space-2)}.auth-shell{max-width:380px;margin:0 auto;padding:var(--space-10) var(--space-4)}.auth-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.auth-sub{color:var(--color-text-muted);margin-bottom:var(--space-5);font-size:var(--text-sm)}.auth-footer{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);max-width:560px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-lg);padding:var(--space-6)}.modal-actions{display:flex;flex-direction:column;gap:var(--space-3)}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);min-height:44px}.filter-summary{flex:1 1 auto;min-width:0;font-size:var(--text-sm);color:var(--color-text-muted)}.filter-trigger{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-interactive)}.filter-trigger svg{width:18px;height:18px;color:var(--color-text-muted)}.filter-trigger:hover{background:var(--color-surface-offset)}.filter-trigger.is-active,.filter-trigger[aria-expanded=true]{border-color:var(--color-primary);color:var(--color-primary)}.filter-trigger.is-active svg,.filter-trigger[aria-expanded=true] svg{color:var(--color-primary)}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:700;line-height:1}.active-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0 0 var(--space-3)}.chip-dismiss{gap:var(--space-2);background:var(--color-surface-offset-2);color:var(--color-text);cursor:pointer}.chip-dismiss:hover{background:var(--color-surface-dynamic)}.chip-x{font-size:1.15em;line-height:1;color:var(--color-text-muted)}.chip-clear{background:transparent;border-style:dashed;cursor:pointer}.chip-dismiss:focus-visible,.chip-clear:focus-visible,.filter-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sheet-overlay{align-items:flex-end;padding:0}.sheet{display:flex;flex-direction:column;width:100%;max-height:85vh;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);padding-bottom:env(safe-area-inset-bottom);animation:sheet-rise .22s cubic-bezier(.16,1,.3,1)}@keyframes sheet-rise{0%{transform:translateY(100%)}}.sheet:focus{outline:none}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-bottom:1px solid var(--color-divider)}.sheet-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700}.sheet-body{display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto;padding:var(--space-5)}.sheet-footer{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-5);border-top:1px solid var(--color-divider)}.sheet-footer .btn{flex:1}@media (min-width: 720px){.sheet-overlay{align-items:center;padding:var(--space-4)}.sheet{max-width:480px;max-height:80vh;border-radius:var(--radius-xl);animation:none}}.filter-group{border:0;padding:0;margin:0;min-inline-size:0}.filter-legend{padding:0;margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.filter-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-option{position:relative;display:inline-flex;cursor:pointer}.filter-option input[type=radio]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:pointer}.filter-option-face{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:all var(--transition-interactive)}.filter-option:hover input[type=radio]:not(:checked)+.filter-option-face{background:var(--color-surface-offset);color:var(--color-text)}.filter-option input[type=radio]:checked+.filter-option-face{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:600}.filter-option input[type=radio]:focus-visible+.filter-option-face{outline:2px solid var(--color-primary);outline-offset:2px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.call-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.call-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-offset)}.call-btn{display:flex;align-items:center;gap:6px;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.locked-msg{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-4);background:var(--color-surface-offset);border-radius:var(--radius-md)}.kiosk-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center;overflow-y:auto}.kiosk-sign{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-8);max-width:560px;box-shadow:var(--shadow-md)}.kiosk-sign h1{font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--color-primary)}.kiosk-step{display:flex;align-items:center;justify-content:center;gap:var(--space-4);font-size:var(--text-lg);font-weight:600;padding:var(--space-3) 0}.kiosk-result{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);max-width:380px;width:100%;font-size:var(--text-lg);font-weight:600}.kiosk-exit{margin-top:var(--space-8);font-size:var(--text-xs);color:var(--color-text-faint)}.session-warning{position:fixed;top:calc(var(--space-4) + 64px);left:50%;transform:translate(-50%);z-index:90;max-width:calc(100% - var(--space-8));text-align:center}input[type=checkbox],input[type=radio]{width:24px;height:24px;min-height:24px;flex-shrink:0;accent-color:var(--color-primary)}.row-link{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;padding:var(--space-2) 0;color:inherit;text-decoration:none}.row-link:hover .student-name,.row-link:focus-visible .student-name{text-decoration:underline}.row-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.card-link{display:block;color:inherit;text-decoration:none}.card-link:hover .panel-heading,.card-link:focus-visible .panel-heading{text-decoration:underline}.card-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button.row-link{border:none;background:none;width:100%;text-align:left;font:inherit;cursor:pointer}.settings-links{display:flex;flex-direction:column}.settings-links a{display:block;padding:var(--space-3) 0;color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-divider)}.settings-links a:last-child{border-bottom:none}.settings-links a:hover,.settings-links a:focus-visible{text-decoration:underline}.page{max-width:560px;margin-inline:auto}.page-narrow{max-width:480px}.page-wide{max-width:720px}.card-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);margin-bottom:var(--space-2)}.card-stack{display:flex;flex-direction:column;gap:var(--space-4)}.form-error{color:var(--color-error);margin-bottom:var(--space-3)}.form-success{color:var(--color-success);margin-bottom:var(--space-3)}.empty-state{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-2) 0}.input-inline{min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);font-size:max(16px,var(--text-sm))}.btn-back{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);margin-left:calc(var(--space-3) * -1);min-height:44px;border:none;background:none;color:var(--color-primary);font:inherit;text-decoration:none;border-radius:var(--radius-sm);cursor:pointer}.btn-back:hover{background:var(--color-surface-offset)}.btn-back:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-danger{border-color:var(--color-error);color:var(--color-error-on-highlight);background:transparent}.btn-danger:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent)}.danger-zone{margin-top:var(--space-8);padding:var(--space-4);border:1px solid var(--color-error);border-radius:var(--radius-md);background:var(--color-error-highlight)}.danger-zone-title{font-size:var(--text-base);font-weight:700;color:var(--color-error-on-highlight);margin-bottom:var(--space-2)}.danger-zone-note{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-4)}.profile-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5)}.profile-name{font-size:var(--text-xl);margin-bottom:var(--space-1)}.profile-presence{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.profile-presence.is-withdrawn{color:var(--color-error);font-weight:600}.profile-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.profile-meta strong{font-weight:700;color:var(--color-text)}.profile-meta span+span:before{content:"·";margin-right:var(--space-2)}.panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);margin-bottom:var(--space-4)}.panel-heading{font-size:var(--text-base);font-weight:700;margin-top:var(--space-4);margin-bottom:var(--space-1)}.panel-heading:first-child{margin-top:0}.panel-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.schedule-week{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.schedule-week li{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}.schedule-day{color:var(--color-text-muted)}.tab-row{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-divider);margin-bottom:var(--space-4);overflow-x:auto}.tab-btn{padding:var(--space-3);min-height:44px;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.tab-btn[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-count{font-weight:400}.tab-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.card-identity{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.card-pickup{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.card-pickup .btn-primary{width:100%;justify-content:center}.notice-result{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.notice-result li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-offset);font-size:var(--text-sm)}.notice-result-name{font-weight:600}.notice-result-outcome{flex:1;min-width:0;color:var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}img,svg{display:block;max-width:100%}a{color:var(--color-primary)}body{touch-action:manipulation;min-height:100dvh;line-height:1.5;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;text-wrap:balance}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.status-dot.status-green{background:var(--color-success)}.status-dot.status-yellow{background:var(--color-gold)}.status-dot.status-red{background:var(--color-notification)}.status-dot.status-unscheduled{background:var(--color-text-faint)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0;margin:-1px}