@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#263833;background:#f5f7f8;font-synthesis:none;font-size:16px;--green:#154b42;--muted:#77847f;--line:#e7ece9;--shadow:0 2px 5px #17392d04}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #3ba891;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:1.9rem;line-height:1.35;letter-spacing:-1.1px;font-weight:800}h2{font-size:1.05rem;font-weight:800;letter-spacing:-.3px}h3{font-size:.95rem;font-weight:700}p{line-height:1.6}button{border:0;background:none;color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:244px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;padding:34px 20px 20px;z-index:10}.brand{display:flex;gap:11px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:1.35rem;letter-spacing:-.6px}.brand-icon{background:var(--green);color:#fff;border-radius:11px;display:grid;place-items:center;width:38px;height:38px}.workspace-label{font-size:.75rem;letter-spacing:1.4px;color:#98a39e;font-weight:600;margin:45px 14px 15px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{padding:13px 15px;display:flex;align-items:center;gap:13px;border-radius:8px;font-size:.9rem;color:#6b7c75;text-align:left;font-weight:500}.sidebar nav button.active{background:#e9f3ef;color:var(--green);font-weight:700}.sidebar nav button:hover{background:#f1f6f3}.sidebar nav small{margin-left:auto;background:#fff;padding:2px 7px;border-radius:5px;font-size:.75rem}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:20px}.sidebar-bottom strong{font-size:.875rem;display:block}.sidebar-bottom span{font-size:.75rem;color:var(--muted);display:block;margin-top:4px}.sidebar-bottom .icon-button{margin-left:auto}.teacher-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e9efe9;color:var(--green);font-size:.875rem;font-weight:700;flex-shrink:0}.teacher-avatar.small{width:32px;height:32px}.app main{margin-left:244px;width:calc(100% - 244px)}.topbar{height:77px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:.875rem;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#c2cbc6}.breadcrumb strong{font-weight:500;color:#344a40}.topbar-right{display:flex;align-items:center;gap:22px}.today-date{font-size:.875rem;color:var(--muted)}.main-content{max-width:1400px;margin:0 auto;padding:34px 38px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);font-weight:600;margin-bottom:9px}.page-heading p{font-size:.9rem;color:var(--muted);margin-top:8px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:11px 16px;font-size:.875rem;font-weight:600;min-height:44px;white-space:nowrap}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{background:#216456}.secondary{background:#fff;border:1px solid #dce5df;color:#365548}.secondary:hover{background:#f2f6f3}.disabled{opacity:.5;pointer-events:none}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.stat{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.stat>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat>div>span{font-size:.875rem;color:#6b7b72;font-weight:500}.stat-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#eff5f1;color:#4a7862;flex-shrink:0}.stat-icon svg{width:17px;height:17px}.stat>strong{display:block;font-family:Manrope,sans-serif;font-size:2rem;margin:8px 0 5px;letter-spacing:-1px}.stat>p{font-size:.75rem;color:#93a097}.overview-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;margin-bottom:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.panel-header{padding:23px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.panel-header p{font-size:.875rem;color:var(--muted);margin-top:5px}.count{font-family:DM Sans,sans-serif;font-size:.75rem;background:#f0f4f2;border-radius:5px;padding:3px 7px;margin-left:7px;color:#657a6b}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--green);padding:6px 0;min-height:34px}.text-button:hover{text-decoration:underline}.lesson-card{display:flex;gap:20px;margin:0 24px;padding:23px 0;border-bottom:1px solid var(--line)}.lesson-card:last-of-type{border-bottom:0}.lesson-time{display:flex;flex-direction:column;min-width:75px;gap:6px;border-right:2px solid #bfd7c7;padding-right:16px}.lesson-time strong{font-size:.875rem}.lesson-time span{font-size:.75rem;color:var(--muted)}.lesson-info{flex:1;min-width:0}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-heading h3{overflow-wrap:anywhere}.lesson-info p{font-size:.875rem;color:var(--muted);margin-top:8px}.separator{margin:0 4px;color:#b1bcb5}.badge{display:inline-block;font-size:.7rem;font-weight:500;border-radius:5px;padding:4px 8px;white-space:nowrap}.badge.upcoming{background:#eaf0fb;color:#59729a}.badge.completed{background:#e8f3eb;color:#40805a}.badge.missed{background:#fff0e7;color:#ae7948}.badge.cancelled{background:#f0f1f2;color:#747e85}.lesson-tools{display:flex;gap:20px;margin-top:6px;flex-wrap:wrap}.lesson-tools .text-button{font-size:.75rem;color:#6a8274}.panel-footer{border-top:1px solid var(--line);background:#fafcfb;padding:14px 24px;display:flex;align-items:center;gap:8px;font-size:.75rem;color:#91a097}.next-item{display:flex;width:100%;text-align:left;gap:14px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line)}.next-item:hover{background:#fbfcfb}.date-tile{width:45px;min-height:50px;border-radius:7px;background:#f3f6f4;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:3px}.date-tile span{font-size:.65rem;text-transform:uppercase;color:#8a998f}.date-tile strong{font-size:1.1rem}.next-item>div:last-child>strong{display:block;font-size:.875rem}.next-item>div:last-child>span{display:block;font-size:.75rem;color:var(--muted);margin-top:5px}.calendar-callout{margin:20px;padding:24px 20px;background:#edf4f0;border:1px solid #e2eee5;border-radius:8px;color:#32624c}.calendar-callout h3{margin-top:12px}.calendar-callout p{font-size:.875rem;margin-top:7px;color:#719180}.calendar-callout .secondary{margin-top:16px;background:transparent;border-color:#c3d6c9;font-size:.75rem}.student-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px}.student-preview-grid button{display:flex;align-items:center;text-align:left;gap:12px}.avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:.875rem;font-weight:600;flex-shrink:0}.avatar-0{background:#e9effa;color:#5b7295}.avatar-1{background:#f8eede;color:#a88a52}.avatar-2{background:#eee9f7;color:#8a74a3}.avatar-3{background:#e5f0eb;color:#558473}.student-preview-grid strong{font-size:.875rem;display:block}.student-preview-grid div{min-width:0}.student-preview-grid span:not(.avatar){display:block;font-size:.75rem;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.inline-empty{padding:25px;display:flex;align-items:center;gap:15px;color:var(--muted);font-size:.875rem}.inline-empty .text-button{margin-left:auto;white-space:nowrap}.app-footer{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:36px;padding:22px 0;font-size:.75rem;color:#9aa79f}.footer-right{margin-left:auto}.empty{padding:38px 24px;text-align:center}.empty-icon{background:#f0f5f2;color:#84a28f;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;margin:0 auto 16px}.empty h3{color:#53685c}.empty p{font-size:.875rem;color:var(--muted);max-width:300px;margin:7px auto 0}.empty .secondary{margin-top:18px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.toolbar>span{font-size:.875rem;color:var(--muted)}.search{display:flex;align-items:center;gap:10px;padding:0 13px;background:#fff;border:1px solid var(--line);border-radius:7px;color:#91a097;width:360px;max-width:75%}.search input{border:0;padding:13px 0;background:transparent;width:100%;font-size:.875rem;outline:none}.student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.student-card{padding:22px}.student-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.student-card h2{margin-bottom:10px}.student-card p{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}.student-card-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.student-card-bottom span{font-size:.75rem;color:var(--muted)}.icon-button{display:inline-grid;place-items:center;min-width:36px;min-height:36px;border-radius:6px;color:#83948a}.icon-button:hover{background:#edf4ef}.schedule-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.3fr);gap:24px;align-items:start}.month-controls{display:flex}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:20px}.weekday{text-align:center;font-size:.75rem;color:var(--muted);padding-bottom:12px}.calendar-day{border-radius:7px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.9rem}.calendar-day:hover{background:#f0f6f2}.calendar-day.selected{background:var(--green);color:#fff}.calendar-day.is-today:not(.selected){outline:1px solid #7caa91;outline-offset:-2px}.calendar-day small{font-size:.65rem;background:#e6efe9;color:#3d7357;border-radius:3px;min-width:15px}.today-link{margin:0 24px 16px}.report-controls{display:flex;align-items:end;gap:20px;padding:22px;margin-bottom:24px}.export-buttons{display:flex;gap:10px;margin-left:auto}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.875rem;white-space:nowrap}th{text-align:left;font-weight:500;color:var(--muted);background:#fafcfb}th,td{padding:16px 24px;border-bottom:1px solid var(--line)}.report-note{padding:22px 24px;margin-top:24px}.report-note p{font-size:.875rem;margin-top:8px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.settings-card{padding:28px}.setting-icon{width:48px;height:48px;display:grid;place-items:center;color:#497e62;background:#edf4ef;border-radius:10px;margin-bottom:18px}.settings-card p{font-size:.875rem;color:var(--muted);margin:12px 0 16px}.settings-actions{margin-top:22px}.setup-note{background:#f8f4e8;padding:12px;border-radius:6px;color:#82703d!important}.fine-print{font-size:.875rem!important;color:var(--muted);line-height:1.6}.settings-card dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0;font-size:.875rem}.settings-card dt{color:var(--muted)}.settings-card dd{margin:0;text-align:right;overflow-wrap:anywhere}.record-dialog{border:1px solid var(--line);border-radius:14px;width:620px;max-width:calc(100% - 24px);max-height:90dvh;padding:0;box-shadow:0 24px 100px #142e3340;color:#263833}.record-dialog::backdrop{background:#0b242b66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-header{padding:26px 28px 20px;border-bottom:1px solid var(--line);position:relative}.dialog-header .icon-button{position:absolute;right:20px;top:22px}.dialog-header h2{font-size:1.35rem}.dialog-fields{padding:24px 28px;display:grid;gap:19px}label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:500}input,select,textarea{min-width:0;border:1px solid #dce5df;border-radius:6px;background:#fff;color:#33473a;padding:10px 11px;outline:none;min-height:44px;width:100%}input:focus,select:focus,textarea:focus{border-color:#60987c;box-shadow:0 0 0 3px #d9eee2}textarea{resize:vertical}select{font-size:.875rem;width:auto}label select{width:100%}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.student-picker{border:1px solid var(--line);padding:15px;border-radius:7px;max-height:210px;overflow:auto}.student-picker legend{font-size:.875rem;padding:0 5px}.student-picker label{flex-direction:row;align-items:center;gap:12px;font-weight:400;padding:6px 0}.student-picker input{width:18px;min-height:18px;height:18px;accent-color:var(--green)}.student-picker p{font-size:.875rem;color:var(--muted)}label small{font-size:.75rem;color:var(--muted);font-weight:400}.attendance-editor{border-top:1px solid var(--line);padding-top:20px}.attendance-editor h3{margin-bottom:12px}.attendance-editor label{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0;gap:15px}.attendance-editor select{width:140px}.dialog-footer{padding:18px 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fafcfb;gap:12px}.dialog-buttons{display:flex;gap:10px;margin-left:auto}.danger{color:#b55b53}.form-error{font-size:.875rem;color:#b95147;background:#fff2ef;padding:12px;border-radius:6px}.error-banner,.local-banner{border-radius:6px;padding:10px 14px;margin-bottom:20px;font-size:.875rem}.local-banner{background:#ebeff7;color:#607494}.error-banner{background:#fff0ee;color:#b95147;display:flex;align-items:center;gap:12px}.error-banner button:first-of-type{margin-left:auto;text-decoration:underline}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#154b42;color:#fff;padding:14px 20px;border-radius:8px;box-shadow:0 4px 30px #17392d30;z-index:100;display:flex;align-items:center;gap:10px;font-size:.875rem;max-width:90%}.mobile-nav{display:none}.loading{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;color:var(--green)}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:#edf3ef}.login-card{width:420px;max-width:100%;background:#fff;padding:40px;border:1px solid #dce6df;border-radius:14px}.login-card .brand{color:var(--green);margin-bottom:35px}.login-card h1{font-size:1.9rem}.login-card>p{font-size:.9rem;color:var(--muted);margin:12px 0 28px}.login-card form{display:grid;gap:20px}@media(min-width:1600px){.main-content{padding-top:45px}.page-heading{margin-bottom:35px}.stat{padding:25px}.overview-columns{grid-template-columns:1.9fr 1fr}}@media(max-width:1150px){.sidebar{width:210px;padding:30px 15px}.app main{margin-left:210px;width:calc(100% - 210px)}.main-content{padding:28px 24px 0}.topbar{padding:0 24px}.stats-grid{gap:12px}.stat{padding:17px 15px}.overview-columns{grid-template-columns:1.4fr 1fr;gap:18px}.student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-controls{flex-wrap:wrap}.export-buttons{margin-left:0}.schedule-layout{grid-template-columns:1fr}.calendar-panel{max-width:650px}.lesson-card{gap:15px}.lesson-heading{flex-wrap:wrap}}@media(max-width:850px){.sidebar{width:180px;padding:24px 12px}.brand{font-size:1.1rem;gap:8px}.brand-icon{width:32px;height:32px}.app main{margin-left:180px;width:calc(100% - 180px)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-columns,.settings-grid{grid-template-columns:1fr}.sidebar-bottom>div:nth-child(2){display:none}.page-heading{align-items:flex-start;flex-wrap:wrap}h1{font-size:1.65rem}.student-preview-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.sidebar{display:none}.app main{margin-left:0;width:100%}.topbar{height:62px;padding:0 20px}.breadcrumb{font-size:.875rem}.today-date{font-size:.75rem}.topbar-right{gap:12px}.main-content{padding:24px 18px 85px}.page-heading{gap:18px;margin-bottom:23px}.page-heading h1{font-size:1.6rem;letter-spacing:-.7px}.page-heading p{font-size:.875rem}.eyebrow{font-size:.7rem}.page-heading .primary{width:100%}.stats-grid{gap:10px;margin-bottom:20px}.stat{padding:16px 14px}.stat>div>span{font-size:.75rem}.stat-icon{width:27px;height:27px}.stat>strong{font-size:1.8rem}.stat>p{font-size:.7rem}.panel-header{padding:20px 18px;gap:10px}.panel-header h2{font-size:1rem}.panel-header .text-button{font-size:.75rem}.overview-columns{gap:20px;margin-bottom:20px}.lesson-card{margin:0 18px;gap:12px;padding:20px 0}.lesson-time{min-width:67px;padding-right:10px}.lesson-time strong{font-size:.875rem}.lesson-heading{gap:6px}.lesson-heading h3{font-size:.875rem}.lesson-tools{gap:12px}.lesson-tools .text-button{font-size:.7rem;min-height:36px}.next-item{padding:16px 18px}.next-panel .empty{padding:26px 18px}.calendar-callout{margin:16px}.student-preview-grid{grid-template-columns:1fr;padding:20px;gap:20px}.inline-empty{flex-wrap:wrap;padding:20px;gap:12px}.inline-empty .text-button{margin-left:38px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:20}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:5px;padding:5px 0;color:#8b9a91;font-size:.65rem;min-height:46px}.mobile-nav button.active{color:var(--green);font-weight:700}.app-footer{margin-top:25px}.footer-right{display:none}.student-grid{grid-template-columns:1fr}.student-card{padding:22px}.student-card-bottom{flex-direction:row;align-items:center;justify-content:space-between}.toolbar{margin-bottom:20px}.search{max-width:100%;width:auto;flex:1}.toolbar>span{font-size:.75rem;white-space:nowrap}.schedule-layout{gap:20px}.calendar-grid{padding:15px;gap:4px}.calendar-day{min-height:45px}.weekday{font-size:.7rem}.report-controls{padding:18px;gap:14px;display:grid;grid-template-columns:1fr 1fr}.report-controls input{width:100%}.export-buttons{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-buttons .secondary{font-size:.75rem;padding:10px}.settings-card{padding:24px}.record-dialog{max-width:calc(100% - 20px);max-height:92dvh;border-radius:12px}.dialog-header{padding:23px 20px 18px}.dialog-fields{padding:20px;gap:17px}.field-grid{gap:14px}.dialog-footer{padding:16px 20px;flex-wrap:wrap}.dialog-buttons{gap:7px}.dialog-buttons .primary,.dialog-buttons .secondary{padding:10px 12px;font-size:.875rem}.toast{bottom:90px;font-size:.875rem;width:max-content;max-width:90%}.login-card{padding:30px 24px}.error-banner{align-items:start}.local-banner{font-size:.75rem}.attendance-editor label{font-size:.875rem}.report-note{padding:20px}th,td{padding:14px 18px}}@media(prefers-reduced-motion:no-preference){.primary,.secondary,.icon-button{transition:background .15s ease}.toast{animation:appear .2s ease}@keyframes appear{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}}.badge,.lesson-time strong,.lesson-tools .text-button,.weekday{font-size:.875rem}.mobile-nav button{font-size:.75rem}@media(max-width:480px){.today-date{display:none}.mobile-nav button{min-width:0}.mobile-nav button span{overflow-wrap:anywhere}.page-heading,.topbar{flex-wrap:wrap}.lesson-heading,.lesson-info{min-width:0}.record-dialog .field-grid{grid-template-columns:1fr}.calendar-grid{gap:2px}.calendar-day{min-width:0}.weekday{font-size:.75rem}}