@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{color:#27142a;font-synthesis:none;--ink:#27142a;--ink-soft:#705f70;--coral:#ee4c42;--coral-dark:#d83c34;--peach:#fff0e8;--paper:#fffdfb;--line:#eaded6;--green:#2c9b54;--yellow:#e6a91d;--red:#df4039;--shadow:0 22px 70px #461d341a;background:#fffaf6;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:#fffaf6}body{background:#fffaf6;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #ee4c4247}a{color:var(--coral-dark)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em}.brand{color:var(--ink);flex-direction:column;line-height:.86;display:inline-flex}.brand span{letter-spacing:-.055em;font-family:Fraunces,serif;font-size:clamp(2rem,4vw,4rem);font-weight:700}.brand small{color:var(--coral);letter-spacing:.45em;margin-top:.45rem;font-size:.8rem;font-weight:700}.brand--compact span{max-width:8rem;font-size:1.55rem;line-height:.92}.brand--compact small{letter-spacing:.34em;font-size:.6rem}.eyebrow{color:var(--coral-dark);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.45rem;font-size:.74rem;font-weight:700}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:.55rem;min-height:44px;padding:.72rem 1.08rem;font-weight:700;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.48;cursor:not-allowed}.button svg{width:18px;height:18px}.button--primary{background:var(--coral);color:#fff;box-shadow:0 10px 25px #ee4c4233}.button--primary:hover{background:var(--coral-dark)}.button--secondary{color:var(--coral-dark);background:#fff;border-color:#ef9d93}.button--ghost{border-color:var(--line);background:0 0}.button--small{min-height:36px;padding:.45rem .68rem;font-size:.78rem}.button--wide{width:100%}.text-button{color:var(--coral-dark);cursor:pointer;background:0 0;border:0;font-weight:700}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{background:var(--peach)}.icon-button svg{width:20px}.avatar{object-fit:cover;border:1px solid var(--line);border-radius:50%;flex:none;width:42px;height:42px}.avatar--letters{background:var(--peach);color:var(--coral-dark);place-items:center;font-size:.76rem;font-weight:800;display:grid}.dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.dot--green{background:var(--green)}.dot--yellow{background:var(--yellow)}.dot--red{background:var(--red)}.status{white-space:nowrap;align-items:center;gap:.52rem;display:inline-flex}.notice{border-left:3px solid var(--coral);background:var(--peach);color:var(--ink);justify-content:space-between;align-items:center;margin:0 0 1.4rem;padding:.85rem 1rem;display:flex}.notice button{cursor:pointer;background:0 0;border:0;font-size:1.25rem}.form-error{color:#b82f29;font-size:.85rem}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.mobile-only{display:none}.login-page{grid-template-columns:minmax(360px,.9fr) 1.1fr;min-height:100vh;display:grid}.login-copy{background:var(--ink);color:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(2rem,6vw,6rem);display:flex;position:relative;overflow:hidden}.login-copy:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:25rem;height:25rem;position:absolute;bottom:8%;right:-12rem;box-shadow:0 0 0 5rem #ffffff06,0 0 0 10rem #ffffff05}.login-copy .brand{color:#fff}.login-copy h1{max-width:11ch;margin-bottom:1.3rem;font:700 clamp(2.6rem,5vw,5.5rem)/.98 Fraunces,serif}.login-copy>div p:last-child{color:#d6c8d5;max-width:37rem;font-size:1.08rem;line-height:1.65}.login-support{z-index:1;color:#baaaba;margin:0;font-size:.86rem}.login-panel{background:radial-gradient(circle at 75% 20%,#fff0e8 0,#0000 35%),#fffaf6;place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{border:1px solid var(--line);width:min(100%,450px);box-shadow:var(--shadow);background:#fffdfbf0;padding:clamp(2rem,5vw,3.7rem)}.login-card h2{margin-bottom:.6rem;font:700 2.25rem/1.1 Fraunces,serif}.login-card form>p:not(.eyebrow){color:var(--ink-soft);line-height:1.6}.login-card label,.form-grid label{gap:.48rem;font-size:.82rem;font-weight:700;display:grid}.login-card input,.form-grid input,.form-grid select{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #d9cbc3;border-radius:5px;padding:.78rem .85rem}.login-card .button{margin-top:1rem}.login-card small{color:var(--ink-soft);text-align:center;margin-top:1.2rem;display:block}.login-icon{background:var(--peach);width:54px;height:54px;color:var(--coral);border-radius:50%;place-items:center;margin-bottom:2rem;display:grid}.success-message svg{width:54px;height:54px;color:var(--green);margin-bottom:1.5rem}.success-message p{color:var(--ink-soft);line-height:1.6}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--paper);z-index:20;flex-direction:column;height:100vh;padding:2rem 1rem 1.2rem;display:flex;position:sticky;top:0}.sidebar-top{justify-content:space-between;align-items:flex-start;padding:0 .85rem 2.7rem;display:flex}.sidebar nav{gap:.4rem;display:grid}.sidebar nav button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.85rem;padding:.86rem 1rem;display:flex}.sidebar nav button svg{width:19px}.sidebar nav button.active{color:var(--coral-dark);background:var(--peach);font-weight:700}.sidebar-profile{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;margin-top:auto;padding:1rem .25rem 0;display:grid}.sidebar-profile div{min-width:0}.sidebar-profile strong,.sidebar-profile span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-profile strong{font-size:.84rem}.sidebar-profile span{color:var(--ink-soft);font-size:.72rem}.workspace{background:#fffaf6;min-width:0;padding:2.2rem clamp(1.2rem,4vw,4rem) 4rem}.workspace-header{align-items:center;gap:1rem;min-height:74px;margin-bottom:2rem;display:flex}.workspace-header>div{margin-right:auto}.workspace-header h1{margin:0;font:700 clamp(2rem,3vw,3rem)/1 Fraunces,serif}.header-actions{gap:.6rem;display:flex;margin-right:0!important}.page-content{gap:1.5rem;display:grid}.welcome-row{justify-content:space-between;align-items:end;display:flex}.welcome-row h2{margin-bottom:.35rem;font:700 2rem/1 Fraunces,serif}.welcome-row p,.welcome-row span{color:var(--ink-soft);margin:0}.welcome-row span{text-transform:capitalize}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric{border:1px solid var(--line);background:var(--paper);align-items:center;gap:1rem;min-height:124px;padding:1.35rem;display:flex}.metric>span{width:45px;height:45px;color:var(--coral);background:var(--peach);border-radius:50%;place-items:center;display:grid}.metric svg{width:21px}.metric p{color:var(--ink-soft);margin-bottom:.25rem;font-size:.82rem}.metric strong{font:700 2rem/1 Fraunces,serif}.panel{border:1px solid var(--line);background:var(--paper);overflow:hidden}.panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.3rem 1.5rem;display:flex}.panel header h2{margin:0;font:700 1.55rem/1.15 Fraunces,serif}.panel header .eyebrow{margin-bottom:.3rem}.panel-toolbar{gap:1rem}.search{border:1px solid var(--line);background:#fff;align-items:center;gap:.55rem;width:min(310px,45%);height:42px;padding:0 .85rem;display:flex}.search svg{width:17px;color:var(--ink-soft)}.search input{background:0 0;border:0;outline:none;width:100%}.panel-loading{color:var(--ink-soft);padding:2rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.84rem}th{color:var(--ink-soft);letter-spacing:.08em;text-align:left;text-transform:uppercase;font-size:.68rem}th,td{border-bottom:1px solid #eee4de;padding:.9rem 1.2rem}tbody tr:last-child td{border-bottom:0}td>span,td>small{display:block}td>small{color:var(--ink-soft);margin-top:.2rem}.person-cell{align-items:center;gap:.7rem;min-width:185px;display:flex}.row-actions{gap:.45rem;display:flex}.empty-state{text-align:center;color:var(--ink-soft);padding:3.5rem 1.5rem}.empty-state h3{color:var(--ink)}.class-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.class-card{border:1px solid var(--line);background:var(--paper);align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.class-icon{background:var(--peach);width:48px;height:48px;color:var(--coral);border-radius:50%;flex:none;place-items:center;display:grid}.class-card h2{margin-bottom:.45rem;font:700 1.35rem Fraunces,serif}.class-card p:last-child{color:var(--ink-soft);margin:0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:.9rem;display:flex}.section-heading h2{margin:0;font:700 1.7rem Fraunces,serif}.class-session-button{margin-top:.9rem;padding:0;font-size:.78rem}.plan-list{grid-template-columns:repeat(3,1fr);display:grid}.plan-list article{border-right:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;display:flex}.plan-list article:last-child{border-right:0}.plan-list strong,.plan-list span{display:block}.plan-list span{color:var(--ink-soft);font-size:.76rem}.plan-list b{font:700 1.35rem Fraunces,serif}.plan-list b small{color:var(--ink-soft);font:500 .72rem DM Sans,sans-serif}.payment-banner{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.payment-banner>div{align-items:center;gap:.9rem;display:flex}.payment-banner p{margin:0}.payment-banner strong,.payment-banner span{display:block}.payment-banner span{color:#cdbfcd;margin-top:.15rem;font-size:.8rem}.feature-panel{border:1px solid var(--line);background:var(--paper);grid-template-columns:auto 1fr;align-items:start;gap:2rem;min-height:260px;padding:clamp(2rem,5vw,4rem);display:grid}.feature-panel>svg{width:58px;height:58px;color:var(--coral);background:var(--peach);border-radius:50%;padding:.8rem}.feature-panel h2{font:700 2rem Fraunces,serif}.feature-panel p:last-child{max-width:60ch;color:var(--ink-soft);line-height:1.7}.modal-backdrop{z-index:100;background:#1f0c1f8f;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--paper);width:min(760px,100%);max-height:calc(100vh - 2rem);box-shadow:var(--shadow);overflow:auto}.modal>header{background:var(--paper);border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex;position:sticky;top:0}.modal h2{margin:0;font:700 1.65rem Fraunces,serif}.form-grid{grid-template-columns:1fr 1fr;gap:1.1rem;padding:1.5rem;display:grid}.span-2{grid-column:1/-1}.form-grid fieldset{border:0;margin:0;padding:0}.form-grid legend{justify-content:space-between;width:100%;margin-bottom:.7rem;font-weight:700;display:flex}.check-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.check-grid label{border:1px solid var(--line);cursor:pointer;grid-template-columns:auto 1fr;gap:.1rem .6rem;padding:.75rem;display:grid}.check-grid label.checked{border-color:var(--coral);background:var(--peach)}.check-grid input{grid-row:1/3;width:auto;min-height:0}.check-grid small{color:var(--ink-soft)}.form-footer{border-top:1px solid var(--line);justify-content:flex-end;padding-top:.8rem;display:flex}.student-shell{min-height:100vh;padding-bottom:90px}.student-header{justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:1.6rem clamp(1.2rem,4vw,3rem);display:flex}.student-shell main{max-width:1000px;margin:auto;padding:1rem clamp(1.2rem,4vw,3rem) 4rem}.student-greeting{justify-content:space-between;align-items:center;margin:1rem 0 2rem;display:flex}.student-greeting h1{margin-bottom:.35rem;font:700 clamp(2.3rem,5vw,4rem)/1 Fraunces,serif}.student-greeting p:last-child{color:var(--ink-soft)}.student-greeting .avatar{width:68px;height:68px}.membership-card{background:var(--paper);border:1px solid #efb6aa;grid-template-columns:1fr .8fr;gap:2rem;padding:clamp(1.2rem,3vw,2rem);display:grid}.membership-data{padding:.5rem}.membership-data h2{font:700 2rem Fraunces,serif}.membership-data dl{gap:1rem;margin:2rem 0 0;display:grid}.membership-data dl div{border-top:1px solid var(--line);padding-top:.9rem}.membership-data dt{color:var(--ink-soft);font-size:.76rem}.membership-data dd{margin:.2rem 0 0;font-weight:700}.qr-card{border-left:1px solid var(--line);text-align:center;padding-left:2rem}.qr-card>p{font-weight:700}.qr-card img{width:min(100%,250px);margin:.5rem auto 1rem;display:block}.qr-placeholder{min-height:240px;color:var(--ink-soft);place-items:center;display:grid}.student-section{border:1px solid var(--line);background:var(--paper);margin-top:1.5rem}.student-section>header{border-bottom:1px solid var(--line);justify-content:space-between;padding:1.2rem 1.4rem;display:flex}.student-section h2{margin:0;font:700 1.6rem Fraunces,serif}.student-classes article{border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding:1rem 1.4rem;display:flex}.student-classes article:last-child{border:0}.student-classes h3{margin-bottom:.25rem}.student-classes p{color:var(--ink-soft);margin:0}.dance-mark{background:var(--peach);width:46px;height:46px;color:var(--coral);border-radius:50%;place-items:center;font:700 .75rem Fraunces;display:grid}.payment-card{border:1px solid var(--line);background:var(--paper);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-top:1.5rem;padding:1.2rem 1.4rem;display:grid}.payment-card>span{background:var(--peach);width:48px;height:48px;color:var(--coral);border-radius:50%;place-items:center;display:grid}.payment-card h2{margin-bottom:.2rem;font:700 1.8rem Fraunces,serif}.payment-card h2 small{font:500 .9rem DM Sans}.payment-card p{color:var(--ink-soft);margin:0;font-size:.78rem}.payment-card p svg{vertical-align:middle;width:14px;color:var(--green)}.mobile-nav{border:1px solid var(--line);z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdfbf5;grid-template-columns:repeat(4,1fr);width:min(100%,1000px);min-height:72px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mobile-nav button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:.7rem;display:flex}.mobile-nav svg{width:21px}.mobile-nav button.active{color:var(--coral);font-weight:700}.teacher-shell{background:#fffaf6;min-height:100vh}.teacher-shell>header{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;padding:1.2rem clamp(1rem,4vw,3rem);display:flex}.teacher-identity{align-items:center;gap:.7rem;display:flex}.teacher-identity strong,.teacher-identity span{display:block}.teacher-identity span{color:var(--coral);text-align:right;font-size:.74rem}.teacher-shell main{width:min(100%,820px);margin:auto;padding:2rem 1rem 5rem}.teacher-title{justify-content:space-between;align-items:end;margin-bottom:1.2rem;display:flex}.teacher-title h1{margin:0;font:700 clamp(2.4rem,7vw,4rem)/1 Fraunces,serif}.teacher-title>svg{width:48px;height:48px;color:var(--coral)}.session-select{border:1px solid var(--line);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.8rem 1rem;display:grid}.session-select>svg{color:var(--coral)}.session-select span,.session-select small{display:block}.session-select small{color:var(--ink-soft)}.session-select select{appearance:none;background:0 0;border:0;outline:none;width:100%;font-weight:700}.camera-frame{background:#110d11;min-height:470px;position:relative;overflow:hidden}.camera-frame #qr-reader{min-height:470px;border:0!important}.camera-frame video{object-fit:cover;min-height:470px;width:100%!important}.scan-corner{pointer-events:none;border-style:solid;border-color:#fff;width:52px;height:52px;position:absolute}.scan-corner--a{border-width:4px 0 0 4px;top:14%;left:12%}.scan-corner--b{border-width:4px 4px 0 0;top:14%;right:12%}.scan-corner--c{border-width:0 0 4px 4px;bottom:16%;left:12%}.scan-corner--d{border-width:0 4px 4px 0;bottom:16%;right:12%}.camera-label{color:#fff;white-space:nowrap;background:#140b14d1;align-items:center;gap:.45rem;padding:.55rem .8rem;font-size:.76rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.camera-label svg{width:16px}.scan-result{background:#fff;border:2px solid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin-top:1rem;padding:1.2rem;display:grid}.scan-result-icon{color:#fff;border-radius:50%;place-items:center;width:62px;height:62px;font-size:2rem;font-weight:800;display:grid}.scan-result p{margin-bottom:.2rem;font-weight:700}.scan-result h2{margin-bottom:.25rem;font-size:clamp(1.1rem,3vw,1.6rem)}.scan-result span{color:var(--ink-soft)}.scan-result--green{border-color:var(--green)}.scan-result--green .scan-result-icon{background:var(--green)}.scan-result--yellow{border-color:var(--yellow)}.scan-result--yellow .scan-result-icon{background:var(--yellow)}.scan-result--red{border-color:var(--red)}.scan-result--red .scan-result-icon{background:var(--red)}.manual-scan{border:1px solid var(--line);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin-top:1rem;padding:.65rem;display:grid}.manual-scan>svg{color:var(--ink-soft)}.manual-scan input{border:0;outline:none;min-width:0}.status-guide{border:1px solid var(--line);background:var(--paper);margin-top:1.5rem;padding:1.3rem}.status-guide h2{font:700 1.4rem Fraunces,serif}.status-guide>div{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.status-guide p{grid-template-columns:auto 1fr;gap:.15rem .55rem;margin:0;display:grid}.status-guide i{grid-row:1/3;margin-top:.3rem}.status-guide span{color:var(--ink-soft);font-size:.76rem}.loading{min-height:100vh;color:var(--ink-soft);place-content:center;justify-items:center;display:grid}.loading-mark{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:68px;height:68px;font:700 1.3rem Fraunces;animation:1.2s infinite alternate pulse;display:grid}.loading p{margin-top:1rem}.toast-error{color:#fff;background:#3f1820;padding:.8rem 1rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@keyframes pulse{to{transform:scale(1.07);box-shadow:0 0 0 12px #ee4c421a}}@media (width<=980px){.metric-grid,.class-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:1fr}.mobile-only{display:grid}.sidebar{width:min(300px,88vw);box-shadow:var(--shadow);transition:transform .2s;position:fixed;left:0;transform:translate(-102%)}.sidebar--open{transform:translate(0)}.sidebar-scrim{z-index:19;background:#1b0a1a73;border:0;position:fixed;inset:0}.workspace-header .mobile-only{margin-right:.3rem}}@media (width<=720px){.login-page{grid-template-columns:1fr}.login-copy{display:none}.login-panel{min-height:100svh;padding:1rem}.login-card{padding:2rem 1.4rem}.workspace{padding:1.2rem 1rem 4rem}.workspace-header{margin-bottom:1.2rem}.workspace-header .button{width:44px;padding:0;font-size:0}.workspace-header .button svg{margin:0}.welcome-row span{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:.65rem}.metric{min-height:102px;padding:.9rem}.metric>span{display:none}.metric strong{font-size:1.7rem}.panel-toolbar{flex-direction:column;align-items:stretch!important}.search{width:100%}.class-grid{grid-template-columns:1fr}.row-actions{min-width:170px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.check-grid{grid-template-columns:1fr}.header-actions{gap:.35rem}.plan-list{grid-template-columns:1fr}.plan-list article{border-right:0;border-bottom:1px solid var(--line)}.student-header{padding:1rem 1.2rem}.student-shell main{padding-top:.3rem}.student-greeting{margin-top:.5rem}.student-greeting .avatar{width:54px;height:54px}.membership-card{grid-template-columns:1fr;gap:1rem}.qr-card{border-left:0;border-top:1px solid var(--line);padding:1.2rem 0 0}.qr-card img{width:min(82vw,300px)}.payment-card{grid-template-columns:auto 1fr}.payment-card .button{grid-column:1/-1;width:100%}.teacher-identity>div{display:none}.teacher-shell main{padding-top:1.3rem}.camera-frame,.camera-frame #qr-reader,.camera-frame video{min-height:420px}.manual-scan{grid-template-columns:auto 1fr}.manual-scan .button{grid-column:1/-1}.status-guide>div{grid-template-columns:1fr}.scan-result{text-align:center;grid-template-columns:1fr}.scan-result-icon{margin:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}