@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";:root{font-family:DM Sans,Segoe UI,sans-serif;color:#202b2d;background:#f6f5f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}:root{--ink: #202b2d;--muted: #788183;--line: #e6e6e0;--paper: #fffefa;--cream: #f6f5f1;--coral: #ed7e68;--coral-soft: #fff0eb;--sage: #9bad8e;--sage-soft: #eef3eb;--blue: #8caab3;--blue-soft: #eaf2f4}.app-shell{display:flex;min-height:100vh;background:var(--cream)}.sidebar{width:256px;flex:0 0 256px;display:flex;flex-direction:column;padding:30px 18px 22px;background:#202b2d;color:#fff}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 14px 37px}.brand-mark{width:33px;height:33px;display:grid;place-items:center;background:var(--coral);border-radius:10px 10px 10px 3px}.brand-lockup strong{display:block;font-size:17px;line-height:15px;letter-spacing:.16em}.brand-lockup span{display:block;margin-top:4px;color:#a9b4b0;font-size:8px;letter-spacing:.29em}.sidebar-context{padding:0 14px 29px;border-bottom:1px solid rgba(255,255,255,.11)}.eyebrow{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.13em;line-height:1.3;text-transform:uppercase}.sidebar .eyebrow{color:#8c9b99}.context-role{display:block;margin-top:9px;color:#fff;font-size:14px;font-weight:600}.main-nav{padding:29px 0}.nav-heading{display:block;padding:0 14px 12px;color:#697a77;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:0;border-radius:9px;margin:2px 0;padding:12px 14px;color:#aab7b4;background:transparent;font-size:13px;text-align:left;transition:.2s ease}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1a}.nav-item.active{box-shadow:inset 3px 0 var(--coral)}.nav-arrow{margin-left:auto;color:var(--coral)}.sidebar-bottom{margin-top:auto}.help-box{margin:0 3px 18px;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#ffffff0a}.help-icon{width:28px;height:28px;display:grid;place-items:center;margin-bottom:12px;color:#f8b5a6;background:#ed7e6826;border-radius:8px}.help-box strong,.help-box span{display:block}.help-box strong{font-size:12px}.help-box span{margin-top:5px;color:#93a19e;font-size:11px;line-height:1.45}.help-box button{display:flex;align-items:center;gap:5px;margin-top:13px;padding:0;border:0;color:#f8b5a6;background:transparent;font-size:11px;font-weight:700}.logout-button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:0;color:#94a29f;background:transparent;font-size:12px;text-align:left}.main-content{flex:1;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5.4%;border-bottom:1px solid var(--line);background:#fffefabf}.breadcrumb{display:flex;align-items:center;gap:9px;color:#9ca4a3;font-size:12px}.breadcrumb strong{color:var(--ink);font-weight:600}.topbar-actions{display:flex;align-items:center;gap:20px}.demo-pill{display:flex;align-items:center;gap:7px;color:#89918f;font-size:11px}.demo-pill span{width:6px;height:6px;border-radius:50%;background:var(--sage)}.icon-button{position:relative;width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#687473;background:var(--paper)}.icon-button i{position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--coral)}.avatar-button{width:34px;height:34px;border:0;border-radius:50%;color:#fff;background:var(--coral);font-size:10px;font-weight:700}.mobile-menu{display:none;border:0;background:none;color:var(--ink)}.content-wrap{max-width:1320px;margin:0 auto;padding:39px 5.4% 60px}.role-switcher{display:flex;width:max-content;margin-bottom:26px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#eeede8}.role-switcher button{display:flex;align-items:center;gap:7px;padding:7px 12px;border:0;border-radius:5px;color:#8a9491;background:transparent;font-size:11px;font-weight:600}.role-switcher button.selected{color:var(--ink);background:var(--paper);box-shadow:0 2px 6px #202b2d0d}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.welcome-row h1,.page-title h1{max-width:650px;margin:9px 0 7px;color:var(--ink);font-family:Playfair Display,Georgia,serif;font-size:clamp(29px,3vw,43px);font-weight:500;letter-spacing:-.02em;line-height:1.08}.welcome-row p,.page-title p{margin:0;color:#88918f;font-size:13px}.welcome-orbit{width:88px;height:88px;display:flex;align-items:center;justify-content:center;position:relative;margin-right:4%;border:1px solid #dfe4de;border-radius:50%;color:var(--sage);font-family:Playfair Display,Georgia,serif;font-size:18px}.welcome-orbit svg{position:absolute;right:-7px;top:7px;color:var(--coral)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.stat-card{position:relative;min-height:153px;padding:20px 22px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.stat-card:after{content:"";position:absolute;right:-38px;bottom:-45px;width:130px;height:130px;border:17px solid currentColor;border-radius:50%;opacity:.07}.accent-coral{color:var(--coral)}.accent-sage{color:var(--sage)}.accent-blue{color:var(--blue)}.stat-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:currentColor;color:#fff}.stat-label{display:block;margin-top:17px;color:#89918f;font-size:11px}.stat-card strong{display:block;margin-top:4px;color:var(--ink);font-size:25px;letter-spacing:-.03em}.stat-card strong.stat-word{font-size:22px}.stat-foot{display:block;margin-top:5px;color:#a7aeac;font-size:10px}.dashboard-grid,.lower-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:15px;margin-bottom:15px}.lower-grid{grid-template-columns:1fr 1fr}.panel{border:1px solid var(--line);border-radius:11px;background:var(--paper)}.schedule-panel,.spotlight-panel,.progress-panel,.quick-panel{padding:22px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.panel h2{margin:7px 0 0;color:var(--ink);font-size:17px;font-weight:600;letter-spacing:-.02em}.text-button{display:flex;align-items:center;gap:4px;padding:3px 0;border:0;color:var(--coral);background:none;font-size:11px;font-weight:700}.class-list{display:flex;flex-direction:column}.class-row{display:flex;align-items:center;gap:13px;min-height:68px;border-top:1px solid #f0f0eb}.date-block{width:40px;padding:3px 0;border-right:1px solid var(--line)}.date-block strong,.date-block span{display:block;text-align:center}.date-block strong{color:var(--ink);font-family:Playfair Display,Georgia,serif;font-size:21px;font-weight:500;line-height:20px}.date-block span{margin-top:4px;color:#a4aaa8;font-size:8px;font-weight:700;letter-spacing:.09em}.class-info{flex:1;min-width:0}.class-info strong,.class-info span{display:block}.class-info strong{color:var(--ink);font-size:12px;font-weight:600}.class-info span{margin-top:5px;color:#9ca4a2;font-size:10px}.status{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:4px;font-size:9px;font-weight:700}.status.confirmed{color:#759273;background:var(--sage-soft)}.status.pending{color:#ba8c63;background:#fff5e7}.row-arrow{color:#c3c9c6}.mini-spark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--coral);background:var(--coral-soft)}.teacher-feature{display:flex;align-items:center;gap:13px;min-height:93px}.portrait{width:43px;height:43px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;font-size:11px;font-weight:700}.portrait-coral{background:#e9a18f}.portrait-sage{background:#9bad8e}.portrait-blue{background:#8caab3}.portrait-more{color:#687b7b;background:#e5edeb}.portrait.large{width:62px;height:62px;font-size:16px}.teacher-feature strong,.teacher-feature span{display:block}.teacher-feature strong{color:var(--ink);font-size:13px}.teacher-feature span{margin-top:5px;color:#9ba3a1;font-size:10px}.rating{margin-top:8px;color:#969e9b;font-size:10px}.rating span{display:inline;color:#e6a36c;letter-spacing:2px}.rating small{color:#b1b6b4}.outline-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:11px;font-weight:700}.outline-button{width:100%;margin-top:19px;padding:10px;border:1px solid #dce1dc;color:#687472;background:transparent}.outline-button:hover{border-color:var(--coral);color:var(--coral)}.people-stack{min-height:93px}.avatar-stack{display:flex;padding-left:8px}.avatar-stack .portrait{margin-left:-8px;border:3px solid var(--paper)}.people-stack p{margin:14px 0 0;color:#89918f;font-size:11px;line-height:1.5}.period{display:flex;align-items:center;gap:4px;color:#9ea6a4;font-size:10px}.progress-content{display:flex;align-items:center;gap:22px}.progress-ring{width:93px;height:93px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;border:9px solid var(--coral-soft);border-right-color:var(--coral);border-top-color:var(--coral);border-radius:50%}.progress-ring strong{color:var(--ink);font-size:19px}.progress-ring span{color:#a1a9a6;font-size:9px}.progress-copy{flex:1}.progress-copy strong{color:var(--ink);font-size:12px}.progress-copy p{margin:7px 0 16px;color:#9da5a2;font-size:10px;line-height:1.45}.progress-line{height:5px;overflow:hidden;border-radius:5px;background:#f0f0ea}.progress-line span{display:block;height:100%;border-radius:inherit;background:var(--coral)}.quick-actions{display:flex;flex-direction:column}.quick-actions button{display:flex;align-items:center;gap:12px;padding:12px 0;border:0;border-top:1px solid #f0f0eb;color:var(--coral);background:transparent;text-align:left}.quick-actions button>span{flex:1}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{color:var(--ink);font-size:11px}.quick-actions small{margin-top:4px;color:#a1a8a5;font-size:10px}.quick-actions svg:last-child{color:#c2c9c6}.page-view{animation:rise .35s ease both}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.page-title h1{margin-top:9px}.primary-button{padding:11px 15px;border:0;color:#fff;background:var(--coral)}.primary-button:hover{background:#db6d58}.search-field{display:flex;align-items:center;gap:8px;width:245px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;color:#9ba4a1;background:var(--paper)}.search-field input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:11px}.filter-row{display:flex;gap:8px;margin-bottom:17px}.filter-chip{padding:7px 11px;border:1px solid var(--line);border-radius:5px;color:#929b98;background:transparent;font-size:10px}.filter-chip.active{border-color:var(--coral);color:var(--coral);background:var(--coral-soft)}.teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.teacher-card{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.teacher-card-cover{height:112px;display:flex;align-items:flex-end;justify-content:center;position:relative}.cover-coral{background:#f8ded5}.cover-sage{background:#e0e9dc}.cover-blue{background:#dcebef}.teacher-card-cover .portrait{width:68px;height:68px;margin-bottom:-19px;border:4px solid var(--paper);font-size:16px}.availability{position:absolute;top:13px;left:14px;display:flex;align-items:center;gap:5px;color:#759273;font-size:9px;font-weight:700}.availability span{width:6px;height:6px;border-radius:50%;background:#84ad7e}.teacher-card-body{padding:31px 17px 16px}.teacher-card h2{margin:0;color:var(--ink);font-size:14px}.teacher-card p{margin:5px 0 0;color:#969e9b;font-size:10px}.teacher-card .rating{margin:13px 0 16px}.teacher-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f0f0eb}.teacher-card-footer span{display:flex;align-items:center;gap:5px;color:#969e9b;font-size:9px}.round-arrow{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:var(--ink)}.full-panel{padding:22px}.calendar-toolbar{display:flex;align-items:center;gap:11px;margin-bottom:25px;color:var(--ink);font-size:13px}.calendar-toolbar span{flex:1}.calendar-toolbar .icon-button{width:28px;height:28px}.small-button{width:auto;margin:0;padding:7px 13px}.rotate-180{transform:rotate(180deg)}.calendar-grid{overflow:hidden;border:1px solid #f0f0eb;border-radius:7px}.calendar-labels,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-labels{padding:10px 0;border-bottom:1px solid #f0f0eb;color:#a7aeab;font-size:9px;font-weight:700;text-align:center}.calendar-days{grid-auto-rows:62px}.calendar-day{position:relative;padding:10px;border-right:1px solid #f0f0eb;border-bottom:1px solid #f0f0eb;color:#9da5a2;font-size:11px}.calendar-day:nth-child(7n){border-right:0}.calendar-day.today span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#fff;background:var(--coral)}.calendar-day small{display:block;width:max-content;margin-top:5px;padding:3px 5px;border-radius:3px;color:#759273;background:var(--sage-soft);font-size:8px}.section-divider{height:1px;margin:24px 0 19px;background:#f0f0eb}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.list-heading h2{margin:0;font-size:15px}.list-heading span{color:#9ca4a2;font-size:10px}.login-shell{display:grid;grid-template-columns:1fr 470px;min-height:100vh;background:var(--cream)}.login-art{display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:8vw 10vw;color:#fff;background:#202b2d}.login-art:after{content:"";position:absolute;right:-100px;bottom:-130px;width:420px;height:420px;border:1px solid rgba(237,126,104,.4);border-radius:50%;box-shadow:0 0 0 36px #ed7e680a,0 0 0 72px #ed7e6808}.login-art-mark{width:43px;height:43px;display:grid;place-items:center;margin-bottom:80px;border-radius:13px 13px 13px 4px;color:#fff;background:var(--coral)}.login-art .eyebrow{color:#98aaa5}.login-art h1{max-width:540px;margin:15px 0 18px;font-family:Playfair Display,Georgia,serif;font-size:clamp(42px,5vw,72px);font-weight:500;line-height:1.03;letter-spacing:-.03em}.login-art p{max-width:340px;color:#a5b2ae;font-size:14px;line-height:1.7}.login-art-line{width:92px;height:2px;margin-top:52px;background:var(--coral)}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:60px clamp(32px,6vw,75px);background:var(--paper)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:66px;color:#7e8986;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.login-brand .brand-mark{width:31px;height:31px;color:#fff}.login-panel h2{margin:0 0 9px;color:var(--ink);font-family:Playfair Display,Georgia,serif;font-size:30px;font-weight:500}.login-intro{margin:0 0 28px;color:#929b98;font-size:12px;line-height:1.6}.login-panel form{display:flex;flex-direction:column;gap:17px}.login-panel label{color:#697572;font-size:10px;font-weight:700}.login-panel input{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid var(--line);border-radius:6px;outline:none;color:var(--ink);background:#fcfcf8;font-size:12px}.login-panel input:focus{border-color:var(--coral)}.login-submit{width:100%;margin-top:7px;padding:13px}.login-submit:disabled{opacity:.65;cursor:wait}.login-error{padding:9px 11px;border:1px solid #f2c9c0;border-radius:5px;color:#b75f50;background:var(--coral-soft);font-size:10px}.login-divider{display:flex;align-items:center;gap:10px;margin:27px 0 17px;color:#b2bab7;font-size:10px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--line)}.demo-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border:1px solid var(--line);border-radius:6px;color:#677470;background:transparent;font-size:11px;font-weight:700}.demo-button:hover{border-color:var(--coral);color:var(--coral)}.login-security{display:flex;align-items:center;gap:6px;justify-content:center;margin-top:27px;color:#a8afad;font-size:9px}.booking-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-bottom:18px;padding:20px;border:1px solid #f0d2ca;border-radius:10px;background:var(--coral-soft)}.booking-panel h2{margin:7px 0 5px;color:var(--ink);font-size:17px}.booking-panel p{margin:0;color:#9e7c73;font-size:10px;line-height:1.5}.booking-panel>label{grid-column:1 / -1;color:#806d68;font-size:10px;font-weight:700}.booking-panel input,.booking-panel select,.booking-panel textarea{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #efd6d0;border-radius:5px;outline:none;color:var(--ink);background:#fffaf8;font-size:11px;resize:vertical}.booking-panel input:focus,.booking-panel select:focus,.booking-panel textarea:focus{border-color:var(--coral)}.booking-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.booking-fields label{color:#806d68;font-size:10px;font-weight:700}.booking-panel .primary-button{grid-column:1 / -1;width:max-content;justify-self:end}.profile-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:15px}.profile-card{padding:25px}.profile-hero{display:flex;align-items:center;gap:15px;padding-bottom:23px;border-bottom:1px solid #f0f0eb}.profile-hero h2{margin:0 0 6px;font-size:18px}.profile-hero span{color:#9aa29f;font-size:11px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px;padding-top:23px}.profile-fields label{color:#7e8885;font-size:10px;font-weight:700}.profile-fields label:last-child{grid-column:1 / -1}.profile-fields input{display:block;width:100%;margin-top:8px;padding:11px 12px;border:1px solid var(--line);border-radius:6px;outline:0;color:var(--ink);background:#fcfcf8;font-size:12px}.profile-fields input:focus{border-color:var(--coral)}.profile-note{display:flex;flex-direction:column;align-items:flex-start;padding:25px;background:var(--coral-soft)}.note-icon{display:grid;place-items:center;width:33px;height:33px;margin-bottom:34px;border-radius:8px;color:var(--coral);background:#fff}.profile-note h2{max-width:230px;margin:10px 0;font-family:Playfair Display,Georgia,serif;font-size:25px;font-weight:500;line-height:1.15}.profile-note p{margin:0;color:#9e7c73;font-size:11px;line-height:1.6}.toast{position:fixed;right:25px;bottom:25px;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #d6e5d2;border-radius:7px;color:#64855f;background:#f3f9f0;box-shadow:0 8px 30px #202b2d1f;font-size:11px;animation:rise .25s ease both}.toast button{display:grid;place-items:center;margin-left:8px;padding:0;border:0;color:#799473;background:transparent}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1050px){.sidebar{width:220px;flex-basis:220px}.teacher-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}}@media (max-width: 760px){.login-shell{display:block}.login-art{min-height:300px;padding:45px 28px 50px}.login-art-mark{margin-bottom:45px}.login-art h1{font-size:42px}.login-panel{padding:42px 28px 55px}.login-brand{margin-bottom:45px}.booking-panel{grid-template-columns:1fr}.booking-panel .primary-button{grid-column:auto;justify-self:stretch;width:100%}.sidebar{position:fixed;z-index:20;top:0;bottom:0;left:0;transform:translate(-100%);transition:transform .25s ease}.sidebar.is-open{transform:translate(0)}.mobile-menu{display:grid;place-items:center}.topbar{height:65px;padding:0 20px}.breadcrumb,.demo-pill{display:none}.topbar-actions{gap:10px}.content-wrap{padding:28px 20px 45px}.welcome-row{align-items:flex-start}.welcome-orbit{display:none}.stats-grid,.dashboard-grid,.lower-grid,.teacher-grid{grid-template-columns:1fr}.page-title{display:block}.page-title .primary-button,.search-field{margin-top:20px}.search-field{width:100%}.profile-fields{grid-template-columns:1fr}.profile-fields label:last-child{grid-column:auto}.status{display:none}.role-switcher{margin-bottom:23px}}.slot-payment-note{display:flex;align-items:center;gap:7px;align-self:end;min-height:35px;color:#9e7c73;font-size:10px}