/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#111;--muted:#666b70;--line:#dfe5e9;--soft:#f3f7f9;--paper:#fff;--blue:#087eae;--blue-deep:#005c86;--blue-soft:#e7f4fa;--orange:#fca91b;--orange-deep:#bf7310;--orange-soft:#fff4df;--green:#198754;--green-soft:#e8f5ee;--red:#bf3f4d;--red-soft:#fbebed}*{box-sizing:border-box}html{background:#f5f7f8}body{color:var(--ink);background:linear-gradient(#fff 0,#f6f8f9 26rem);margin:0;font-family:Helvetica Neue,Arial,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;padding-bottom:7rem}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:94px;padding:0 4vw;display:grid;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:.8rem;padding:0;display:flex}.brand-logo{object-fit:contain;object-position:left center;width:168px;height:65px;display:block}.brand-copy{border-left:1px solid var(--line);flex-direction:column;align-items:flex-start;padding-left:1rem;line-height:1.1;display:flex}.brand-copy strong{font-size:.94rem;font-weight:600}.brand-copy small{color:var(--muted);margin-top:.27rem;font-size:.72rem}.primary-nav{background:0 0;gap:1.5rem;padding:0;display:flex}.primary-nav button{color:#222;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:.85rem .05rem .65rem;font-size:.9rem;font-weight:400}.primary-nav button.active{color:var(--blue-deep);border-color:var(--orange);box-shadow:none;background:0 0;font-weight:600}.private-badge{color:var(--muted);justify-self:end;align-items:center;gap:.5rem;font-size:.78rem;display:inline-flex}.private-badge i{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px var(--green-soft);border-radius:50%}.private-badge.offline i{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.account-cluster{justify-self:end;align-items:center;gap:.85rem;display:flex}.viewer-details{flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.viewer-details strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.75rem;overflow:hidden}.viewer-details small{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--muted);margin-top:.2rem;font-size:.65rem;overflow:hidden}.sign-out{color:var(--blue-deep);font-size:.7rem;font-weight:700;text-decoration:none}.sign-out:hover{text-decoration:underline}.access-page{background:linear-gradient(145deg,#f7fbfd,#fff 48%,#fff8ec);place-items:center;min-height:100vh;padding:2rem;display:grid}.access-card{border:1px solid var(--line);border-top:5px solid var(--blue);background:#fff;border-radius:6px;width:min(580px,100%);padding:3rem;box-shadow:0 24px 70px #0044641f}.access-logo{object-fit:contain;object-position:left center;width:210px;height:82px;margin-bottom:3rem;display:block}.access-card h1{max-width:500px;margin-bottom:1rem;font-size:clamp(2.2rem,6vw,4rem)}.access-card>p:not(.eyebrow){max-width:470px;color:var(--muted);margin-bottom:1.8rem;font-size:1rem;line-height:1.65}.access-action{color:#fff;background:var(--blue);border-radius:3px;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.15rem;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.access-action:hover{background:var(--blue-deep)}.access-card>small{color:var(--muted);margin-top:2rem;font-size:.72rem;display:block}.error-banner{color:#8f2633;background:var(--red-soft);border:1px solid #ecc3c8;border-radius:6px;width:min(1180px,92vw);margin:1rem auto -1rem;padding:.85rem 1rem;font-size:.82rem}.error-banner button{color:var(--blue-deep);cursor:pointer;background:0 0;border:0;margin-left:.45rem;padding:0;font-weight:800;text-decoration:underline}.page-wrap{width:min(1180px,92vw);margin:0 auto;padding-top:4.5rem}.hero-row{display:block}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.14em;margin:0 0 .75rem;font-size:.74rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;color:var(--ink);margin-bottom:1rem;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(2.55rem,5vw,4.7rem);font-weight:500;line-height:1.02}h2{letter-spacing:-.025em;color:var(--ink);margin-bottom:.25rem;font-family:Helvetica Neue,Arial,sans-serif;font-size:2rem;font-weight:500}.lede{max-width:650px;color:var(--muted);margin-bottom:0;font-size:1.08rem;line-height:1.7}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin:3.25rem 0 4.5rem;display:grid}.stat-card{border:1px solid var(--line);border-top:4px solid var(--blue);background:var(--paper);border-radius:5px;min-height:150px;padding:1.45rem;position:relative;overflow:hidden;box-shadow:0 9px 26px #003d5a0a}.stat-card:after{content:"";background:var(--orange-soft);width:52px;height:52px;position:absolute;bottom:-12px;right:-12px;transform:rotate(12deg)}.stat-card strong{color:var(--blue-deep);margin-bottom:.15rem;font-size:2.7rem;font-weight:500;display:block}.stat-card span{font-weight:800;display:block}.stat-card small{color:var(--muted);margin-top:.4rem;display:block}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.subjects-heading{margin-top:3.25rem}.section-heading>p{color:var(--muted);margin-bottom:.35rem;font-size:.84rem}.subject-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.subject-card{text-align:left;border:1px solid var(--line);background:var(--paper);cursor:pointer;border-left:4px solid #0000;border-radius:5px;grid-template-columns:62px 1fr auto;align-items:center;gap:1rem;padding:1.1rem;transition:all .18s;display:grid}.subject-card:hover{border-left-color:var(--orange);transform:translateY(-2px);box-shadow:0 12px 28px #004b6e14}.subject-monogram{text-align:center;border-radius:2px;place-items:center;min-height:58px;padding:.5rem;font-size:.76rem;font-weight:800;line-height:1.1;display:grid}.tone-1,.tone-3{color:var(--blue-deep);background:var(--blue-soft)}.tone-2,.tone-4{color:var(--orange-deep);background:var(--orange-soft)}.subject-body{min-width:0;display:block}.subject-body strong,.subject-body small,.subject-body em{display:block}.subject-body strong{margin-bottom:.28rem;font-size:1rem}.subject-body small,.subject-body em{color:var(--muted);font-size:.76rem;font-style:normal}.progress-line{background:#eee8ea;border-radius:99px;height:4px;margin:.85rem 0 .4rem;display:block;overflow:hidden}.progress-line i,.mini-progress i{background:var(--orange);border-radius:inherit;height:100%;display:block}.arrow{color:var(--blue);font-size:1.25rem}.register-page{padding-top:2.2rem}.back-button{color:var(--blue-deep);cursor:pointer;background:0 0;border:0;margin-bottom:2rem;padding:0;font-weight:700}.register-title{justify-content:space-between;align-items:end;gap:2rem;display:flex}.register-title h1{font-size:clamp(2.3rem,4vw,4rem)}.register-title p:last-child{color:var(--muted)}.date-field{min-width:190px;color:var(--muted);flex-direction:column;gap:.45rem;font-size:.76rem;font-weight:800;display:flex}.date-field input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:3px;padding:.75rem .85rem}.class-strip{grid-template-columns:repeat(10,1fr);gap:.45rem;margin:2.2rem 0 1.4rem;display:grid}.class-strip button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:3px;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .25rem;display:flex}.class-strip button span{color:var(--muted);font-size:.65rem}.class-strip button strong{font-size:1.08rem}.class-strip button.active{border-color:var(--blue);color:#fff;background:var(--blue);box-shadow:0 8px 20px #005c8629}.class-strip button.active span{color:#ffffffb3}.class-strip button{position:relative}.class-strip button i{background:var(--green);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px;box-shadow:0 0 0 2px #fff}.class-strip button.active i{background:var(--orange);box-shadow:0 0 0 2px var(--blue)}.register-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem;padding:.8rem 1rem;display:flex}.attendance-totals{color:var(--muted);gap:1.2rem;font-size:.78rem;display:flex}.present-dot:before,.late-dot:before,.absent-dot:before{content:"";border-radius:50%;width:7px;height:7px;margin-right:.38rem;display:inline-block}.present-dot:before{background:var(--green)}.late-dot:before{background:var(--orange)}.absent-dot:before{background:var(--red)}.mark-all{color:var(--blue-deep);cursor:pointer;background:0 0;border:0;font-size:.8rem;font-weight:800}.mark-all:disabled{color:#aaa1a6;cursor:not-allowed}.roster-card{border:1px solid var(--line);background:var(--paper);border-radius:5px;overflow:hidden}.roster-head,.student-row{grid-template-columns:1fr auto;align-items:center;gap:1rem;display:grid}.roster-head{color:var(--muted);background:var(--soft);text-transform:uppercase;letter-spacing:.1em;padding:.8rem 1.35rem;font-size:.7rem;font-weight:800}.student-row{border-top:1px solid #f0ebed;min-height:70px;padding:.65rem 1.2rem}.student-row:first-of-type{border-top:0}.student-name{align-items:center;gap:.8rem;display:flex}.student-name strong{font-size:.9rem}.avatar{border-radius:3px;place-items:center;width:40px;height:40px;font-size:.68rem;font-weight:800;display:grid}.avatar-1,.avatar-3,.avatar-5{background:var(--blue-soft);color:var(--blue-deep)}.avatar-2,.avatar-4{background:var(--orange-soft);color:var(--orange-deep)}.status-buttons{gap:.45rem;display:flex}.status-buttons button{border:1px solid var(--line);min-width:104px;color:var(--muted);cursor:pointer;background:#fff;border-radius:3px;padding:.62rem .8rem;font-size:.78rem;font-weight:700}.status-buttons button.selected.present{color:#12623b;background:var(--green-soft);border-color:#95cfaf}.status-buttons button.selected.late{color:var(--orange-deep);background:var(--orange-soft);border-color:#f0c36e}.status-buttons button.selected.absent{color:#a32e3c;background:var(--red-soft);border-color:#e3a4ab}.save-bar{z-index:15;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffdfdf5;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(4vw,50vw - 590px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #371d2b0f}.save-bar div{flex-direction:column;gap:.2rem;display:flex}.save-bar span{color:var(--muted);font-size:.76rem}.save-bar button{color:#9b9196;background:#ede8ea;border:0;border-radius:12px;padding:.85rem 1.15rem;font-size:.8rem;font-weight:800}.save-bar .save-button{color:#fff;background:var(--orange);cursor:pointer;border-radius:2px;box-shadow:0 8px 20px #fca91b38}.save-bar .save-button:disabled{color:#9b9196;box-shadow:none;cursor:not-allowed;background:#ede8ea}.management-hero{min-height:160px}.management-card{border:1px solid var(--line);background:#fff;border-radius:5px;overflow:hidden}.management-head{background:var(--soft);justify-content:space-between;align-items:end;gap:1rem;padding:1.4rem;display:flex}.management-head h2{margin:0}.management-head>span{color:var(--muted);margin-bottom:.3rem;font-size:.74rem}.management-row{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #f0ebed;grid-template-columns:minmax(190px,1.5fr) minmax(120px,1fr) 54px 24px;align-items:center;gap:1rem;width:100%;padding:1rem 1.4rem;display:grid}.management-row:hover{background:#fffbfc}.management-subject{flex-direction:column;gap:.25rem;display:flex}.management-subject small{color:var(--muted)}.mini-progress{background:#efe9eb;border-radius:99px;height:6px;overflow:hidden}.attention-card{color:var(--blue-deep);border:1px solid #f0d39e;border-left:5px solid var(--orange);background:#fff9ed;border-radius:5px;grid-template-columns:minmax(220px,.65fr) 1.35fr;gap:2rem;margin:0 0 1rem;padding:1.4rem;display:grid}.attention-card h2{margin:0;font-size:1.6rem}.attention-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.attention-list div{background:#fff;border:1px solid #f0dfbd;border-radius:3px;justify-content:space-between;gap:.8rem;padding:.75rem .85rem;display:flex}.attention-list strong{font-size:.8rem}.attention-list span{color:var(--muted);white-space:nowrap;font-size:.72rem}@media (width<=820px){.topbar{grid-template-columns:1fr auto;gap:1rem;padding:.75rem 4vw}.primary-nav{z-index:50;border:1px solid var(--line);background:#fff;justify-content:center;width:min(92vw,420px);position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #2d192329}.primary-nav button{white-space:nowrap;flex:1}.primary-nav button.active{background:var(--blue-soft);box-shadow:none}.private-badge,.viewer-details small{display:none}.page-wrap{padding-top:2.6rem}.register-title{flex-direction:column;align-items:stretch}.subjects-heading{margin-top:2rem}.stats-grid{margin:2rem 0 3.5rem}.subject-grid{grid-template-columns:1fr}.class-strip{grid-template-columns:repeat(5,1fr)}.attention-card{grid-template-columns:1fr}}@media (width<=560px){.access-page{padding:1rem}.access-card{padding:2rem 1.5rem}.access-logo{width:170px;margin-bottom:2rem}.account-cluster{gap:.6rem}.viewer-details{display:none}.brand-logo{width:135px;height:54px}.brand-copy{display:none}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:auto}.subject-card{grid-template-columns:54px 1fr auto}.register-toolbar{flex-direction:column;align-items:flex-start}.attendance-totals{flex-wrap:wrap;gap:.65rem 1rem}.roster-head{display:none}.student-row{grid-template-columns:1fr}.status-buttons button{flex:1;min-width:0}.save-bar{flex-direction:column;align-items:stretch;padding:.8rem 4vw 5.6rem}.save-bar button{width:100%}.management-row{grid-template-columns:1fr 48px 20px}.management-row .mini-progress{display:none}.attention-list{grid-template-columns:1fr}}