:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172126;background:#f4f7f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}.login-page{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(340px,.9fr);min-height:100vh}.login-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:36px;color:#fff;background:linear-gradient(135deg,#122125e0,#1c3e39bd),url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1600&q=80) center/cover}.login-topline,.brand,.user-strip,.topbar-actions,.role-chip,.primary-button,.secondary-button,.ghost-button,.small-button,.student-name,.toolbar,.search-box,.bot-card,.account-card,.mini-icon-button{display:flex;align-items:center}.login-topline{gap:12px;font-weight:800}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;color:#122125;background:#e8c44f;font-weight:900}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:14px;max-width:520px}.signal-card{display:grid;min-height:150px;gap:8px;align-content:end;padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.signal-card span{font-size:1.85rem;font-weight:900}.signal-card.green{background:#168f5857}.signal-card.amber{background:#e8a12c5c}.signal-card.red{background:#c54c3e57}.signal-card.blue{background:#3a7bb55c}.login-panel{display:grid;align-content:center;gap:20px;padding:clamp(24px,6vw,72px);background:#fff}.eyebrow{margin:0 0 5px;color:#60706f;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:520px;margin-bottom:0;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.95;letter-spacing:0}h2{margin-bottom:0;font-size:1.75rem}h3{margin-bottom:0;font-size:1.05rem}label,fieldset{display:grid;gap:8px;color:#40504f;font-size:.88rem;font-weight:800}fieldset{margin:0;padding:0;border:0}input,textarea,select{width:100%;border:1px solid #d9e1de;border-radius:8px;background:#fbfdfb;color:#172126;outline:0}input{height:44px;padding:0 12px}textarea{min-height:96px;resize:vertical;padding:12px}input:focus,textarea:focus,select:focus{border-color:#168f58;box-shadow:0 0 0 3px #168f581f}.role-picker{flex-wrap:wrap;gap:8px}.role-chip,.toggle{gap:8px;min-height:38px;padding:0 13px;border:1px solid #dbe4e0;border-radius:8px;color:#31403f;background:#fff;font-weight:800}.role-chip.active,.toggle.active{border-color:#168f58;color:#0d653f;background:#e8f7ef}.primary-button,.secondary-button,.ghost-button,.small-button,.icon-button{justify-content:center;gap:8px;min-height:40px;border-radius:8px;font-weight:900}.primary-button{padding:0 16px;color:#fff;background:#168f58}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{padding:0 14px;color:#122125;background:#e8c44f}.ghost-button{padding:0 12px;color:#40504f;background:#edf3f0}.icon-button{width:40px;color:#40504f;background:#edf3f0}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:24px;padding:20px;color:#eef8f1;background:#122125}.brand{gap:12px}.brand strong,.user-strip strong,.student-name strong{display:block}.brand span,.user-strip span,.student-name span{color:#98aaa6;font-size:.78rem}.main-nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:8px;color:#bdd1cc;background:transparent;text-align:left;font-weight:800}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff1a}.user-strip{gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.avatar{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border-radius:8px;color:#122125;background:#b7e2d0;font-weight:900}.user-strip .icon-button{margin-left:auto}.workspace{display:grid;align-content:start;gap:22px;min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-actions{gap:10px}.topbar-user{display:block;margin-top:5px;color:#60706f;font-weight:800}.form-error,.notice{margin:0;padding:11px 13px;border-radius:8px;font-size:.88rem;font-weight:800}.form-error{color:#9d352d;background:#ffe2df}.notice{color:#24413d;background:#e8f7ef}.page-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.page-stack,.lesson-layout,.settings-grid{display:grid;gap:18px}.lesson-layout{grid-template-columns:340px minmax(0,1fr)}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.4fr)}.stat-row,.payment-summary,.student-cards{display:grid;grid-column:1 / -1;gap:14px}.stat-row,.payment-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.student-cards{grid-template-columns:repeat(4,minmax(220px,1fr))}.metric,.panel,.wide-panel,.report-panel,.student-rail,.student-card{border:1px solid #dfe7e3;border-radius:8px;background:#fff;box-shadow:0 12px 32px #1621250f}.metric{display:grid;gap:8px;min-height:126px;align-content:center;padding:18px}.metric span{color:#60706f;font-weight:800}.metric strong{font-size:2.2rem;line-height:1}.metric.green svg{color:#168f58}.metric.blue svg{color:#3a7bb5}.metric.amber svg{color:#c4801a}.metric.red svg{color:#bd493d}.panel,.wide-panel,.report-panel,.student-rail,.student-card{min-width:0;padding:18px}.wide-panel{grid-column:span 1}.dashboard-table-panel{grid-column:1 / -1}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.debt-badge{display:inline-flex;min-height:34px;align-items:center;padding:0 12px;border-radius:999px;color:#9d352d;background:#ffe2df;font-size:.84rem;font-weight:900}.lesson-list,.activity-list,.progress-list,.student-rail,.report-panel,.grouped-tables,.group-admin-list{display:grid;gap:12px}.lesson-item{display:grid;grid-template-columns:76px minmax(160px,1fr) minmax(150px,.8fr) 92px;gap:12px;align-items:center;padding:12px;border-radius:8px;background:#f6faf7}.lesson-item time{color:#0d653f;font-weight:900}.lesson-item span{color:#60706f}.lesson-item em{justify-self:end;color:#40504f;font-style:normal;font-weight:800}.activity-item{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #edf2ef}.activity-item:last-child{border-bottom:0}.activity-item span{color:#60706f;font-size:.82rem;font-weight:900}.activity-item p{margin-bottom:0;color:#31403f}.progress-item{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,1.3fr) 48px;gap:10px;align-items:center}.progress-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:9px;overflow:hidden;border-radius:999px;background:#e6ece9}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#168f58,#e8c44f)}.toolbar{justify-content:space-between;gap:12px}.search-box{position:relative;flex:1;max-width:520px}.search-box svg{position:absolute;left:12px;color:#60706f}.search-box input{padding-left:40px}.student-table{display:grid;min-width:0;overflow-x:auto;overflow-y:hidden;border:1px solid #dfe7e3;border-radius:8px;background:#fff}.ops-table{display:grid;overflow-x:auto;overflow-y:hidden;border:1px solid #dfe7e3;border-radius:8px}.group-section{display:grid;gap:10px}.attendance-groups{display:grid;gap:18px}.attendance-group-table{display:grid;gap:10px}.attendance-group-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #dfe7e3;border-radius:8px;background:#f6faf7}.attendance-group-title h2{margin-top:2px;color:#172126;font-size:1.08rem;line-height:1.25}.group-section-title,.group-admin-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.group-section-title{padding:12px 14px;border:1px solid #dfe7e3;border-radius:8px;background:#f6faf7}.group-section-title strong,.group-main strong{display:block;color:#172126}.group-section-title span,.group-main span{color:#60706f;font-size:.84rem;font-weight:800}.group-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.group-meta span{display:inline-flex;min-height:28px;align-items:center;padding:0 9px;border-radius:999px;color:#40504f;background:#edf3f0;font-size:.78rem;font-weight:900}.ops-head,.ops-row{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(160px,.8fr) 112px 126px minmax(160px,.8fr) minmax(190px,.9fr) minmax(270px,.9fr);gap:12px;align-items:center;min-width:1260px;padding:13px 16px}.ops-table.teacher .ops-head,.ops-table.teacher .ops-row{grid-template-columns:minmax(220px,1.2fr) minmax(160px,.9fr) 112px 126px minmax(130px,.5fr)}.ops-head{color:#60706f;background:#f1f6f3;font-size:.78rem;font-weight:900;text-transform:uppercase}.ops-row{border-top:1px solid #edf2ef;background:#fff}.ops-row.debt-row{background:#fff7f6}.payment-cell{display:grid;gap:5px}.payment-form-grid{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.7fr) minmax(130px,.55fr) minmax(220px,1fr);gap:12px;align-items:end}.group-form-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.75fr) minmax(180px,1fr) 110px 130px;gap:10px}.parent-link-cell{display:grid;gap:7px}.link-state,.link-code-line,.link-actions{display:flex;align-items:center;gap:7px}.link-state{width:fit-content;min-height:28px;padding:0 9px;border-radius:999px;font-size:.76rem;font-weight:900}.link-state.linked{color:#0d653f;background:#dff5e9}.link-state.pending{color:#8f5d15;background:#fff1ce}.link-code-line code{padding:5px 7px;border-radius:7px;color:#122125;background:#edf3f0;font-size:.8rem;font-weight:900}.link-hint,.muted-cell{color:#60706f;font-size:.78rem;font-weight:800}.mini-icon-button{justify-content:center;width:30px;height:30px;border-radius:8px;color:#31403f;background:#edf3f0}.mini-icon-button:hover{color:#122125;background:#dde8e3}.mini-icon-button.danger{color:#9d352d;background:#ffe2df}.inline-fields{display:grid;gap:7px}.editable-row input,.inline-select{min-height:38px;padding:0 10px;border:1px solid #d9e1de;border-radius:8px;background:#fbfdfb;color:#172126;outline:0;font-weight:800}.editable-row input:focus,.inline-select:focus{border-color:#168f58;box-shadow:0 0 0 3px #168f581f}.inline-select{width:100%}.inline-select.payment-paid{color:#0d653f;background:#dff5e9}.inline-select.payment-due{color:#8f5d15;background:#fff1ce}.inline-select.payment-late{color:#9d352d;background:#ffe2df}.payment-cell small{color:#60706f;font-weight:800}.ops-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px}.ops-table.teacher .ops-actions{grid-template-columns:minmax(84px,130px)}.table-head,.table-row{display:grid;grid-template-columns:minmax(230px,1.1fr) minmax(170px,.9fr) 120px 110px minmax(190px,.8fr);gap:12px;align-items:center;min-width:840px;padding:13px 16px}.table-head.payment,.table-row.payment{grid-template-columns:minmax(230px,1.2fr) minmax(170px,1fr) 130px minmax(130px,.5fr);min-width:700px}.table-head.attendance-table-head,.table-row.attendance-table-row{grid-template-columns:minmax(260px,1.3fr) 130px 140px minmax(220px,.9fr);min-width:760px}.table-head{color:#60706f;background:#f1f6f3;font-size:.78rem;font-weight:900;text-transform:uppercase}.table-row{border-top:1px solid #edf2ef}.status-pill{display:inline-flex;width:fit-content;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:900}.status-pill.inside{color:#0d653f;background:#dff5e9}.status-pill.outside{color:#2b5e8f;background:#e2f0fb}.status-pill.absent{color:#8f5d15;background:#fff1ce}.status-pill.late{color:#9d352d;background:#ffe2df}.lesson-status{display:inline-flex;width:fit-content;min-height:28px;align-items:center;padding:0 10px;border-radius:999px;font-size:.78rem;font-weight:900}.lesson-status.strong{color:#0d653f;background:#dff5e9}.lesson-status.medium{color:#8f5d15;background:#fff1ce}.lesson-status.weak{color:#9d352d;background:#ffe2df}.lesson-status.empty{color:#40504f;background:#edf3f0}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.small-button{padding:0 10px;font-size:.84rem}.small-button:disabled{cursor:not-allowed;opacity:.55}.small-button.green{color:#fff;background:#168f58}.small-button.dark{color:#fff;background:#223033}.small-button.blue{color:#fff;background:#3a7bb5}.small-button.danger{color:#fff;background:#bd493d}.small-button.neutral{color:#31403f;background:#edf3f0}.paid-note{display:inline-flex;width:fit-content;min-height:32px;align-items:center;padding:0 10px;border-radius:8px;color:#60706f;background:#edf3f0;font-size:.84rem;font-weight:900}.student-rail{align-content:start}.student-select{display:grid;gap:6px;padding:12px;border:1px solid transparent;border-radius:8px;background:#f6faf7;text-align:left}.student-select.active{border-color:#168f58;background:#e8f7ef}.student-select>span{color:#60706f;font-size:.82rem;font-weight:800}.report-panel{align-content:start}.segmented{display:flex;flex-wrap:wrap;gap:8px}.range-field{grid-template-columns:64px 1fr 52px;align-items:center}.range-field input{height:auto;accent-color:#168f58}.message-preview{display:flex;gap:12px;padding:14px;border-radius:8px;color:#24413d;background:#e8f7ef}.message-preview p{margin-bottom:0}.student-card{display:grid;gap:16px}dl{display:grid;gap:10px;margin:0}dt{color:#71817d;font-size:.75rem;font-weight:900;text-transform:uppercase}dd{margin:2px 0 0;color:#263534;font-weight:800}.bot-card{gap:12px}.account-card{gap:12px;padding:14px;border-radius:8px;background:#f6faf7}.account-card span{display:block;color:#60706f;font-size:.84rem;font-weight:800}.account-card.compact{padding:0;background:transparent}.access-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.access-list span{display:inline-flex;min-height:30px;align-items:center;padding:0 10px;border-radius:999px;color:#0d653f;background:#e8f7ef;font-size:.8rem;font-weight:900}.bot-card span{display:block;margin-top:4px;color:#60706f}.qr-box{display:grid;width:78px;height:78px;place-items:center;border-radius:8px;color:#122125;background:linear-gradient(90deg,transparent 11px,#122125 11px 15px,transparent 15px),linear-gradient(transparent 11px,#122125 11px 15px,transparent 15px),#e8c44f;background-size:26px 26px;font-weight:900}.qr-box.live{color:#fff;background:#168f58}.report-history{display:grid;gap:10px}.report-history-item,.payment-history-item{display:grid;gap:6px;padding:12px;border-radius:8px;background:#f6faf7}.report-history-item span,.report-history-item small,.payment-history-item span,.payment-history-item small,.empty-note{color:#60706f;font-size:.82rem;font-weight:800}.report-history-item p,.empty-note{margin-bottom:0}.payment-history{display:grid;gap:10px}.payment-history-item{grid-template-columns:minmax(220px,1fr) 150px 100px 170px;align-items:center}.staff-panel{grid-column:1 / -1}.staff-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.7fr) minmax(130px,.7fr) minmax(150px,.65fr) minmax(180px,1fr) auto;gap:10px;align-items:center;margin-bottom:14px}.staff-list{display:grid;border:1px solid #dfe7e3;border-radius:8px;overflow:hidden}.staff-item{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,.7fr) 42px;gap:12px;align-items:center;padding:12px;border-top:1px solid #edf2ef}.staff-item:first-child{border-top:0}.staff-item>span{color:#60706f;font-size:.84rem;font-weight:800}.group-admin-item{padding:14px;border:1px solid #dfe7e3;border-radius:8px;background:#fff}.group-admin-item .group-form-grid{flex:1}.group-main{min-width:220px}.group-row-actions{display:flex;flex:0 0 auto;gap:8px}@media(max-width:1180px){.page-grid,.lesson-layout,.settings-grid{grid-template-columns:1fr}.student-cards{grid-template-columns:repeat(2,minmax(220px,1fr))}.payment-form-grid,.staff-form,.group-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.login-page,.app-shell{grid-template-columns:1fr}.login-visual{min-height:420px}.sidebar{position:static;height:auto}.main-nav{grid-template-columns:repeat(2,minmax(130px,1fr))}.stat-row,.payment-summary,.student-cards{grid-template-columns:1fr}.table-head,.ops-head{display:none}.ops-row,.ops-table.teacher .ops-row{grid-template-columns:1fr;align-items:start;min-width:0}.ops-actions{grid-template-columns:1fr 1fr}.table-row,.table-row.payment{grid-template-columns:1fr;align-items:start;min-width:0}.lesson-item,.progress-item,.payment-form-grid,.payment-history-item,.staff-form,.staff-item,.group-form-grid{grid-template-columns:1fr}.group-section-title,.attendance-group-title,.group-admin-item{align-items:stretch;flex-direction:column}.group-meta,.group-row-actions{justify-content:flex-start}.lesson-item em{justify-self:start}.topbar,.toolbar,.section-title{align-items:stretch;flex-direction:column}.search-box{max-width:none}}@media(max-width:560px){.workspace,.sidebar,.login-panel,.login-visual{padding:16px}h1{font-size:2.4rem}.visual-grid,.main-nav,.button-pair{grid-template-columns:1fr}.topbar-actions{align-items:stretch;flex-direction:column}}