:root{color:#141827;background:#f4f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:linear-gradient(#eef4ff,#fff8f1 42%,#f7f8fb);min-height:100vh;margin:0;font-size:18px}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{width:100%;max-width:720px;min-height:100vh;margin:0 auto;padding:14px 12px 112px}.hero{color:#fff;background:linear-gradient(135deg,#5c50f5,#ee6cad);border-radius:28px;padding:22px;box-shadow:0 18px 40px #6d5dfc3d}.eyebrow{opacity:.9;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:13px;font-weight:800}h1{margin:0 0 10px;font-size:clamp(30px,8vw,44px);line-height:1.08}h2{margin:12px 0 16px;font-size:clamp(25px,6vw,34px);line-height:1.12}h3{margin:0 0 8px;font-size:24px;line-height:1.15}.hero p:last-child{opacity:.95;margin:0;font-size:17px;line-height:1.45}.tabs{z-index:5;left:50%;bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-radius:24px;grid-template-columns:repeat(4,1fr);gap:6px;width:min(696px,100% - 16px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #1f29372e}.tabs button{color:#475467;background:0 0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:68px;font-size:14px;font-weight:800;display:flex}.tabs button svg{width:23px;height:23px}.tabs button.active{color:#fff;background:#141827}.screen{padding:18px 0 0}.date-picker{background:#fff;border-radius:22px;grid-template-columns:1fr;gap:10px;margin-bottom:16px;padding:18px;font-size:20px;font-weight:900;display:grid;box-shadow:0 8px 20px #1f293714}.date-picker input,.form input,.form select{color:#141827;background:#fff;border:2px solid #d9e0ec;border-radius:18px;width:100%;min-height:58px;padding:0 16px;font-size:20px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.summary-card{background:#fff;border-radius:24px;flex-direction:column;gap:10px;min-height:142px;padding:18px;display:flex;box-shadow:0 8px 20px #1f293714}.summary-card span{color:#5b6475;font-size:16px;font-weight:800;line-height:1.25}.summary-card strong{font-size:clamp(26px,7vw,38px);line-height:1}.summary-card small{color:#5c50f5;margin-top:auto;font-size:13px;font-weight:950}.summary-card-button{text-align:left;color:inherit;cursor:pointer;border:0}.summary-card-button:active{transform:scale(.99)}.summary-grid.compact{margin-bottom:16px}.summary-grid.compact .summary-card{min-height:122px;padding:16px}.summary-grid.compact .summary-card strong{font-size:clamp(23px,6vw,32px)}.card-icon{color:#5c50f5;background:#f0edff;border-radius:16px;place-items:center;width:44px;height:44px;display:grid}.card-icon svg{width:24px;height:24px}.lesson-list{margin-top:24px}.lesson-card,.student-card{background:#fff;border-radius:26px;margin-bottom:12px;padding:18px;box-shadow:0 8px 20px #1f293714}.lesson-card{border-left:8px solid #c7d2fe;grid-template-columns:1fr;gap:14px;display:grid}.lesson-card.status-completed{border-left-color:#24a865}.lesson-card.status-cancelled{opacity:.88;border-left-color:#f04438}.lesson-card strong{font-size:23px;line-height:1.2}.lesson-card p,.student-card p{color:#5b6475;margin:8px 0;font-size:18px;line-height:1.35}.student-card .folder-link{word-break:break-word;color:#667085;background:#f7f8fb;border-radius:12px;padding:8px 10px;font-size:14px}.lesson-card span{color:#475467;background:#f4f6fb;border-radius:99px;padding:8px 12px;font-size:16px;font-weight:800;display:inline-block}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.actions button,.student-card button,.primary{color:#fff;background:#5c50f5;border-radius:18px;min-height:56px;padding:15px 14px;font-size:17px;font-weight:900}.actions button.secondary{color:#c01048;background:#fff1f3}.actions button.ghost,.student-card button.ghost{color:#475467;background:#eef2f6}.actions button.danger,.student-card button.danger{color:#c01048;background:#fff1f3}.empty{color:#5b6475;text-align:center;background:#fff;border:2px dashed #cfd7e6;border-radius:22px;padding:22px;font-size:19px;line-height:1.35}.empty.small{margin:10px 0;padding:14px;font-size:17px}.package-payments-panel{background:#fff;border-radius:26px;margin:14px 0 18px;padding:16px;box-shadow:0 8px 20px #1f293714}.package-payments-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.package-payments-head p{color:#667085;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:13px;font-weight:950}.package-payments-head h3{margin:0;font-size:21px}.package-payments-head>strong{color:#027a48;white-space:nowrap;background:#ecfdf3;border-radius:999px;padding:9px 12px;font-size:18px}.package-payment-row{background:#f7f5ff;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:10px 0;padding:13px;display:grid}.package-payment-row strong{margin-bottom:5px;font-size:19px;display:block}.package-payment-row span{color:#5b6475;font-size:16px;line-height:1.35;display:block}.package-payment-row b{color:#1d2939;white-space:nowrap;font-size:18px}.month-header{color:#fff;background:linear-gradient(135deg,#5c50f5,#ee6cad);border-radius:26px;grid-template-columns:58px 1fr 58px;align-items:center;gap:10px;margin:12px 0 10px;padding:14px;display:grid;box-shadow:0 14px 34px #6d5dfc38}.month-header h2{text-align:center;text-transform:capitalize;margin:0;font-size:clamp(25px,6vw,32px)}.month-header p{text-align:center;opacity:.88;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:900}.month-header button{color:#fff;background:#ffffff38;border-radius:18px;height:58px;font-size:28px;font-weight:900}.selected-date-chip{color:#475467;text-transform:capitalize;background:#fff;border-radius:18px;margin:0 0 14px;padding:12px 14px;font-size:17px;box-shadow:0 6px 16px #1f29370f}.selected-date-chip strong{color:#141827}.calendar-widget{background:#fff;border-radius:26px;padding:12px;box-shadow:0 8px 20px #1f293714}.weekday-row{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:7px;display:grid}.weekday-row div{color:#667085;text-align:center;text-transform:uppercase;font-size:13px;font-weight:950}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.day{color:#141827;background:#f8f9fd;border-radius:17px;flex-direction:column;align-items:flex-start;min-height:86px;padding:9px 7px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #edf0f6}.day b{margin-top:2px;font-size:21px;line-height:1}.day.active{background:#f0edff;outline:4px solid #5c50f5}.day.empty-day{box-shadow:none;pointer-events:none;background:0 0}.day .weekday-inside{color:#8a94a6;text-transform:capitalize;margin:0 0 2px;font-size:11px;font-weight:950}.day span{color:#5c50f5;white-space:nowrap;margin-top:6px;font-size:12px;font-weight:900}.day small{color:#5b6475;white-space:nowrap;font-size:10px;font-weight:800}.selected-day-panel{background:#fff;border-radius:26px;margin-top:14px;padding:16px;box-shadow:0 8px 20px #1f293714}.selected-day-header{grid-template-columns:1fr 62px;align-items:center;gap:12px;display:grid}.selected-day-header p{color:#667085;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:13px;font-weight:950}.selected-day-header h3{text-transform:capitalize;margin:0 0 6px}.selected-day-header span{color:#5b6475;font-size:16px;font-weight:800}.round-add{color:#fff;background:#5c50f5;border-radius:22px;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 12px 26px #5c50f547}.day-agenda{gap:10px;margin-top:14px;display:grid}.agenda-item{text-align:left;width:100%;color:inherit;background:#f8f9fd;border-left:6px solid #c7d2fe;border-radius:20px;grid-template-columns:76px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.agenda-button:active{transform:scale(.99)}.agenda-item.status-completed{border-left-color:#24a865}.agenda-item.status-cancelled{opacity:.86;border-left-color:#f04438}.time-pill{color:#fff;background:#141827;border-radius:16px;place-items:center;min-height:52px;font-size:19px;font-weight:950;display:grid}.agenda-item strong{font-size:20px}.agenda-item p{color:#5b6475;margin:5px 0 0;font-size:15px;line-height:1.3}.student-list{gap:12px;display:grid}.student-actions{grid-template-columns:1fr;gap:10px;display:grid}.student-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.student-header>strong{color:#027a48;white-space:nowrap;background:#ecfdf3;border-radius:999px;padding:9px 12px;font-size:18px}.package{background:#f7f5ff;border-radius:20px;flex-direction:column;gap:6px;margin:10px 0;padding:14px;display:flex}.package strong{font-size:19px}.package span{color:#5b6475;font-size:17px;line-height:1.3}.inline-form{background:#f7f8fb;border:1px solid #edf0f6;border-radius:20px;gap:12px;margin-top:10px;padding:14px;display:grid}.inline-form label{color:#344054;gap:7px;font-size:18px;font-weight:900;display:grid}.inline-form input,.inline-form select,.lesson-editor input,.lesson-editor select{color:#141827;background:#fff;border:2px solid #d9e0ec;border-radius:16px;width:100%;min-height:54px;padding:0 14px;font-size:19px}.inline-actions{grid-template-columns:1fr;gap:10px;display:grid}.inline-actions .ghost{color:#475467;background:#eef2f6}.student-card-button{text-align:left;width:100%;color:inherit;display:block}.student-card-button:active{transform:scale(.99)}.open-hint{color:#5c50f5;margin-top:10px;font-size:16px;font-weight:950;display:inline-block}.back-button,.full-width{border-radius:18px;width:100%;min-height:56px;margin-bottom:12px;padding:15px 14px;font-size:17px;font-weight:950}.back-button{color:#344054;background:#eef2f6}.full-width.danger{color:#c01048;background:#fff1f3}.detail-card h2{margin-top:0}.editable-lesson-list{gap:12px;display:grid}.lesson-editor{background:#f8f9fd;border-left:6px solid #c7d2fe;border-radius:22px;gap:12px;padding:14px;display:grid}.lesson-editor.focused-lesson{outline:3px solid #5c50f559;box-shadow:0 0 0 6px #5c50f514}.lesson-editor.status-completed{border-left-color:#24a865}.lesson-editor.status-cancelled{opacity:.9;border-left-color:#f04438}.lesson-editor-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-editor-head>strong{font-size:20px}.status-badge{color:#3538cd;white-space:nowrap;background:#eef2ff;border-radius:999px;padding:8px 11px;font-size:15px;font-weight:950}.status-badge.status-completed{color:#027a48;background:#ecfdf3}.status-badge.status-cancelled{color:#c01048;background:#fff1f3}.status-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.status-quick-actions button{color:#344054;background:#eef2f6;border-radius:15px;min-height:48px;font-size:15px;font-weight:950}.status-quick-actions button.active{color:#fff;background:#141827}.status-quick-actions button.danger-lite{color:#c01048;background:#fff1f3}.status-quick-actions button.danger-lite.active{color:#fff;background:#c01048}.lesson-editor label{color:#344054;gap:7px;font-size:18px;font-weight:900;display:grid}.form{background:#fff;border-radius:28px;gap:14px;padding:18px;display:grid;box-shadow:0 8px 20px #1f293714}.form label{color:#344054;gap:8px;font-size:19px;font-weight:900;display:grid}.form-section{background:#f7f8fb;border:1px solid #edf0f6;border-radius:22px;gap:14px;padding:16px;display:grid}.form-section strong{color:#141827;font-size:21px}.two-columns{grid-template-columns:1fr;gap:12px;display:grid}.hint{color:#5b6475;margin:-2px 0 0;font-size:16px;line-height:1.4}.form .switch{background:#fff;border-radius:18px;grid-template-columns:none;align-items:center;gap:12px;padding:14px;display:flex}.form .switch input{width:24px;min-height:24px}.primary{min-height:62px;margin-top:4px;font-size:19px}@media (width>=520px){.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.student-actions,.inline-actions{grid-template-columns:1fr auto}}@media (width<=380px){.summary-grid{grid-template-columns:1fr}.tabs button{font-size:12px}.day{min-height:76px;padding:8px 6px}}
