:root{--bg:#f6f7fb;--surface:#ffffff;--surface-2:#f1f5f9;--surface-3:#fff7ed;--text:#182033;--muted:#667085;--line:#dce4ef;--primary:#0a3774;--primary-2:#062a59;--primary-soft:#e8f1ff;--accent:#d7a11e;--accent-soft:#fff4d6;--support:#0f766e;--support-soft:#e6fffb;--nav-bg:#081b38;--nav-text:#f8fafc;--nav-muted:#9aa4b2;--ok:#079455;--warn:#b54708;--bad:#d92d20;--shadow:0 18px 48px rgba(16,24,40,0.10);--shadow-soft:0 1px 2px rgba(16,24,40,0.05);--radius:14px;--border:var(--line);--panel:var(--surface);--surface-subtle:var(--surface-2)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{width:100%;min-width:0;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img,svg,video{max-width:100%}button,input,select,textarea{max-width:100%;font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:rgba(102,112,133,.45) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,61,46,.55),rgba(255,183,3,.55));border:3px solid transparent;border-radius:999px;background-clip:padding-box}.button-link,button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:800;box-shadow:0 10px 22px rgba(10,55,116,.16);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.button-link:hover,button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.ghost,button.ghost{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.danger,button.danger{background:linear-gradient(135deg,#b42318,#d92d20);color:#fff}.danger-soft,button.danger-soft{color:var(--bad);border-color:rgba(217,45,32,.22);background:#fff6f5}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;color:var(--text);background:var(--surface);outline:none}textarea{min-height:120px;resize:vertical}label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.03em}label input,label select,label textarea{color:var(--text);font-size:14px;font-weight:500;text-transform:none;letter-spacing:0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 18% 15%,rgba(215,161,30,.18),transparent 30%),radial-gradient(circle at 78% 82%,rgba(10,55,116,.14),transparent 30%),var(--bg)}.auth-panel{width:min(1050px,100%);display:grid;grid-template-columns:1.05fr .95fr;grid-gap:22px;gap:22px;align-items:stretch}.auth-copy,.card,.context-bar,.login-card,.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.auth-copy{padding:42px;display:grid;align-content:center}.brand-mark{display:inline-flex;align-items:center;gap:10px;color:var(--primary);font-weight:900;margin-bottom:24px}.brand-logo,.brand-mark img{width:42px;height:42px;border-radius:12px;object-fit:contain;background:#fff;box-shadow:0 10px 24px rgba(10,55,116,.14)}.eyebrow{color:var(--support);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.auth-copy h1{margin:10px 0 0;font-size:clamp(34px,5vw,56px);line-height:1.02}.auth-copy p{margin:16px 0 0;color:var(--muted);line-height:1.65;font-size:16px}.auth-points{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}.auth-points span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--surface);font-size:13px;font-weight:800}.login-card{padding:28px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:20px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.auth-tabs button{background:transparent;color:var(--muted);box-shadow:none}.auth-tabs button.active{background:var(--surface);color:var(--primary);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.form-stack{display:grid;grid-gap:14px;gap:14px}.form-stack h2{margin:0}.form-stack p{margin:0;color:var(--muted);line-height:1.55;text-transform:none;letter-spacing:0;font-weight:500}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:min(420px,calc(100vw - 32px));padding:14px 16px;border:1px solid rgba(10,55,116,.16);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);color:var(--text);font-weight:800}.social-auth-stack{display:grid;justify-items:stretch;grid-gap:10px;gap:10px;margin:0 0 18px}.social-auth-stack>div:first-child{min-height:44px;display:grid;place-items:center}.social-auth-disabled{pointer-events:none;opacity:.55}.social-auth-apple{min-height:44px;width:min(100%,320px);justify-self:center;border-radius:8px;background:#000;color:#fff;box-shadow:none;font-weight:800}.social-auth-apple:hover{background:#171717;transform:none}.social-auth-apple:disabled{opacity:.55;cursor:not-allowed}.auth-divider{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:10px;gap:10px;color:var(--muted);font-size:12px;font-weight:750}.auth-divider:after,.auth-divider:before{content:"";height:1px;background:var(--line)}.app-shell{width:100%;height:100vh;height:100dvh;display:grid;grid-template-columns:304px 1fr;overflow:hidden;background:radial-gradient(circle at 70% -10%,rgba(215,161,30,.18),transparent 36%),radial-gradient(circle at 8% 18%,rgba(15,118,110,.1),transparent 28%),var(--bg)}.app-sidebar{background:linear-gradient(180deg,rgba(215,161,30,.12),transparent 28%),var(--nav-bg);color:var(--nav-text);padding:20px;display:flex;flex-direction:column;gap:14px;height:100vh;overflow:hidden;border-right:1px solid rgba(255,255,255,.08)}.sidebar-top{justify-content:space-between;gap:12px}.brand,.sidebar-top{display:flex;align-items:center}.brand{font-size:16px;font-weight:900;gap:10px;min-width:0;line-height:1.18}.brand span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.brand-logo{width:38px;height:38px;border-radius:10px;flex:0 0 auto}.user-card{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.user-card div:last-child{min-width:0;display:grid;grid-gap:2px;gap:2px}.user-card span,.user-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card span{color:var(--nav-muted);font-size:12px}.avatar-fallback{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:950;flex:0 0 auto}.nav-list{min-height:0;overflow:auto;display:grid;grid-gap:6px;gap:6px;padding-right:3px}.nav-list button,.sidebar-signout{justify-content:flex-start;width:100%;background:transparent;color:var(--nav-muted);border:1px solid transparent;box-shadow:none}.nav-list button small{margin-left:auto;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.13);color:#fff}.nav-list button.active{background:linear-gradient(135deg,var(--primary),var(--accent));color:white;border-color:rgba(255,255,255,.14);box-shadow:0 12px 26px color-mix(in srgb,var(--primary) 24%,transparent)}.sidebar-signout{margin-top:auto;color:#f8fafc;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.app-main{min-width:0;height:100vh;overflow:auto;padding:28px;display:grid;align-content:start;grid-gap:16px;gap:16px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.topbar h1{margin:4px 0 0;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.icon-text svg{flex:0 0 auto}.workspace-header{position:-webkit-sticky;position:sticky;top:-1px;z-index:30;align-items:center;padding:16px 18px;border:1px solid color-mix(in srgb,var(--line) 86%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 18px 45px rgba(16,24,40,.08);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.workspace-heading{min-width:240px;display:grid;grid-gap:3px;gap:3px}.workspace-heading h1{margin:0}.workspace-heading p{max-width:620px;margin:2px 0 0;color:var(--muted);font-size:13px;font-weight:650;line-height:1.45}.workspace-header-tools{-webkit-margin-start:auto;margin-inline-start:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.header-datetime{min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--text)}.header-datetime>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.header-datetime>div{min-width:138px;display:grid;grid-gap:3px;gap:3px}.header-datetime small{color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.header-datetime strong{display:inline-flex;align-items:center;gap:5px;font-size:14px}.header-quick-actions{display:flex;align-items:center;gap:7px}.header-icon-button,.header-language-button{min-width:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.header-language-button{width:auto;padding:0 11px;font-size:12px;font-weight:950}.header-icon-button:hover,.header-language-button:hover,.profile-trigger:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--line));background:var(--primary-soft);color:var(--primary);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 14%,transparent)}.notification-button{position:relative}.notification-button small{position:absolute;top:-5px;inset-inline-end:-5px;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:999px;background:var(--bad);color:#fff;font-size:9px;font-weight:950}.header-profile{position:relative;min-width:0}.profile-trigger{min-height:54px;max-width:300px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft);text-align:start}.profile-trigger>span{min-width:0;display:grid;grid-gap:2px;gap:2px}.profile-trigger small,.profile-trigger strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-trigger strong{font-size:13px}.profile-trigger small{color:var(--muted);font-size:10px;font-weight:650}.profile-trigger>svg{color:var(--muted);transition:transform .18s ease}.header-profile.open .profile-trigger>svg{transform:rotate(180deg)}.profile-popover{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:60;width:min(360px,calc(100vw - 32px));overflow:hidden;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 28px 80px rgba(3,11,24,.28);animation:profile-pop .16s ease both}@keyframes profile-pop{0%{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-popover-head{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:6px;border-radius:14px;background:linear-gradient(135deg,var(--primary-soft),color-mix(in srgb,var(--accent-soft) 55%,var(--surface)))}.profile-popover-head .avatar.large{width:58px;height:58px;border-radius:16px;font-size:22px}.profile-popover-head>div{min-width:0;display:grid;grid-gap:3px;gap:3px}.profile-popover-head span,.profile-popover-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-popover-head span{color:var(--muted);font-size:12px}.profile-popover-head small{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-size:11px;font-weight:850}.profile-popover-head small i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 13%,transparent)}.profile-popover>button{width:100%;min-height:56px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;align-items:center;grid-gap:10px;gap:10px;padding:9px 10px;border-radius:12px;background:transparent;color:var(--text);box-shadow:none;text-align:start}.profile-popover>button:hover{background:var(--surface-2);transform:none;box-shadow:none}.profile-popover>button>span{display:grid;grid-gap:2px;gap:2px}.profile-popover>button strong{font-size:13px}.profile-popover>button small{color:var(--muted);font-size:11px;font-weight:600}.profile-popover>button>svg:last-child{color:var(--muted)}.profile-popover>button.profile-signout{margin-top:5px;border-top:1px solid var(--line);border-radius:0 0 12px 12px;color:var(--bad)}.spin{animation:header-spin .8s linear infinite}@keyframes header-spin{to{transform:rotate(1turn)}}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(10,55,116,.18);border-radius:12px;background:var(--primary-soft);color:var(--primary-2);font-weight:800}.notice button{min-height:30px;width:30px;padding:0;background:transparent;color:inherit;box-shadow:none}.loading-bar{height:4px;border-radius:999px;overflow:hidden;background:linear-gradient(90deg,var(--primary),var(--accent),var(--support));animation:pulse 1.1s ease infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.view-stack{display:grid;grid-gap:14px;gap:14px}.card,.context-bar,.metric{padding:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin:0;font-size:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.metric{display:grid;grid-gap:8px;gap:8px;align-content:start}.metric span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.metric svg{width:20px;height:20px}.metric strong{font-size:clamp(24px,2vw,34px);color:var(--primary);letter-spacing:-.03em}.metric small{color:var(--muted);font-weight:800}.profile-layout,.split-layout,.support-layout,.wallet-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-gap:14px;gap:14px;align-items:start}.context-bar{gap:12px}.context-bar,.search{display:flex;align-items:center}.search{min-height:46px;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--muted);flex:1 1;text-transform:none;letter-spacing:0}.search input{border:0;outline:0;background:transparent;padding:0;min-height:44px}.teacher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));grid-gap:14px;gap:14px}.catalog-card,.package-card,.teacher-card{position:relative;min-height:166px;display:grid;grid-gap:8px;gap:8px;align-content:start;text-align:left;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.catalog-card small,.catalog-card span,.package-card small,.package-card span,.teacher-card small,.teacher-card span{color:var(--muted);line-height:1.45}.teacher-card small{gap:5px}.avatar,.teacher-card small{display:inline-flex;align-items:center}.avatar{width:44px;height:44px;border-radius:14px;object-fit:cover;background:var(--primary-soft);color:var(--primary);justify-content:center;font-weight:950}.avatar.large{width:86px;height:86px;border-radius:24px;font-size:32px}.mini-row{width:100%;min-height:68px;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:none;justify-content:flex-start;text-align:left;margin-bottom:8px}.mini-row.passive{pointer-events:none}.mini-row div{display:grid;grid-gap:3px;gap:3px;min-width:0}.mini-row span{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(181,71,8,.22);border-radius:var(--radius);background:#fff8eb;color:#7a4b00}.attention-card div{display:grid;grid-gap:3px;gap:3px;flex:1 1}.attention-card span{color:#986000}.teacher-layout{display:grid;grid-template-columns:280px 350px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:start}.teacher-profile{display:grid;grid-gap:10px;gap:10px;align-content:start}.teacher-profile h2{margin:0}.teacher-profile p{margin:0;color:var(--muted);line-height:1.6}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row span{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 9px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:900}.lesson-list{display:grid;grid-gap:10px;gap:10px}.lesson-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px;background:var(--surface)}.lesson-picker.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(10,55,116,.12)}.lesson-picker>button:first-child{min-height:72px;display:grid;grid-gap:3px;gap:3px;align-content:center;text-align:left;justify-content:stretch;background:transparent;color:var(--text);box-shadow:none;padding:8px}.favorite-btn,.lesson-picker small,.lesson-picker span{color:var(--muted)}.favorite-btn{width:42px;min-height:42px;padding:0;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.favorite-btn.active{color:#c11574;background:#fff1f7;border-color:rgba(193,21,116,.2)}.favorite-btn.pin{position:absolute;top:12px;right:12px}.booking-panel p{color:var(--muted);line-height:1.55}.duration-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));grid-gap:10px;gap:10px;margin:12px 0}.duration-options button{min-height:72px;display:grid;grid-gap:4px;gap:4px;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.duration-options button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.duration-options span{color:inherit;opacity:.75;font-size:13px}.student-calendar{display:grid;grid-gap:10px;gap:10px;overflow:hidden}.calendar-booking-note{display:flex;align-items:flex-start;gap:8px;padding:12px 13px;border:1px solid rgba(10,55,116,.14);border-radius:12px;background:linear-gradient(135deg,#f8fbff,#fff9ef);color:var(--muted);font-size:12px;line-height:1.55}.calendar-booking-note svg{flex:0 0 auto;color:var(--primary);margin-top:1px}.calendar-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px}.calendar-toolbar strong{text-align:center}.calendar-grid{display:grid;grid-template-columns:72px repeat(7,minmax(116px,1fr));overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.calendar-cell,.calendar-head,.calendar-time{min-height:58px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px}.calendar-head{display:grid;align-content:center;grid-gap:3px;gap:3px;background:var(--surface-2);text-align:center;font-size:13px}.calendar-head span{color:var(--muted);font-size:11px}.calendar-time,.time-head{position:-webkit-sticky;position:sticky;left:0;z-index:1}.time-head{z-index:2}.calendar-time{display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-weight:900;font-size:12px}.calendar-cell{display:grid;place-items:stretch;background:var(--surface)}.calendar-cell button{min-height:48px;display:grid;grid-gap:2px;gap:2px;background:var(--primary-soft);color:var(--primary);border:1px solid transparent;padding:6px;border-radius:9px;box-shadow:none}.calendar-cell button.active{background:var(--primary);color:#fff}.calendar-cell button span{color:inherit;opacity:.8;font-size:12px}.empty-slot{display:grid;place-items:center;color:#b6c0cf;min-height:44px}.empty-calendar{grid-column:1/-1;padding:18px;color:var(--muted);text-align:center}.selected-slot-summary{min-height:42px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(15,118,110,.24);background:#ecfdf5;color:#065f46;border-radius:11px;font-weight:800;margin-top:12px}.booking-actions,.row-actions{display:flex;flex-wrap:wrap;gap:10px}.row-actions.end{justify-content:flex-end}.lesson-controls{display:grid;grid-template-columns:minmax(280px,1fr) auto}.status-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-tabs button{min-height:38px;background:var(--surface);color:var(--muted);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.status-tabs button.active{background:var(--primary);color:#fff}.booking-list,.lesson-card-grid{display:grid;grid-gap:12px;gap:12px}.lesson-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.booking-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:14px;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.booking-row div:first-child{display:grid;grid-gap:4px;gap:4px}.booking-row small,.booking-row span{color:var(--muted)}.booking-row small{display:inline-flex;align-items:center;gap:5px}.status-stack{grid-gap:6px;gap:6px;max-width:360px}.status-stack small{color:var(--muted);line-height:1.35}.pill{width:-moz-fit-content;width:fit-content;border-radius:999px;background:var(--primary-soft);color:var(--primary)!important;padding:5px 9px;font-size:12px;font-weight:950;text-transform:capitalize}.pill.pending_payment{background:var(--accent-soft);color:#8a5b00!important}.pill.confirmed{background:var(--support-soft);color:var(--support)!important}.pill.cancelled,.pill.refunded{background:#fff1f0;color:var(--bad)!important}.messages-layout,.packages-layout{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:start}.bucket{display:grid;grid-gap:7px;gap:7px;padding:12px 0;border-top:1px solid var(--line)}.bucket strong{text-transform:capitalize}.bucket span{color:var(--muted);font-size:13px}.progress-row{display:grid;grid-template-columns:auto 1fr auto 1fr;grid-gap:10px;gap:10px;align-items:center}.progress-row strong{color:var(--primary);font-size:24px}.progress-row span{color:var(--muted);font-weight:800}.certificate-row,.method-row,.ticket-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.certificate-row div,.method-row div{display:grid;grid-gap:4px;gap:4px;flex:1 1}.certificate-row span,.method-row span,.ticket-row small,.ticket-row span{color:var(--muted)}.payment-health{display:flex;gap:12px;align-items:center;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.payment-health.ok{border-color:rgba(7,148,85,.24);background:#ecfdf3;color:#05603a}.payment-health.bad{border-color:rgba(217,45,32,.24);background:#fff1f0;color:var(--bad)}.payment-health div{display:grid;grid-gap:3px;gap:3px}.payment-health span{color:inherit;opacity:.82}.checkbox-line{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text)}.checkbox-line input{width:auto;min-height:auto}.room-list{display:grid;align-content:start;grid-gap:8px;gap:8px}.room-list button{width:100%;display:grid;grid-gap:3px;gap:3px;text-align:left;justify-content:stretch;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.room-list button.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(10,55,116,.12)}.room-list span{color:var(--muted);font-size:13px}.chat-panel{min-height:540px;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.message-list{min-height:0;overflow:auto;display:grid;align-content:end;grid-gap:9px;gap:9px;padding-right:4px}.message-bubble{justify-self:start;max-width:min(580px,90%);display:grid;grid-gap:4px;gap:4px;padding:10px 12px;border-radius:14px 14px 14px 4px;background:var(--surface-2)}.message-bubble small{color:var(--muted);font-size:11px}.chat-form{grid-template-columns:minmax(0,1fr) auto;padding-top:12px;border-top:1px solid var(--line)}.chat-form,.notification-strip{display:grid;grid-gap:10px;gap:10px}.notification-strip{padding:14px;border:1px solid rgba(215,161,30,.25);border-radius:var(--radius);background:#fffaf0}.notification-strip>div:first-child{display:flex;align-items:center;gap:8px;color:#7a4b00}.notification-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:8px;gap:8px}.notification-list button{display:grid;grid-gap:3px;gap:3px;text-align:left;justify-content:stretch;background:var(--surface);color:var(--text);border:1px solid rgba(215,161,30,.25);box-shadow:none}.notification-list small{color:var(--muted)}.notification-view-all{margin-left:auto;padding:7px 10px}.notifications-hero{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f8fbff,#fff9eb);overflow:hidden}.notifications-hero>div:nth-child(2){flex:1 1;display:grid;grid-gap:4px;gap:4px}.notifications-hero h2,.notifications-hero p{margin:0}.notifications-hero p{color:var(--muted)}.notifications-hero-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--primary),#1765ad);box-shadow:0 10px 24px rgba(10,55,116,.2)}.notifications-hero button{display:flex;gap:7px;align-items:center}.notifications-card{padding:0;overflow:hidden}.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid var(--line)}.notification-tabs{display:flex;gap:6px;padding:4px;border-radius:12px;background:var(--surface-2)}.notification-tabs button{display:flex;gap:7px;background:transparent;color:var(--muted);border:0;box-shadow:none;padding:8px 12px}.notification-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-soft)}.notification-tabs small{min-width:20px;height:20px;display:grid;place-items:center;border-radius:99px;color:#fff;background:var(--primary)}.notification-search{min-width:min(320px,42%);display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface)}.notification-search input{border:0;box-shadow:none;padding-inline:0}.notifications-feed{display:grid}.notification-row{position:relative;display:flex;border-bottom:1px solid var(--line);background:var(--surface)}.notification-row:last-child{border-bottom:0}.notification-row.unread{background:linear-gradient(90deg,rgba(10,55,116,.055),#fff 70%)}.notification-main{flex:1 1;min-width:0;display:flex;align-items:center;gap:13px;padding:17px;text-align:left;background:transparent;color:var(--text);border:0;box-shadow:none}.notification-kind{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:var(--primary);background:var(--primary-soft)}.notification-copy{flex:1 1;min-width:0;display:grid;grid-gap:4px;gap:4px}.notification-copy>span{color:var(--muted);font-size:13px;line-height:1.45}.notification-copy small{color:#8a94a6}.notification-main i{width:9px;height:9px;border-radius:50%;background:#1682e8;box-shadow:0 0 0 4px rgba(22,130,232,.12)}.notification-archive{align-self:center;margin-right:12px;padding:8px;color:var(--muted)}@media (max-width:720px){.notifications-hero,.notifications-toolbar{align-items:stretch;flex-direction:column}.notification-search{min-width:100%}.notification-main{padding:14px 10px}}.empty-state{min-height:220px;display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);text-align:center;padding:18px}.empty-state>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.empty-state strong{color:var(--text)}.muted{color:var(--muted)}.payment-intent-panel{width:100%;display:block;padding:18px;border:1px solid rgba(10,55,116,.16);border-radius:calc(var(--radius) + 4px);background:radial-gradient(circle at 12% 16%,rgba(215,161,30,.16),transparent 28%),radial-gradient(circle at 90% 10%,rgba(10,55,116,.12),transparent 26%),linear-gradient(180deg,#f8fbff,#eef5ff);box-shadow:var(--shadow-soft);color:var(--text)}.payment-shell{width:100%;display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,500px);grid-gap:18px;gap:18px;align-items:stretch}.payment-card-box,.payment-copy-card{border:1px solid rgba(10,55,116,.14);border-radius:calc(var(--radius) + 2px);background:rgba(255,255,255,.88);box-shadow:0 18px 45px rgba(16,24,40,.09);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.payment-copy-card{display:grid;align-content:center;grid-gap:14px;gap:14px;padding:clamp(22px,3vw,34px);overflow:hidden;position:relative}.payment-copy-card:after{content:"";position:absolute;right:-80px;bottom:-80px;width:220px;height:220px;border-radius:999px;background:rgba(215,161,30,.11);pointer-events:none}.payment-kicker{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(7,148,85,.2);border-radius:999px;background:#ecfdf3;color:#05603a;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.payment-copy-card h2{max-width:580px;margin:0;color:var(--primary-2);font-size:clamp(24px,3vw,36px);line-height:1.08;letter-spacing:-.03em}.payment-copy-card p{max-width:610px;margin:0;color:var(--muted);line-height:1.65;font-weight:600}.payment-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:6px}.payment-summary-grid span{min-width:0;display:grid;grid-gap:5px;gap:5px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.82)}.payment-summary-grid small{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.payment-summary-grid strong{overflow:hidden;color:var(--text);font-size:14px;font-weight:950;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.payment-card-box{display:grid;align-content:start;grid-gap:16px;gap:16px;padding:18px}.payment-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.payment-card-header div{display:grid;grid-gap:3px;gap:3px}.payment-card-header span:not(.payment-amount-badge){color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.payment-card-header strong{color:var(--primary-2);font-size:19px;font-weight:950}.payment-amount-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border:1px solid rgba(215,161,30,.32);border-radius:999px;background:var(--accent-soft);color:#7a4b00;font-size:13px;font-weight:950}.stripe-component-preview{min-height:112px;display:flex;align-items:center;gap:12px;padding:16px;border:1px dashed rgba(10,55,116,.28);border-radius:14px;background:#f8fafc;color:var(--primary)}.stripe-component-preview>svg{flex:0 0 auto}.stripe-component-preview div{display:grid;grid-gap:4px;gap:4px}.stripe-component-preview strong{color:var(--text)}.stripe-component-preview span{color:var(--muted);line-height:1.5;font-size:13px;font-weight:650}.stripe-element-card{display:grid;grid-gap:14px;gap:14px}.stripe-element-frame{width:100%;min-width:0}.stripe-submit-button{width:100%;min-height:46px;border-radius:13px}.payment-footnote{display:flex;align-items:center;gap:7px;margin:0;padding:10px 12px;border:1px solid rgba(7,148,85,.18);border-radius:12px;background:#ecfdf3;color:#05603a;font-size:12px;font-weight:800;line-height:1.45}.payment-footnote svg{flex:0 0 auto}.payment-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:2px}.payment-actions button{min-height:40px}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:rgba(8,27,56,.44);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.policy-dialog{width:min(650px,100%);position:relative;display:grid;grid-gap:14px;gap:14px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 26px 80px rgba(8,27,56,.28)}.policy-dialog h2{margin:0;font-size:26px}.policy-dialog p{margin:0;color:var(--muted);line-height:1.55}.icon-close{position:absolute;top:12px;right:12px;width:36px;min-height:36px;padding:0;background:var(--surface-2);color:var(--text)}.dialog-symbol{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.dialog-symbol.danger{background:#fff1f0;color:var(--bad)}.policy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.policy-summary span{display:grid;grid-gap:4px;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:12px}.policy-summary strong{color:var(--text);font-size:14px}.policy-warning{padding:12px 14px;border:1px solid rgba(176,112,0,.25);border-radius:12px;background:#fff8e1;color:#7a4b00;line-height:1.5}@media (max-width:980px){.payment-shell,.payment-summary-grid{grid-template-columns:1fr}}@media (max-width:1180px){.app-shell,.auth-panel,.messages-layout,.packages-layout,.profile-layout,.split-layout,.support-layout,.teacher-layout,.wallet-layout{grid-template-columns:1fr}.app-shell{min-height:100vh}.app-shell,.app-sidebar{height:auto;overflow:visible}.app-sidebar{position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.app-main{height:auto;overflow:visible;padding:18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-row,.lesson-controls{grid-template-columns:1fr}.row-actions,.status-tabs{justify-content:flex-start}}@media (max-width:680px){.auth-copy,.auth-page,.card,.context-bar,.login-card,.metric{padding:16px}.metric-grid,.policy-summary,.progress-row,.two{grid-template-columns:1fr}.topbar{display:grid;align-items:stretch}.top-actions{justify-content:stretch}.top-actions button{flex:1 1}.calendar-toolbar,.nav-list{grid-template-columns:1fr}.payment-intent-panel{padding:12px}.payment-card-box,.payment-copy-card{padding:16px}.payment-actions,.payment-card-header{display:grid;justify-content:stretch}.payment-actions button{width:100%}}.meeting-join-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,var(--primary-soft),var(--bg))}.meeting-join-card{width:min(480px,100%);padding:42px 28px;border:1px solid var(--line);border-radius:24px;display:grid;justify-items:center;grid-gap:14px;gap:14px;background:var(--surface);box-shadow:0 28px 80px rgba(15,23,42,.16);text-align:center}.meeting-join-card h1,.meeting-join-card p{margin:0}.meeting-join-card p{color:var(--muted);line-height:1.55;overflow-wrap:anywhere}.meeting-join-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,var(--primary),var(--accent))}.meeting-join-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.meeting-join-actions button.button-link{border:0;cursor:pointer;font:inherit}.booking-panel,.student-calendar,.teacher-layout,.teacher-layout>*{min-width:0}.price-display{display:inline-flex;align-items:baseline;justify-content:center;gap:6px;color:inherit;opacity:1!important}.price-display strong{font-size:17px;font-weight:950;color:inherit}.price-display em{padding:3px 6px;border-radius:999px;background:rgba(10,55,116,.08);color:inherit;font-size:11px;font-style:normal;font-weight:950;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.duration-options button.active .price-display em{background:rgba(255,255,255,.16)}.booking-panel{overflow:hidden}.calendar-grid{width:100%;max-width:100%;overscroll-behavior-inline:contain}@media (max-width:1800px) and (min-width:1181px){.teacher-layout{grid-template-columns:minmax(240px,.72fr) minmax(320px,1.28fr)}.booking-panel{grid-column:1/-1}}@media (max-width:1180px){.teacher-layout{grid-template-columns:minmax(0,1fr)}.booking-panel{grid-column:auto}.teacher-profile{grid-template-columns:auto minmax(0,1fr);align-items:center}.teacher-profile .chip-row,.teacher-profile p{grid-column:1/-1}}@media (max-width:680px){.teacher-profile{justify-items:start}.duration-options,.teacher-profile{grid-template-columns:1fr}.calendar-grid{grid-template-columns:66px repeat(7,minmax(104px,1fr))}.calendar-toolbar button{width:100%}}.auth-mode-actions{position:fixed;top:18px;inset-inline-end:18px;z-index:20;display:flex;gap:8px}.mode-toggle{white-space:nowrap}.lesson-language,.teaching-language-line{display:inline-flex!important;align-items:center;gap:6px}.lesson-language{color:var(--support)!important;font-size:12px;font-weight:800}.teaching-language-line{width:-moz-fit-content;width:fit-content;margin:10px 0 4px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted)}.teaching-language-line strong{color:var(--text)}.package-choice-panel{display:grid;grid-gap:12px;gap:12px;margin:18px 0;padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}.package-choice-panel h3,.package-choice-panel p{margin:3px 0 0}.package-choice-panel p{color:var(--muted);line-height:1.5}.package-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:10px;gap:10px}.package-choice{min-height:128px;display:grid;align-content:start;justify-items:start;grid-gap:6px;gap:6px;text-align:start;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.package-choice>span{color:var(--muted);font-size:12px}.package-choice.active{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.package-selection-progress{display:grid;grid-gap:12px;gap:12px;margin:14px 0;padding:14px;border:1px solid color-mix(in srgb,var(--support) 28%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--support-soft) 75%,var(--surface))}.package-selection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.package-selection-head>div{display:grid;grid-gap:4px;gap:4px}.package-selection-head small{color:var(--muted);line-height:1.45}.selection-progress-row{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;grid-gap:12px;gap:12px;font-weight:850}.selection-progress-track{height:9px;border-radius:99px;overflow:hidden;background:color-mix(in srgb,var(--line) 75%,transparent)}.selection-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--support),var(--accent));transition:width .2s ease}.selected-package-slots{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.selected-package-slots>p{margin:0;color:var(--muted)}.selected-package-slot{width:100%;min-height:52px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;text-align:start;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.selected-package-slot>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff}.selected-package-slot>div{display:grid;grid-gap:2px;gap:2px}.selected-package-slot small{color:var(--muted)}.calendar-cell button{position:relative}.calendar-cell button .slot-order{position:absolute;top:3px;inset-inline-end:4px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#101828;font-size:11px}.calendar-cell button:disabled{opacity:.33;filter:grayscale(.45)}.student-app[data-theme=dark],.student-auth[data-theme=dark]{--bg:#06101d;--surface:#0f1b2d;--surface-2:#16253b;--surface-3:#2b2111;--text:#f5f8fc;--muted:#a9b8cc;--line:#2a3a52;--primary:#74adff;--primary-2:#e4efff;--primary-soft:#1a3355;--accent:#f1c75b;--accent-soft:#3a2e12;--support:#5fd3c8;--support-soft:#143a38;--ok:#4ade80;--warn:#fbbf24;--bad:#ff7b72;--nav-bg:#040c17;--nav-muted:#a9b6ca;--panel:var(--surface);--surface-subtle:var(--surface-2);--shadow:0 22px 56px rgba(0,0,0,.38);--shadow-soft:0 1px 2px rgba(0,0,0,.28);background-color:var(--bg);color:var(--text)}.student-app[data-theme=dark],.student-auth[data-theme=dark].auth-page{background:radial-gradient(circle at 74% -12%,rgba(241,199,91,.1),transparent 34%),radial-gradient(circle at 9% 15%,rgba(95,211,200,.08),transparent 27%),var(--bg)}.student-app[data-theme=dark] .workspace-header{background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 20px 52px rgba(0,0,0,.3)}.student-app[data-theme=dark] .booking-row,.student-app[data-theme=dark] .card,.student-app[data-theme=dark] .catalog-card,.student-app[data-theme=dark] .context-bar,.student-app[data-theme=dark] .duration-options button,.student-app[data-theme=dark] .empty-state,.student-app[data-theme=dark] .lesson-picker,.student-app[data-theme=dark] .metric,.student-app[data-theme=dark] .mini-row,.student-app[data-theme=dark] .notification-list button,.student-app[data-theme=dark] .notification-row,.student-app[data-theme=dark] .package-card,.student-app[data-theme=dark] .payment-health,.student-app[data-theme=dark] .room-list button,.student-app[data-theme=dark] .status-tabs button,.student-app[data-theme=dark] .teacher-card,.student-app[data-theme=dark] button.ghost,.student-app[data-theme=dark] input,.student-app[data-theme=dark] select,.student-app[data-theme=dark] textarea,.student-auth[data-theme=dark] .auth-copy,.student-auth[data-theme=dark] .login-card,.student-auth[data-theme=dark] button.ghost,.student-auth[data-theme=dark] input,.student-auth[data-theme=dark] select,.student-auth[data-theme=dark] textarea{background:var(--surface);color:var(--text);border-color:var(--line)}.student-app[data-theme=dark] input::placeholder,.student-app[data-theme=dark] textarea::placeholder,.student-auth[data-theme=dark] input::placeholder,.student-auth[data-theme=dark] textarea::placeholder{color:#71829b;opacity:1}.student-app[data-theme=dark] .calendar-cell,.student-app[data-theme=dark] .calendar-grid{background:var(--surface);border-color:var(--line)}.student-app[data-theme=dark] .calendar-head,.student-app[data-theme=dark] .calendar-time{background:var(--surface-2);border-color:var(--line)}.student-app[data-theme=dark] .notice{border-color:rgba(116,173,255,.24);background:#172e4c;color:#e4efff}.student-app[data-theme=dark] .attention-card{border-color:rgba(251,191,36,.24);background:#302711;color:#f8d777}.student-app[data-theme=dark] .attention-card span{color:#dbbd65}.student-app[data-theme=dark] .favorite-btn.active{border-color:rgba(244,114,182,.28);background:#3b1b32;color:#f9a8d4}.student-app[data-theme=dark] .payment-amount-badge,.student-app[data-theme=dark] .pill.pending_payment{color:#f8d777!important}.student-app[data-theme=dark] .dialog-symbol.danger,.student-app[data-theme=dark] .pill.cancelled,.student-app[data-theme=dark] .pill.refunded{background:#3b1c21;color:#ff9b94!important}.student-app[data-theme=dark] .notifications-hero{background:linear-gradient(135deg,#122844,#2f2713)}.student-app[data-theme=dark] .notification-row.unread{background:linear-gradient(90deg,rgba(116,173,255,.13),var(--surface) 70%)}.student-app[data-theme=dark] .notification-strip{background:#2f2713}.student-app[data-theme=dark] .notification-strip>div:first-child{color:#f8d777}.student-app[data-theme=dark] .payment-health.ok,.student-app[data-theme=dark] .selected-slot-summary{background:#12362e;color:#b9f6d8}.student-app[data-theme=dark] .danger-soft,.student-app[data-theme=dark] .payment-health.bad{color:#ff9b94}.student-app[data-theme=dark] .payment-intent-panel{border-color:var(--line);background:radial-gradient(circle at 12% 16%,rgba(241,199,91,.11),transparent 28%),radial-gradient(circle at 90% 10%,rgba(116,173,255,.12),transparent 26%),linear-gradient(180deg,#0d1a2c,#101f34)}.student-app[data-theme=dark] .payment-card-box,.student-app[data-theme=dark] .payment-copy-card{border-color:var(--line);background:rgba(15,27,45,.94);box-shadow:0 18px 45px rgba(0,0,0,.28)}.student-app[data-theme=dark] .payment-summary-grid span,.student-app[data-theme=dark] .policy-summary span,.student-app[data-theme=dark] .stripe-component-preview{background:var(--surface-2);border-color:var(--line)}.student-app[data-theme=dark] .payment-footnote,.student-app[data-theme=dark] .payment-kicker{background:#12362e;color:#b9f6d8;border-color:rgba(74,222,128,.22)}.student-app[data-theme=dark] .policy-warning{background:#302711;color:#f8d777;border-color:rgba(251,191,36,.25)}.student-auth[data-theme=dark] .auth-points span,.student-auth[data-theme=dark] .auth-tabs button.active{background:var(--surface-2)}.student-app[dir=rtl] .app-sidebar{border-right:0;border-left:1px solid rgba(255,255,255,.08)}.student-app[dir=rtl] .nav-list button small{margin-left:0;margin-right:auto}.student-app[dir=rtl] .notification-main,.student-app[dir=rtl] .package-choice,.student-app[dir=rtl] .room-list button{text-align:right}.student-app[dir=rtl] .calendar-time,.student-app[dir=rtl] .time-head{left:auto;right:0}.student-app[dir=rtl] .notification-archive{margin-right:0;margin-left:12px}@media (max-width:760px){.auth-mode-actions{position:static;width:100%;justify-content:flex-end;padding:12px 16px 0}.auth-page.student-auth{display:block;padding:0 16px 20px}.package-selection-head{display:grid}.selection-progress-row{grid-template-columns:1fr}.mode-toggle span{display:none}}@media (max-width:1500px){.header-datetime{display:none}}@media (max-width:1320px){.profile-trigger>span{display:none}.profile-trigger{grid-template-columns:auto auto;max-width:none}}@media (max-width:980px){.workspace-header{display:grid;align-items:stretch}.workspace-header-tools{width:100%;-webkit-margin-start:0;margin-inline-start:0;justify-content:space-between;flex-wrap:wrap}.profile-trigger>span{display:grid}.profile-trigger{grid-template-columns:auto minmax(0,1fr) auto;max-width:300px}}@media (max-width:680px){.workspace-header{padding:14px;border-radius:15px}.workspace-heading{min-width:0}.workspace-heading p{display:none}.workspace-header-tools{justify-content:flex-start}.header-quick-actions{flex:1 1;flex-wrap:wrap}.header-profile{-webkit-margin-start:auto;margin-inline-start:auto}.profile-trigger{min-height:44px;padding:3px 7px 3px 3px;grid-template-columns:auto auto}.profile-trigger>span{display:none}.profile-trigger .avatar{width:36px;height:36px;border-radius:10px}.profile-popover{position:fixed;top:76px;inset-inline:16px;width:auto}}.student-app[dir=rtl] .profile-popover>button>svg:last-child{transform:rotate(180deg)}.workspace-boot{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--text)}.workspace-boot-card{min-width:min(380px,calc(100vw - 32px));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.workspace-boot-card img{width:52px;height:52px;object-fit:contain;border-radius:14px;background:#fff}.workspace-boot-card>div{display:grid;grid-gap:4px;gap:4px}.workspace-boot-card strong{font-size:17px}.workspace-boot-card span{color:var(--muted);font-size:12px}.workspace-boot-card i{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.workspace-header{isolation:isolate;overflow:visible;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--primary-soft) 38%,var(--surface)))}.workspace-header:after{content:"";position:absolute;inset-inline-end:18%;top:-58px;width:190px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,transparent);filter:blur(28px);pointer-events:none;z-index:-1}.header-quick-actions{padding:5px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-2) 82%,transparent)}.profile-popover{width:min(390px,calc(100vw - 32px))}.profile-preference-row{display:grid;grid-gap:10px;gap:10px;padding:12px 10px;border-top:1px solid var(--line)}.profile-preference-row>span{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-column-gap:10px;column-gap:10px}.profile-preference-row>span>svg{grid-row:1/3;color:var(--primary)}.profile-preference-row b{font-size:13px}.profile-preference-row small{color:var(--muted);font-size:11px;font-weight:600}.preference-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.preference-switch button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);box-shadow:none;font-size:12px}.preference-switch button:hover{transform:none;box-shadow:none;color:var(--text)}.preference-switch button.active{border-color:color-mix(in srgb,var(--primary) 26%,var(--line));background:var(--surface);color:var(--primary);box-shadow:var(--shadow-soft)}.review-action{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;background:color-mix(in srgb,var(--accent-soft) 64%,var(--surface))!important;color:color-mix(in srgb,var(--accent) 74%,var(--text))!important}.student-app[data-theme=dark] .workspace-header{background:linear-gradient(135deg,#101b2f,#122541)}.student-app[data-theme=dark] .header-quick-actions{background:rgba(6,14,27,.48)}.student-app[data-theme=dark] .preference-switch button.active{background:#1b3152;color:#dceaff}.package-selector-list{align-content:start}.package-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:start}.package-card>div{min-width:0;display:grid;grid-gap:4px;gap:4px}.package-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:var(--primary);background:var(--primary-soft)}.package-card.active{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.package-details-card{min-width:0}.package-details-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-2px 0 18px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.package-details-summary>span:first-child{display:grid;grid-gap:3px;gap:3px}.package-details-summary small{color:var(--muted)}.package-lesson-bucket{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.bucket-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:7px;border-bottom:1px solid var(--line);text-transform:capitalize}.bucket-title small{min-width:25px;height:25px;display:grid;place-items:center;border-radius:99px;color:var(--primary);background:var(--primary-soft);font-weight:900}.package-lesson-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft)}.package-lesson-order{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-weight:950}.package-lesson-copy{min-width:0;display:grid;grid-gap:4px;gap:4px}.package-lesson-copy>small,.package-lesson-copy>span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.saved-rating{color:#a66f00!important;font-weight:850}.rate-teacher-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent-soft) 72%,var(--surface));color:color-mix(in srgb,var(--accent) 74%,var(--text));white-space:nowrap}.review-dialog{width:min(520px,calc(100vw - 32px))}.review-symbol{background:var(--accent-soft);color:#b27b00}.review-kicker{display:block;margin:3px 0 7px;color:var(--support);font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.star-rating{display:flex;justify-content:center;gap:6px;margin:18px 0 7px}.star-rating button{width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:color-mix(in srgb,var(--muted) 55%,transparent);box-shadow:none}.star-rating button:hover{transform:translateY(-2px);color:#d39400;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.star-rating button.active{color:#d39400;border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:var(--accent-soft)}.rating-label{display:block;text-align:center;margin-bottom:17px;color:#a66f00}.optional-label{font-weight:650}.comment-count,.optional-label{color:var(--muted);font-size:11px}.comment-count{display:block;margin-top:4px;text-align:end}.review-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--support) 28%,var(--line));border-radius:12px;background:var(--support-soft);color:var(--text);font-size:12px;line-height:1.5}.student-app[data-theme=dark] .rating-label,.student-app[data-theme=dark] .saved-rating{color:#f4cf66!important}.student-app[data-theme=dark] .rate-teacher-button{color:#f4cf66;background:#302711}@media (max-width:720px){.package-lesson-row{grid-template-columns:auto minmax(0,1fr)}.package-lesson-row>:last-child{grid-column:1/-1;width:100%}.package-details-summary{align-items:flex-start}.star-rating{gap:3px}.star-rating button{width:43px;height:43px}}.booking-package-card{overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);background:var(--surface);box-shadow:var(--shadow-soft)}.booking-package-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:16px;gap:16px;align-items:center;padding:16px;background:linear-gradient(135deg,var(--surface),var(--primary-soft));border-bottom:1px solid var(--line)}.booking-package-title{display:flex;align-items:center;gap:12px;min-width:0}.booking-package-title>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.booking-package-title strong{font-size:16px;color:var(--text)}.booking-package-title small,.booking-package-title span{color:var(--muted)}.package-status-stack{min-width:190px}.package-pay-button{white-space:nowrap}.package-booking-sessions{display:grid}.package-booking-session{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid var(--line)}.package-booking-session:first-child{border-top:0}.package-session-number{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-weight:950}.package-session-copy{display:grid;grid-gap:4px;gap:4px}.package-session-copy>small,.package-session-copy>span{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.package-session-copy>small{font-size:12px}.package-session-actions{justify-content:flex-end}.package-session-actions:empty{display:none}@media (max-width:1180px){.booking-package-head{grid-template-columns:1fr;align-items:stretch}.package-status-stack{min-width:0}.package-pay-button{width:-moz-fit-content;width:fit-content}.package-booking-session{grid-template-columns:auto minmax(0,1fr)}.package-session-actions{grid-column:2;justify-content:flex-start}}@media (max-width:680px){.package-booking-session{grid-template-columns:auto minmax(0,1fr);padding:12px}.package-session-actions{grid-column:1/-1}.package-pay-button{width:100%}}.student-app[data-theme=dark] .booking-package-card{background:var(--surface);border-color:var(--line)}.student-app[data-theme=dark] .booking-package-head{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary-soft) 70%,var(--surface)))}.recording-choice-panel{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow-soft)}.recording-choice-panel.selected{border-color:rgba(15,92,161,.5);box-shadow:0 16px 36px rgba(9,62,119,.12)}.recording-choice-head{display:flex;align-items:flex-start;gap:13px}.recording-card-icon,.recording-choice-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;color:white;background:linear-gradient(135deg,var(--primary),var(--accent))}.recording-choice-head h3{margin:2px 0 6px}.recording-choice-head p{margin:0;color:var(--muted);line-height:1.55}.recording-choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:16px}.recording-choice-options button{display:grid;grid-gap:4px;gap:4px;text-align:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:var(--text)}.recording-choice-options button.active{border-color:#287ac2;background:rgba(50,134,214,.1);box-shadow:inset 0 0 0 1px rgba(50,134,214,.15)}.recording-choice-options button:disabled{opacity:.55;cursor:not-allowed}.recording-choice-options small{color:var(--muted)}.recording-fee-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:13px}.recording-fee-summary>span{display:grid;grid-gap:4px;gap:4px;padding:12px;border-radius:12px;background:var(--surface-soft)}.recording-fee-summary small{color:var(--muted)}.recording-fee-summary .total{background:linear-gradient(135deg,rgba(19,87,150,.13),rgba(221,169,18,.13))}.recording-fee-summary em{grid-column:1/-1;color:var(--muted);font-style:normal;font-size:13px}.recordings-page{display:grid;grid-gap:18px;gap:18px}.recordings-intro{display:flex;align-items:center;justify-content:space-between;gap:18px}.recordings-intro h2{margin:3px 0 6px}.recordings-intro p{margin:0;max-width:760px;color:var(--muted)}.recording-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));grid-gap:15px;gap:15px}.recording-card{padding:18px;border:1px solid var(--line);border-radius:19px;background:var(--panel);box-shadow:var(--shadow-soft)}.recording-card>header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;grid-gap:12px;gap:12px}.recording-card>header>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.recording-card>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-card>header small,.recording-meta{color:var(--muted)}.recording-meta{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.recording-meta span{padding:6px 9px;border-radius:999px;background:var(--surface-soft);font-size:12px}.recording-file-list{display:grid;grid-gap:8px;gap:8px}.recording-file{width:100%;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;grid-gap:10px;gap:10px;padding:12px;text-align:start;border:1px solid var(--line);border-radius:13px;color:var(--text);background:var(--surface-soft)}.recording-file:hover:not(:disabled){transform:translateY(-1px);border-color:#4c86bd}.recording-file span{display:grid;grid-gap:3px;gap:3px}.recording-file small{color:var(--muted)}.recording-processing{display:flex;gap:11px;align-items:center;padding:14px;border-radius:13px;color:var(--muted);background:var(--surface-soft)}.recording-processing span{display:grid;grid-gap:3px;gap:3px}.status-badge.pending{background:rgba(218,164,15,.13);color:#926b00}@media (max-width:720px){.recording-choice-options,.recording-fee-summary{grid-template-columns:1fr}.recordings-intro{align-items:stretch;flex-direction:column}.recording-card-grid{grid-template-columns:1fr}.recording-card>header{grid-template-columns:42px 1fr}.recording-card>header .status-badge{grid-column:2;justify-self:start}}.pill.expired_unpaid{background:#fff0ed;color:#b42318!important;border:1px solid rgba(180,35,24,.18)}.booking-package-card:has(.pill.expired_unpaid),.booking-row:has(.pill.expired_unpaid){border-color:rgba(180,35,24,.22);background:linear-gradient(135deg,var(--surface),color-mix(in srgb,#fff0ed 56%,var(--surface)))}.status-stack{min-width:min(100%,270px);display:grid;justify-items:start;grid-gap:7px;gap:7px}.payment-deadline-notice{width:min(100%,390px);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:9px;gap:9px;padding:10px 11px;border:1px solid rgba(10,55,116,.15);border-radius:12px;background:color-mix(in srgb,var(--primary-soft) 72%,var(--surface));color:var(--primary)}.payment-deadline-notice>svg{margin-top:1px}.payment-deadline-notice>span{min-width:0;display:grid;grid-gap:2px;gap:2px}.payment-deadline-notice strong{font-size:11px;line-height:1.35}.payment-deadline-notice small{color:var(--muted)!important;font-size:10px;line-height:1.45}.payment-deadline-notice.urgent{border-color:rgba(180,83,9,.25);background:#fff7e8;color:#a15c00;animation:paymentDeadlinePulse 2.3s ease-in-out infinite}.payment-deadline-notice.expired{border-color:rgba(180,35,24,.21);background:#fff3f1;color:#b42318;animation:none}@keyframes paymentDeadlinePulse{0%,to{box-shadow:0 0 0 0 rgba(180,83,9,0)}50%{box-shadow:0 0 0 5px rgba(180,83,9,.07)}}.expired-payment-copy{display:inline-flex!important;align-items:center;gap:5px;color:#b42318!important;font-weight:800}.package-lesson-row:has(.expired-payment-copy){border-color:rgba(180,35,24,.18);background:color-mix(in srgb,#fff3f1 48%,var(--surface))}.student-app[data-theme=dark] .pill.expired_unpaid{background:rgba(172,53,39,.19);color:#ffb4aa!important;border-color:rgba(255,180,170,.16)}.student-app[data-theme=dark] .payment-deadline-notice{background:rgba(22,76,136,.18);border-color:rgba(104,167,255,.2);color:#9cc7ff}.student-app[data-theme=dark] .payment-deadline-notice.urgent{background:rgba(151,90,8,.18);border-color:rgba(248,215,119,.2);color:#f8d777}.student-app[data-theme=dark] .booking-package-card:has(.pill.expired_unpaid),.student-app[data-theme=dark] .booking-row:has(.pill.expired_unpaid),.student-app[data-theme=dark] .package-lesson-row:has(.expired-payment-copy),.student-app[data-theme=dark] .payment-deadline-notice.expired{background:linear-gradient(135deg,var(--surface),rgba(113,36,32,.18));border-color:rgba(255,180,170,.15)}.student-app[data-theme=dark] .expired-payment-copy{color:#ffb4aa!important}@media (max-width:760px){.payment-deadline-notice,.status-stack{width:100%;max-width:none}}@media (prefers-reduced-motion:reduce){.payment-deadline-notice.urgent{animation:none}}.student-notice-layer{position:fixed;inset:max(16px,env(safe-area-inset-top)) 18px auto;z-index:2600;display:flex;justify-content:center}.student-notice-popup{width:min(720px,100%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--bad) 36%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,#fff1ef);color:var(--text);box-shadow:0 24px 70px rgba(16,24,40,.25);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);animation:studentNoticeIn .28s cubic-bezier(.2,.9,.25,1)}.student-notice-popup>svg{color:var(--bad)}.student-notice-popup span{min-width:0;line-height:1.45;font-weight:800;overflow-wrap:anywhere}.student-notice-popup button{width:36px;min-height:36px;padding:0;border-radius:10px;background:transparent;color:var(--text);box-shadow:none}@keyframes studentNoticeIn{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:none}}.lesson-count-panel{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:18px;gap:18px;padding:18px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 70%,var(--surface)),var(--surface))}.lesson-count-panel h3{margin:4px 0 6px}.lesson-count-panel p{margin:0;color:var(--muted);line-height:1.55}.lesson-count-control{display:grid;grid-template-columns:42px minmax(86px,auto) 42px;align-items:center;grid-gap:8px;gap:8px}.lesson-count-control button{width:42px;min-height:42px;padding:0;border-radius:12px;font-size:22px}.lesson-count-control label{min-width:88px;min-height:54px;display:grid;place-items:center;grid-gap:0;gap:0;padding:5px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);text-transform:none;letter-spacing:0}.lesson-count-control label strong{font-size:21px;line-height:1}.lesson-count-control label span{color:var(--muted);font-size:11px}.lesson-count-pricing{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.booking-total-bar>span,.lesson-count-pricing>span{display:grid;grid-gap:3px;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.booking-total-bar small,.lesson-count-pricing small{color:var(--muted)}.booking-total-bar{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.booking-total-bar .grand-total{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 72%,var(--surface)),color-mix(in srgb,var(--accent-soft) 72%,var(--surface)))}.recording-fee-summary.loading{opacity:.78}.student-app[data-theme=dark],.student-auth[data-theme=dark]{color-scheme:dark;--surface-soft:var(--surface-2)}.student-app[data-theme=dark] :where(.lesson-count-panel,.recording-choice-panel,.recording-card,.booking-package-card,.package-selection-progress,.selected-package-slots,.booking-total-bar>span,.lesson-count-pricing>span,.lesson-count-control label,.recording-fee-summary>span,.recording-choice-options button,.package-choice,.selected-package-slot,.selected-slot-summary,.payment-deadline-notice,.action-dialog,.review-dialog,.payment-dialog,.profile-menu,.notification-popover,.calendar-grid,.calendar-cell,.empty-state){background-color:var(--surface);color:var(--text);border-color:var(--line)}.student-app[data-theme=dark] :where(.lesson-count-panel,.booking-total-bar .grand-total,.recording-choice-panel.selected,.package-selection-progress){background-image:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 55%,var(--surface)),var(--surface))}.student-app[data-theme=dark] :where(.recording-choice-options button.active,.duration-options button.active,.package-choice.active){background:color-mix(in srgb,var(--primary) 26%,var(--surface));color:#eef6ff;border-color:color-mix(in srgb,#71afff 48%,var(--line))}.student-app[data-theme=dark] :where(.recording-fee-summary .total,.booking-total-bar .grand-total){background:linear-gradient(135deg,rgba(39,109,187,.22),rgba(184,133,24,.18))}.student-app[data-theme=dark] :where(input,select,textarea,input[type=file],button.ghost){color-scheme:dark;background:var(--surface-2);color:var(--text);border-color:var(--line)}.student-app[data-theme=dark] input[type=file]::-webkit-file-upload-button{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px 11px}.student-app[data-theme=dark] input[type=file]::file-selector-button{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px 11px}.student-app[data-theme=dark] .student-notice-popup{background:color-mix(in srgb,var(--surface) 94%,#381c1c);border-color:rgba(255,161,151,.26);box-shadow:0 24px 70px rgba(0,0,0,.58)}.student-app[data-theme=dark] .student-notice-popup>svg{color:#ffaaa0}@media (max-width:760px){.student-notice-layer{inset-inline:10px}.lesson-count-panel{grid-template-columns:1fr}.lesson-count-control{justify-content:start}.booking-total-bar,.lesson-count-pricing{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.student-notice-popup{animation:none}}.student-app[data-theme=dark]{--dark-panel:#0f1b2d;--dark-panel-soft:#111f33;--dark-panel-elevated:#172842;--dark-line:#2b3e5a;--dark-slot:#173459;--dark-slot-hover:#1e4675}.student-app[data-theme=dark] :where(.teacher-profile,.lesson-picker,.booking-panel,.package-choice-panel,.package-details-card,.package-card,.package-booking-session,.package-lesson-bucket,.package-lesson-row,.recording-choice-panel,.recording-card,.recordings-intro,.lesson-count-panel,.lesson-count-pricing>span,.booking-total-bar>span,.payment-copy-card,.payment-card-box,.payment-summary-grid>span,.stripe-component-preview,.policy-summary>span,.profile-popover,.notification-popover,.notifications-card,.notification-row,.room-list button,.ticket-row,.certificate-row,.method-row,.progress-row,.support-layout>*,.wallet-layout>*,.messages-layout>*,.section-card,.selected-package-slot,.selected-slot-summary,.empty-state){background:linear-gradient(145deg,var(--dark-panel),#0c1727);color:var(--text);border-color:var(--dark-line);box-shadow:0 10px 28px rgba(0,0,0,.14)}.student-app[data-theme=dark] :where(.lesson-count-control label,.recording-fee-summary>span,.policy-summary>span,.payment-summary-grid>span,.package-booking-session,.package-lesson-row,.selected-package-slot,.ticket-row,.certificate-row,.method-row,.progress-row){background:var(--dark-panel-soft);box-shadow:none}.student-app[data-theme=dark] :where(.duration-options button,.package-choice,.recording-choice-options button,.status-tabs button,button.ghost){background:var(--dark-panel-soft);color:var(--text);border-color:var(--dark-line)}.student-app[data-theme=dark] :where(.duration-options button,.package-choice,.recording-choice-options button,.status-tabs button,button.ghost):hover:not(:disabled){background:var(--dark-panel-elevated);border-color:color-mix(in srgb,var(--primary) 38%,var(--dark-line))}.student-app[data-theme=dark] :where(.duration-options button.active,.package-choice.active,.recording-choice-options button.active,.status-tabs button.active){background:linear-gradient(135deg,#1d5fae,#2f7fd4);color:#ffffff;border-color:#70b1ff;box-shadow:0 0 0 3px rgba(116,173,255,.16),0 12px 26px rgba(0,0,0,.22)}.student-app[data-theme=dark] .calendar-grid{background:#0b1625;border-color:var(--dark-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.student-app[data-theme=dark] .calendar-head,.student-app[data-theme=dark] .calendar-time{background:#14243a;color:var(--text);border-color:var(--dark-line)}.student-app[data-theme=dark] .calendar-head span,.student-app[data-theme=dark] .calendar-time{color:#9fb0c8}.student-app[data-theme=dark] .calendar-cell{background:#0d1929;border-color:var(--dark-line)}.student-app[data-theme=dark] .calendar-cell button{min-height:52px;background:linear-gradient(145deg,var(--dark-slot),#142b49);color:#a9d0ff;border:1px solid #2c527d;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.student-app[data-theme=dark] .calendar-cell button:hover:not(:disabled):not(.active){transform:translateY(-1px);background:linear-gradient(145deg,var(--dark-slot-hover),#193b64);color:#ffffff;border-color:#67a9f4;box-shadow:0 9px 20px rgba(0,0,0,.22)}.student-app[data-theme=dark] .calendar-cell.has-selected-slot{background:linear-gradient(145deg,rgba(49,126,218,.12),#0d1929)}.student-app[data-theme=dark] .calendar-cell button.active,.student-app[data-theme=dark] .calendar-cell button.selected-slot,.student-app[data-theme=dark] .calendar-cell button[aria-pressed=true]{transform:translateY(-1px);background:linear-gradient(135deg,#1f6fca,#3096ef);color:#ffffff;border-color:#f1c75b;box-shadow:0 0 0 3px rgba(241,199,91,.18),0 12px 26px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.24)}.student-app[data-theme=dark] .calendar-cell button.active span,.student-app[data-theme=dark] .calendar-cell button.active strong,.student-app[data-theme=dark] .calendar-cell button.selected-slot span,.student-app[data-theme=dark] .calendar-cell button.selected-slot strong,.student-app[data-theme=dark] .calendar-cell button[aria-pressed=true] span,.student-app[data-theme=dark] .calendar-cell button[aria-pressed=true] strong{color:#ffffff;opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.22)}.student-app[data-theme=dark] .calendar-cell button .slot-order{background:#f1c75b;color:#101828;border:2px solid rgba(6,16,29,.72);box-shadow:0 4px 10px rgba(0,0,0,.25)}.student-app[data-theme=dark] .calendar-cell button:disabled{opacity:.44;filter:none;background:#101b2a;color:#64758d;border-color:#26374e;box-shadow:none}.student-app[data-theme=dark] .empty-slot{color:#5f718b}.student-app[data-theme=dark] .selection-progress-track{background:#263850}.student-app[data-theme=dark] .selected-slot-summary{background:linear-gradient(135deg,rgba(9,103,80,.33),#10293a);color:#c7ffe8;border-color:rgba(96,231,185,.28)}.student-app[data-theme=dark] :where(input,select,textarea,input[type=file]){background:#0d1928;color:var(--text);border-color:var(--dark-line)}.student-app[data-theme=dark] :where(input,textarea)::placeholder{color:#73859d;opacity:1}.student-app[data-theme=dark] .notification-row.unread{background:linear-gradient(90deg,rgba(47,127,212,.18),var(--dark-panel) 72%);border-color:rgba(116,173,255,.22)}.student-app[data-theme=dark] .notifications-hero{background:linear-gradient(135deg,#122844,#2b2412);border-color:var(--dark-line)}.student-app[data-theme=dark] .booking-package-head,.student-app[data-theme=dark] .booking-total-bar .grand-total,.student-app[data-theme=dark] .lesson-count-panel,.student-app[data-theme=dark] .package-selection-progress,.student-app[data-theme=dark] .payment-intent-panel,.student-app[data-theme=dark] .recording-choice-panel.selected{border-color:var(--dark-line);background:linear-gradient(135deg,#12243a,#101c2c)}.student-app[data-theme=dark] .stripe-component-preview{background:var(--dark-panel-soft);color:var(--primary)}.student-app[data-theme=dark] .danger-soft,.student-app[data-theme=dark] .payment-health.bad{background:#351b1f;border-color:rgba(255,155,145,.22);color:#ffaaa0}.student-app[data-theme=dark] .payment-health.ok{background:#12362e;border-color:rgba(96,231,185,.22);color:#b9f6d8}.student-app[data-theme=dark] .brand-logo,.student-app[data-theme=dark] .brand-mark img,.student-auth[data-theme=dark] .brand-mark img,.student-auth[data-theme=dark] .workspace-boot-card img{background:#f8fafc}@media (prefers-reduced-motion:reduce){.student-app[data-theme=dark] .calendar-cell button{transition:none}}.student-notice-layer{z-index:6000!important;pointer-events:none}.student-notice-popup{pointer-events:auto;max-width:min(460px,calc(100vw - 24px))}.dialog-overlay,.modal-overlay,.payment-overlay{z-index:5000!important;padding:clamp(8px,2vw,20px)!important}.dialog-card,.modal-card,.payment-panel{max-height:calc(100dvh - 20px)!important;overflow:auto!important;overscroll-behavior:contain}.chat-dock,.student-chat-dock{z-index:900!important;max-height:min(620px,calc(100dvh - 20px))!important}@media (max-width:720px){.dialog-overlay,.modal-overlay,.payment-overlay{align-items:end!important;padding:6px!important}.dialog-card,.modal-card,.payment-panel{width:100%!important;max-height:calc(100dvh - 6px)!important;border-radius:18px 18px 10px 10px!important}}.student-public-preview-shell{min-height:100dvh;padding:clamp(10px,2vw,18px);background:var(--background);color:var(--text);overflow-x:hidden}.student-preview-status{position:-webkit-sticky;position:sticky;top:8px;z-index:20;width:-moz-fit-content;width:fit-content;margin:0 0 12px auto;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(7,148,85,.2);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,#ecfdf3);color:#067647;box-shadow:var(--shadow-soft);font-size:12px;font-weight:900}.live-dot{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 5px rgba(18,183,106,.13)}.student-lesson-card-preview-layout{width:min(980px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(320px,1.28fr);grid-gap:14px;gap:14px;align-items:start}.student-teacher-card-preview-layout{width:min(1380px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.6fr);grid-gap:14px;gap:14px;align-items:start}.student-preview-teacher-card{min-width:0;position:-webkit-sticky;position:sticky;top:52px}.student-preview-teacher-card.compact{grid-template-columns:auto minmax(0,1fr);align-items:center}.student-preview-teacher-card.compact .avatar{width:52px;height:52px}.student-preview-teacher-card.compact .student-preview-teacher-meta{grid-column:1/-1}.student-preview-teacher-copy{min-width:0;display:grid;grid-gap:5px;gap:5px}.student-preview-teacher-copy h2{font-size:clamp(17px,2vw,22px);overflow-wrap:anywhere}.student-preview-teacher-meta{margin-top:2px}.preview-name-line{display:flex;align-items:center;gap:8px;color:var(--primary)}.preview-name-line h2{margin:0;color:var(--text)}.preview-language-list,.preview-profile-bio{padding-top:10px;border-top:1px solid var(--line)}.preview-language-list{display:grid;grid-gap:7px;gap:7px}.preview-language-list>strong{font-size:13px}.student-preview-card-section{min-width:0;display:grid;grid-gap:14px;gap:14px}.preview-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.preview-section-heading h3{margin:2px 0 0}.student-preview-count{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:850}.student-public-profile-lessons{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:stretch}.student-public-lesson-card{position:relative;min-width:0;padding:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-soft)}.student-public-lesson-card.featured{width:min(560px,100%);justify-self:center}.student-preview-card-cover{min-height:150px;max-height:210px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--primary-soft) 60%,var(--surface)));color:var(--muted)}.student-preview-card-cover img,.student-preview-card-cover video{width:100%;height:100%;min-height:150px;max-height:210px;object-fit:cover;display:block}.student-preview-card-cover.placeholder{gap:7px;font-weight:800}.student-preview-card-body{min-width:0;display:grid;align-content:start;grid-gap:10px;gap:10px;padding:14px}.student-preview-card-track{display:flex;flex-wrap:wrap;gap:7px}.student-preview-card-badges span,.student-preview-card-track span,.student-preview-option-row span{min-width:0;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:800;overflow-wrap:anywhere}.student-preview-card-title{font-size:17px;line-height:1.35;overflow-wrap:anywhere}.student-preview-card-body>p{margin:0;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.student-preview-price-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.student-preview-price-row>span{display:grid;grid-gap:3px;gap:3px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.student-preview-price-row small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:850}.student-preview-price-row b{font-size:14px;overflow-wrap:anywhere}.student-preview-card-badges,.student-preview-option-row{display:flex;flex-wrap:wrap;gap:7px}.student-preview-card-badges span{color:var(--primary);background:var(--primary-soft)}.student-preview-open-button{width:100%;justify-content:center;margin-top:2px}.student-preview-empty{min-height:180px;display:flex;align-items:center;justify-content:center;gap:12px;padding:22px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:left}.student-preview-empty div{display:grid;grid-gap:4px;gap:4px}.student-preview-empty strong{color:var(--text)}@media (max-width:900px){.student-lesson-card-preview-layout,.student-teacher-card-preview-layout{grid-template-columns:1fr}.student-preview-teacher-card{position:static}.student-preview-teacher-card:not(.compact){grid-template-columns:auto minmax(0,1fr);align-items:center}.student-preview-teacher-card:not(.compact)>.preview-language-list,.student-preview-teacher-card:not(.compact)>.preview-profile-bio,.student-preview-teacher-card:not(.compact)>.student-preview-teacher-meta{grid-column:1/-1}}@media (max-width:560px){.student-public-preview-shell{padding:7px}.student-preview-status{top:5px;margin-bottom:7px}.student-preview-card-section,.student-preview-teacher-card{padding:12px}.student-preview-price-row,.student-public-profile-lessons{grid-template-columns:1fr}.student-preview-card-cover,.student-preview-card-cover img,.student-preview-card-cover video{min-height:130px}}.student-lesson-full-preview-layout{width:min(1440px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(220px,.58fr) minmax(300px,.82fr) minmax(420px,1.4fr);grid-gap:14px;gap:14px;align-items:start}.student-preview-booking-panel{min-width:0;display:grid;grid-gap:16px;gap:16px;padding:18px}.student-preview-live-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;color:#067647;background:#ecfdf3;font-size:11px;font-weight:850}.student-preview-booking-overview{margin:0;color:var(--muted);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.student-preview-detail-section{display:grid;grid-gap:12px;gap:12px;padding-top:14px;border-top:1px solid var(--line)}.student-preview-detail-section>div:first-child{display:grid;grid-gap:4px;gap:4px}.student-preview-detail-section h4,.student-preview-flexible-booking h4,.student-preview-learning-grid h4{margin:0;font-size:16px}.student-preview-detail-section p,.student-preview-flexible-booking p,.student-preview-learning-grid p{margin:0;color:var(--muted);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.student-preview-duration-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:9px;gap:9px}.student-preview-duration-options>button{position:relative;min-width:0;display:grid;grid-gap:5px;gap:5px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);box-shadow:none;text-align:start;cursor:default}.student-preview-duration-options>button.active{border-color:var(--primary);background:var(--primary-soft)}.student-preview-duration-options>button.trial{border-style:dashed}.student-preview-duration-options>button span{color:var(--primary);font-weight:900}.student-preview-duration-options>button em{position:absolute;inset-inline-end:8px;top:8px;padding:3px 6px;border-radius:999px;background:#fff4d6;color:#9a6700;font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase}.student-preview-flexible-booking{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.62fr);grid-gap:14px;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.student-preview-flexible-booking>div:first-child{display:grid;grid-gap:4px;gap:4px}.student-preview-flexible-price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.student-preview-flexible-price>span{display:grid;grid-gap:3px;gap:3px;padding:10px;border-radius:11px;background:var(--surface)}.student-preview-flexible-price small,.student-preview-package-price em{color:var(--muted);font-size:10px;font-style:normal}.student-preview-package-grid{display:grid;grid-gap:9px;gap:9px}.student-preview-package-grid>article{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:11px;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.student-preview-package-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--primary);background:var(--primary-soft)}.student-preview-package-grid>article>div:nth-child(2){min-width:0;display:grid;grid-gap:3px;gap:3px}.student-preview-package-grid>article>div:nth-child(2) small,.student-preview-package-grid>article>div:nth-child(2) span{color:var(--muted);overflow-wrap:anywhere}.student-preview-package-price{display:grid;justify-items:end;grid-gap:3px;gap:3px;white-space:nowrap}.student-preview-package-price em{color:#067647;font-weight:850}.student-preview-empty-inline{display:flex;align-items:center;gap:9px;padding:13px;border:1px dashed var(--line);border-radius:13px;color:var(--muted)}.student-preview-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.student-preview-learning-grid>article{min-width:0;display:grid;grid-gap:5px;gap:5px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.student-preview-booking-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#d3a817);color:#fff}.student-preview-booking-total>span{display:grid;grid-gap:2px;gap:2px}.student-preview-booking-total small{color:rgba(255,255,255,.78)}.student-preview-booking-total button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:11px;background:#fff;color:var(--primary);cursor:default;box-shadow:none}.student-preview-calendar-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}@media (max-width:1180px){.student-lesson-full-preview-layout{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)}.student-preview-booking-panel{grid-column:1/-1}}@media (max-width:900px){.student-lesson-full-preview-layout{grid-template-columns:1fr}.student-preview-booking-panel{grid-column:auto}.student-preview-flexible-booking{grid-template-columns:1fr}}@media (max-width:560px){.student-preview-booking-panel{padding:12px}.student-preview-duration-options,.student-preview-flexible-price,.student-preview-learning-grid{grid-template-columns:1fr}.student-preview-package-grid>article{grid-template-columns:auto minmax(0,1fr)}.student-preview-package-price{grid-column:2;justify-items:start}.student-preview-booking-total{align-items:stretch;flex-direction:column}.student-preview-booking-total button{justify-content:center}}.student-lesson-public-media{width:100%;max-height:320px;overflow:hidden;margin:10px 0 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.student-lesson-public-media :where(img,video){display:block;width:100%;max-height:320px;object-fit:cover}.student-lesson-learning-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:14px 0}.student-lesson-learning-details>article{min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.student-lesson-learning-details h3{margin:4px 0 6px;font-size:16px}.student-lesson-learning-details p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:720px){.student-lesson-learning-details{grid-template-columns:1fr}}.student-lesson-public-media .student-preview-card-cover{width:100%;min-height:180px;height:auto;border:0;border-radius:0}.student-lesson-public-media .student-preview-card-cover.placeholder{min-height:180px}.student-preview-package-grid .package-choice{text-align:start}.student-preview-package-grid .package-choice b{font-size:15px}.student-preview-package-grid .package-choice em{color:var(--success);font-style:normal;font-size:12px;font-weight:800}.preview-disabled-action{cursor:default!important;pointer-events:none}body,html{width:100%;max-width:100%;overflow-x:hidden}:where(.app-shell,.workspace,.view-stack,.card,.split-layout,.wallet-layout,.support-layout,.profile-layout,.teacher-layout,.packages-layout,.messages-layout,.lesson-controls,.booking-row,.student-lesson-full-preview-layout,.student-teacher-card-preview-layout,.student-lesson-card-preview-layout,.table-wrap){min-width:0;max-width:100%}:where(img,video,canvas){max-width:100%;height:auto}:where(input,select,textarea,button,.control){max-width:100%}:where(.table-wrap,.calendar-grid){width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}:where(.workspace-heading,.profile-trigger,.teacher-card,.lesson-card,.booking-row,.package-card,.notification-item,.recording-card) :where(strong,span,small,p){overflow-wrap:anywhere}[dir=rtl] :where(.teacher-card,.lesson-card,.booking-row,.package-card,.notification-item,.field,.profile-trigger){text-align:start}[dir=rtl] :where(input[type=email],input[type=url],input[type=tel],code,.mono){direction:ltr;text-align:left;unicode-bidi:plaintext}@media (max-width:1320px) and (min-width:981px){.workspace-header{align-items:flex-start}.workspace-heading{min-width:0;flex:1 1 320px}.workspace-actions{flex-wrap:wrap;justify-content:flex-end}.teacher-layout{grid-template-columns:minmax(230px,.7fr) minmax(300px,1fr)}.teacher-layout>:last-child{grid-column:1/-1}}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.workspace{padding:14px;overflow-x:hidden}.sidebar{position:fixed;inset-block:var(--student-header-height,0) 0;inset-inline-start:0;width:min(320px,88vw);z-index:1200;transform:translateX(calc(-100% - 20px));transition:transform .28s cubic-bezier(.22,1,.36,1);box-shadow:18px 0 48px rgba(0,0,0,.22)}[dir=rtl] .sidebar{transform:translateX(calc(100% + 20px))}.app-shell.nav-open .sidebar,[dir=rtl] .app-shell.nav-open .sidebar{transform:translateX(0)}.workspace-header{flex-wrap:wrap;align-items:stretch}.workspace-actions{width:100%;justify-content:space-between}.profile-trigger{max-width:min(100%,320px)}.messages-layout,.packages-layout,.profile-layout,.split-layout,.support-layout,.teacher-layout,.wallet-layout{grid-template-columns:1fr}}@media (max-width:720px){.workspace{padding:10px}.workspace-header{padding:13px;border-radius:0 0 20px 20px}.workspace-heading h1{font-size:clamp(22px,7vw,30px)}.workspace-heading p{font-size:12px}.workspace-actions{gap:8px}.header-datetime{display:none}.profile-trigger{min-width:0;flex:1 1 auto}.booking-total-bar,.lesson-card-grid,.lesson-count-pricing,.metric-grid,.policy-summary,.recording-card-grid,.recording-choice-options,.recording-fee-summary,.teacher-grid,.two{grid-template-columns:1fr}.booking-row,.package-booking-session,.package-card,.recording-card>header{grid-template-columns:1fr;align-items:stretch}.booking-row .row-actions,.package-booking-session .row-actions{justify-content:stretch}.booking-row .row-actions>button,.package-booking-session .row-actions>button{flex:1 1 140px}.calendar-toolbar,.student-preview-duration-options,.student-preview-flexible-booking,.student-preview-flexible-price,.student-preview-learning-grid,.student-preview-package-grid>article{grid-template-columns:1fr}.auth-page{padding:12px;align-items:start}.auth-panel{grid-template-columns:1fr;width:100%}.auth-brand-panel{order:-1;min-height:auto;padding:18px}}@media (max-width:480px){.workspace{padding:8px}.card,.section-card{border-radius:15px;padding:12px}.profile-trigger small,.profile-trigger strong{display:none}.workspace-actions .ghost{min-width:42px;padding-inline:9px}.lesson-count-control{grid-template-columns:40px minmax(70px,1fr) 40px}.calendar-grid{grid-template-columns:60px repeat(7,minmax(96px,1fr))}}:where(.app-main,.app-sidebar){min-width:0;max-width:100%}@media (max-width:1180px){.app-sidebar{width:100%;padding:14px}.sidebar-top,.user-card{max-width:100%}.app-main{width:100%;padding:16px;overflow-x:hidden}}@media (max-width:680px){.app-sidebar{padding:10px;gap:10px}.sidebar-top{align-items:flex-start}.brand{font-size:14px}.app-main,.user-card{padding:10px}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.nav-list button{min-width:0;padding:9px 8px;font-size:12px}.nav-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:430px){.nav-list{grid-template-columns:1fr}}.student-menu-button,.student-sidebar-close,.student-sidebar-overlay{display:none}.student-menu-button,.student-sidebar-close{width:42px;height:42px;min-width:42px;padding:0;place-items:center;border-radius:11px}.student-menu-button{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--text);box-shadow:var(--shadow-soft)}.student-sidebar-close{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff}.student-sidebar-close svg{transition:transform .18s cubic-bezier(.22,1,.36,1)}.student-sidebar-close:hover svg{transform:rotate(90deg)}@media (max-width:1180px){.student-app.app-shell{grid-template-columns:minmax(0,1fr)!important}.student-app .app-main{grid-column:1;width:100%;min-width:0;padding:16px;overflow-x:hidden}.student-app .workspace-header{position:-webkit-sticky;position:sticky;top:0;z-index:180;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;isolation:isolate}.student-menu-button,.student-sidebar-close{display:grid}.student-app .workspace-heading{min-width:0}.student-app .workspace-heading .eyebrow,.student-app .workspace-heading h1,.student-app .workspace-heading p{overflow:hidden;text-overflow:ellipsis}.student-app .workspace-heading .eyebrow,.student-app .workspace-heading h1{white-space:nowrap}.student-app .workspace-header-tools{min-width:0;width:auto;-webkit-margin-start:0;margin-inline-start:0}.student-app .app-sidebar{position:fixed!important;inset-inline-start:0!important;inset-inline-end:auto!important;inset-block-start:var(--student-header-height,96px)!important;inset-block-end:0!important;width:min(320px,calc(100vw - 24px))!important;height:auto!important;max-height:calc(100dvh - var(--student-header-height, 96px))!important;padding:16px!important;overflow:hidden!important;transform:translateX(-105%);opacity:1;pointer-events:none;z-index:170;box-shadow:22px 0 58px rgba(15,23,42,.28);transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.student-app[dir=rtl] .app-sidebar{inset-inline-start:auto!important;inset-inline-end:0!important;transform:translateX(105%);box-shadow:-22px 0 58px rgba(15,23,42,.28)}.student-app .app-sidebar.open{transform:translateX(0);pointer-events:auto}.student-sidebar-overlay{display:block;position:fixed;inset-inline:0;inset-block-start:var(--student-header-height,96px);inset-block-end:0;z-index:160;border:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.student-app.sidebar-open .app-main{overflow:hidden}}@media (max-width:820px){.student-app .workspace-header{padding:12px;border-radius:0 0 18px 18px}.student-app .header-datetime,.student-app .workspace-heading .eyebrow,.student-app .workspace-heading p{display:none}.student-app .workspace-heading h1{font-size:clamp(20px,4.8vw,26px)}.student-app .workspace-header-tools{gap:6px}.student-app .header-quick-actions{gap:5px}.student-app .header-icon-button{width:40px;min-width:40px;min-height:40px}.student-app .profile-trigger{width:42px;min-width:42px;min-height:42px;padding:3px;display:grid;grid-template-columns:1fr;place-items:center}.student-app .profile-trigger>span:not(.avatar),.student-app .profile-trigger>svg{display:none}.student-app .profile-popover{width:min(350px,calc(100vw - 20px))}}@media (max-width:560px){.student-app .app-main{padding:8px}.student-app .workspace-header{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:9px}.student-app .header-icon-button,.student-menu-button,.student-sidebar-close{width:38px;height:38px;min-width:38px;min-height:38px}.student-app .header-quick-actions .header-icon-button:nth-child(2){display:none}.student-app .app-sidebar{width:min(330px,calc(100vw - 16px))!important;padding:12px!important}}@media (prefers-reduced-motion:reduce){.student-app .app-sidebar,.student-sidebar-close svg{transition:none!important}}.error,.inline-notice,.notice,.toast{white-space:pre-line}.structured-notice-text{display:grid;grid-gap:6px;gap:6px;min-width:0}.structured-notice-text strong{font:inherit;font-weight:800}.structured-notice-text small{display:block;padding-top:6px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);font-size:12px;line-height:1.5;font-weight:650}.student-app .button:disabled,.student-app .control:disabled,.student-app button:disabled{cursor:not-allowed!important;opacity:.58;pointer-events:none;filter:saturate(.72)}.student-attendance-page{display:grid;grid-gap:16px;gap:16px}.attendance-intro-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px}.attendance-intro-card h2{margin:4px 0 6px}.attendance-intro-card p{margin:0;color:var(--muted);max-width:760px;line-height:1.55}.attendance-intro-card .secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.attendance-access-message{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:13px;gap:13px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.attendance-access-message.error{border-color:color-mix(in srgb,#d92d20 45%,var(--border))}.attendance-access-message.locked{border-color:color-mix(in srgb,#d89b00 42%,var(--border))}.attendance-access-message p,.attendance-access-message small,.attendance-access-message strong{display:block}.attendance-access-message p{margin:5px 0;white-space:pre-line}.attendance-access-message small{color:var(--muted);line-height:1.45}.attendance-loading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.attendance-loading-grid i{min-height:210px;border-radius:17px;background:linear-gradient(90deg,color-mix(in srgb,var(--card) 90%,transparent) 20%,color-mix(in srgb,var(--primary) 9%,var(--card)) 50%,color-mix(in srgb,var(--card) 90%,transparent) 80%);background-size:220% 100%;animation:attendance-shimmer 1.25s ease-in-out infinite}@keyframes attendance-shimmer{to{background-position:-220% 0}}.attendance-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.student-attendance-card{display:grid;grid-gap:14px;gap:14px;min-width:0;padding:18px}.attendance-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.attendance-card-head small,.attendance-card-head span{display:block;color:var(--muted)}.attendance-card-head h3{margin:4px 0;overflow-wrap:anywhere}.attendance-card-head>b{padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,var(--card));color:var(--primary);font-size:12px;white-space:nowrap}.attendance-card-head>b[data-state*=no_show],.attendance-card-head>b[data-state=failed]{background:color-mix(in srgb,#d92d20 11%,var(--card));color:#d92d20}.attendance-card-head>b[data-state=completed]{background:color-mix(in srgb,#079455 11%,var(--card));color:#079455}.attendance-state-detail{margin:0;color:var(--muted);line-height:1.5}.attendance-own-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.attendance-own-timeline>span{display:grid;grid-template-columns:auto minmax(0,1fr);grid-column-gap:7px;column-gap:7px;grid-row-gap:2px;row-gap:2px;align-items:center;min-width:0;padding:11px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--card) 92%,var(--primary) 2%)}.attendance-own-timeline svg{grid-row:1/3;color:var(--primary)}.attendance-own-timeline small{color:var(--muted)}.attendance-own-timeline strong{font-size:12px;overflow-wrap:anywhere}.student-attendance-card footer{display:flex;align-items:center;gap:7px;padding-top:11px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.attendance-pagination{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.attendance-pagination button{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--text);font-weight:750}.attendance-pagination span{color:var(--muted);font-size:12px}.meeting-join-progress{display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:18px;text-align:center;color:var(--muted)}.meeting-join-progress strong{color:var(--text)}.meeting-join-error{display:grid;grid-gap:10px;gap:10px;max-width:760px;margin:16px auto;padding:16px;border:1px solid color-mix(in srgb,#d92d20 42%,var(--border));border-radius:15px;background:color-mix(in srgb,#d92d20 7%,var(--card))}.meeting-join-error pre{margin:0;white-space:pre-wrap;font:inherit;line-height:1.55;color:var(--text)}@media (max-width:960px){.attendance-card-grid{grid-template-columns:1fr}}@media (max-width:720px){.attendance-intro-card{align-items:stretch;flex-direction:column}.attendance-intro-card .secondary-button{width:100%}.attendance-loading-grid,.attendance-own-timeline{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.attendance-loading-grid i{animation-duration:2.2s}}#sanady-global-request-feedback{position:fixed;inset:0 0 auto 0;z-index:100000;pointer-events:none;opacity:0;transition:opacity .18s ease}#sanady-global-request-feedback.active{opacity:1}.sanady-request-bar{height:3px;width:100%;overflow:hidden;background:color-mix(in srgb,var(--primary) 16%,transparent)}.sanady-request-bar:after{content:"";display:block;width:38%;height:100%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--primary),#f0b90b,transparent);animation:sanady-request-slide 1.05s cubic-bezier(.4,0,.2,1) infinite}.sanady-request-pill{position:fixed;top:18px;left:50%;transform:translate(-50%,-10px) scale(.98);display:flex;align-items:center;gap:10px;min-width:220px;max-width:min(90vw,420px);padding:11px 16px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 18px 44px rgba(15,23,42,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text);font-weight:850;opacity:0;transition:opacity .2s ease,transform .2s ease}#sanady-global-request-feedback.active .sanady-request-pill{opacity:1;transform:translate(-50%) scale(1)}.sanady-request-pill i{width:18px;height:18px;flex:0 0 auto;border-left:2px solid color-mix(in srgb,var(--primary) 20%,transparent);border-bottom:2px solid color-mix(in srgb,var(--primary) 20%,transparent);border-top-color:color-mix(in srgb,var(--primary) 20%,transparent);border-top:2px solid var(--primary);border-right:2px solid #f0b90b;border-radius:50%;animation:sanady-spin .72s linear infinite}.sanady-action-busy{position:relative!important;cursor:wait!important;pointer-events:none!important;filter:saturate(.82)}.sanady-action-busy:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px;border-color:currentcolor #f0b90b rgba(255,255,255,.35) rgba(255,255,255,.35);border-style:solid;border-width:2px;border-radius:50%;animation:sanady-spin .72s linear infinite}.sanady-action-busy>*{opacity:.18}.sanady-invalid-control{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.12)!important}.sanady-field-error{display:flex!important;margin-top:6px!important;color:#b91c1c!important;font-size:12px!important;font-weight:750!important;line-height:1.45!important}.sanady-form-error-summary{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border:1px solid rgba(220,38,38,.28);border-radius:14px;background:rgba(254,226,226,.72);color:#991b1b}.sanady-form-error-summary strong{font-size:13px}.sanady-form-error-summary span{font-size:12px;line-height:1.55}@keyframes sanady-request-slide{0%{transform:translateX(-120%)}to{transform:translateX(360%)}}@keyframes sanady-spin{to{transform:rotate(1turn)}}.currency-search-field{display:grid;grid-gap:7px;gap:7px;min-width:0}.currency-search-field>span{font-size:12px;font-weight:850;color:var(--text)}.currency-search-field>small{color:var(--muted);line-height:1.45}.currency-search-select{position:relative;min-width:0}:is(.currency-search-select>button,.currency-search-select>.disabled-tooltip-wrapper>button){width:100%;min-height:46px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:9px;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);text-align:left}:is(.currency-search-select>button,.currency-search-select>.disabled-tooltip-wrapper>button) strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.currency-search-select.open>button,.currency-search-select.open>.disabled-tooltip-wrapper>button){border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.currency-search-menu{position:absolute;z-index:90;top:calc(100% + 7px);left:0;right:0;display:grid;grid-gap:7px;gap:7px;padding:9px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 18px 50px rgba(15,23,42,.18)}.currency-search-box{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.currency-search-box input{min-width:0;height:40px;border:0;outline:0;background:transparent;color:var(--text)}.currency-search-options{max-height:230px;overflow:auto;display:grid;grid-gap:4px;gap:4px;overscroll-behavior:contain}.currency-search-options>button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left}.currency-search-options>button.selected,.currency-search-options>button:hover{background:var(--primary-soft);color:var(--primary)}.currency-search-options>button span{color:var(--muted);font-size:11px}.checkout-currency-panel,.wallet-currency-toolbar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);grid-gap:16px;gap:16px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--primary-soft) 38%,var(--surface))}.checkout-currency-panel h3,.wallet-currency-toolbar h2{margin:2px 0 5px}.checkout-currency-panel p,.wallet-currency-toolbar p{margin:0;color:var(--muted);line-height:1.55}.currency-quote-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));grid-gap:8px;gap:8px}.currency-quote-summary>span{display:grid;grid-gap:3px;gap:3px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.currency-quote-summary small{color:var(--muted)}.currency-quote-summary strong{font-size:15px}@media (max-width:720px){.checkout-currency-panel,.wallet-currency-toolbar{grid-template-columns:1fr}.currency-quote-summary{grid-column:auto}.currency-search-menu{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:min(70dvh,520px)}}.student-preview-duration-options>button small,.student-preview-flexible-booking .lesson-count-pricing em,.student-preview-option-row small,.student-preview-package-grid .package-choice>small,.student-preview-price-row em{color:var(--primary);font-size:10px;font-style:normal;font-weight:850;line-height:1.3}.student-preview-price-row em{text-transform:none;letter-spacing:0}.student-preview-option-row>span{display:grid;grid-gap:2px;gap:2px}.student-preview-duration-options>button small,.student-preview-package-grid .package-choice>small{display:block}.route-error-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(215,161,30,.18),transparent 32%),var(--bg);color:var(--text)}.route-error-card{width:min(620px,100%);display:grid;grid-gap:14px;gap:14px;padding:clamp(22px,4vw,38px);border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.route-error-eyebrow{margin:0;color:var(--accent);font-size:12px;font-weight:950;letter-spacing:.08em}.route-error-card h1{margin:0;font-size:clamp(24px,4vw,36px)}.route-error-card p{margin:0;color:var(--muted);line-height:1.65}.route-error-card code{overflow-wrap:anywhere;color:var(--muted)}.route-error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.route-error-actions a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--line);border-radius:11px;font-weight:850}.student-notice-popup span{white-space:pre-line}.payment-methods-inline-error{align-items:center;margin:12px 0 14px;border-color:color-mix(in srgb,#d89b00 42%,var(--border));background:color-mix(in srgb,#d89b00 10%,var(--card));color:var(--text)}.payment-methods-inline-error>div{display:grid;grid-gap:3px;gap:3px;min-width:0}.payment-methods-inline-error strong{font-size:14px}.payment-methods-inline-error span{color:var(--muted);font-size:12px;line-height:1.45;font-weight:650}.payment-methods-inline-error button{width:auto;min-width:86px;min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);white-space:nowrap}@media (max-width:640px){.payment-methods-inline-error{align-items:stretch;flex-direction:column}.payment-methods-inline-error button{width:100%}}.workspace-boot-brand-placeholder{width:52px;height:52px;display:block;border-radius:14px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface));position:relative;overflow:hidden}.workspace-boot-brand-placeholder:after{content:"";position:absolute;inset:11px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.preferred-currency-panel,.preferred-wallet-header{align-items:center}.preferred-currency-panel h3{font-size:clamp(24px,3vw,34px);letter-spacing:.04em}.preferred-currency-change{justify-self:end;white-space:nowrap}.currency-quote-summary.single-currency{grid-template-columns:minmax(190px,320px)}.profile-currency-setting{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);grid-gap:16px;gap:16px;align-items:end;padding:16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.profile-currency-setting h3{margin:3px 0 5px}.profile-currency-setting p{margin:0;color:var(--muted);line-height:1.5}.preferred-currency-readonly{display:grid;grid-gap:4px;gap:4px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.preferred-currency-readonly>small,.preferred-currency-readonly>span{color:var(--muted);font-size:12px}.preferred-currency-readonly>strong{font-size:17px;letter-spacing:.04em}@media (max-width:760px){.profile-currency-setting{grid-template-columns:1fr}.preferred-currency-change{justify-self:stretch;width:100%}}.discover-workspace{gap:16px}.discover-mode-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.85fr);grid-gap:24px;gap:24px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,var(--primary-soft)),var(--surface));box-shadow:var(--shadow-soft)}.discover-mode-card h2{margin:4px 0 7px;font-size:clamp(20px,2vw,28px)}.discover-mode-card p{margin:0;color:var(--muted);line-height:1.55}.discover-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.discover-mode-switch>button{min-height:70px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;padding:12px;text-align:start;color:var(--muted);border:1px solid transparent;border-radius:12px;background:transparent}.discover-mode-switch>button>svg{width:34px;height:34px;padding:8px;border-radius:10px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.discover-mode-switch>button span{display:grid;grid-gap:3px;gap:3px;min-width:0}.discover-mode-switch>button strong{color:var(--text)}.discover-mode-switch>button small{color:var(--muted)}.discover-mode-switch>button.active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 32%,var(--line));background:var(--surface);box-shadow:var(--shadow-soft),0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}.discover-mode-switch>button.active>svg{color:white;background:linear-gradient(135deg,var(--primary),var(--accent))}.discover-toolbar{position:relative;z-index:18;display:grid;grid-gap:12px;gap:12px;align-items:end;overflow:visible}.discover-toolbar.teacher-mode{grid-template-columns:minmax(0,1fr)}.discover-toolbar.lesson-mode{grid-template-columns:minmax(260px,1.35fr) minmax(180px,.72fr) minmax(210px,.84fr) minmax(155px,.58fr) minmax(145px,.54fr)}.discover-main-search{min-height:46px}.discover-select-field{min-width:0;display:grid;grid-gap:7px;gap:7px;color:var(--text);font-size:12px;font-weight:850}.discover-search-select{position:relative;min-width:0}:is(.discover-search-select>button,.discover-search-select>.disabled-tooltip-wrapper>button){width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;text-align:start;color:var(--text);border:1px solid var(--line);border-radius:12px;background:var(--surface)}:is(.discover-search-select>button,.discover-search-select>.disabled-tooltip-wrapper>button)>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.discover-search-select.open>button,.discover-search-select.open>.disabled-tooltip-wrapper>button,.discover-search-select>button:focus-visible,.discover-search-select>.disabled-tooltip-wrapper>button:focus-visible){border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.discover-search-menu{position:absolute;inset-inline:0;top:calc(100% + 7px);z-index:120;display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(390px,52vh);overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:14px;background:var(--surface);box-shadow:0 24px 60px rgba(16,24,40,.22)}.discover-search-box{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;margin:9px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.discover-search-box svg{color:var(--primary)}.discover-search-box input{min-width:0;padding:0;color:var(--text);border:0;outline:0;background:transparent}.discover-search-options{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 8px 8px}.discover-search-options>button{width:100%;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center;padding:9px 10px;text-align:start;color:var(--text);border:1px solid transparent;border-radius:10px;background:transparent}.discover-search-options>button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-search-options>button small{color:var(--muted)}.discover-search-options>button.selected,.discover-search-options>button:hover{border-color:color-mix(in srgb,var(--primary) 24%,var(--line));background:var(--primary-soft)}.discover-no-options{display:block;padding:15px 10px;color:var(--muted);text-align:center}.discover-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:2px 2px 0}.discover-results-head h3{margin:3px 0 0;font-size:20px}.discover-results-head>small{max-width:520px;color:var(--muted);text-align:end}.teacher-card em{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;color:var(--primary);font-size:12px;font-style:normal;font-weight:850}.discover-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.discover-lesson-card{min-width:0;display:grid;grid-template-rows:150px minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.discover-lesson-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--line));box-shadow:var(--shadow)}.discover-lesson-media{position:relative;display:grid;place-items:center;overflow:hidden;color:var(--primary);background:linear-gradient(135deg,var(--primary-soft),color-mix(in srgb,var(--accent-soft) 60%,var(--surface)))}.discover-lesson-media img{width:100%;height:100%;object-fit:cover}.discover-lesson-media>span{position:absolute;inset-inline-start:12px;bottom:10px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 9px;color:white;border-radius:999px;background:color-mix(in srgb,var(--nav-bg) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:850}.discover-lesson-content{min-width:0;display:grid;align-content:start;grid-gap:9px;gap:9px;padding:16px}.discover-lesson-path{min-width:0;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.discover-lesson-path>span,.discover-lesson-path>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-lesson-path>strong{color:var(--primary)}.discover-lesson-content h3{margin:0;font-size:18px;line-height:1.25}.discover-lesson-content>p{margin:0;display:-webkit-box;overflow:hidden;color:var(--muted);line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical}.discover-teacher-summary{width:100%;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;grid-gap:9px;gap:9px;margin-top:3px;padding:9px;text-align:start;color:var(--text);border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.discover-teacher-summary .avatar{width:38px;height:38px;border-radius:11px}.discover-teacher-summary>span{min-width:0;display:grid;grid-gap:2px;gap:2px}.discover-teacher-summary>span small,.discover-teacher-summary>span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-teacher-summary>span small{color:var(--muted)}.discover-teacher-summary>em{display:flex;align-items:center;gap:4px;color:var(--accent);font-size:11px;font-style:normal;font-weight:900;white-space:nowrap}.discover-lesson-card>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px;padding:13px 16px 16px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 58%,var(--surface))}.discover-lesson-card>footer>span{display:grid;grid-gap:2px;gap:2px}.discover-lesson-card>footer small{color:var(--muted)}.discover-lesson-card>footer>button{grid-column:1/-1;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;color:white;border-color:transparent;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,var(--accent)))}.discover-lesson-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.discover-lesson-skeleton i{height:420px;border-radius:18px;background:linear-gradient(90deg,var(--surface-2),color-mix(in srgb,var(--primary-soft) 50%,var(--surface)),var(--surface-2));background-size:220% 100%;animation:access-shimmer 1.4s ease-in-out infinite}.discover-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 0 0}.discover-pagination>button{display:inline-flex;align-items:center;gap:6px}.discover-pagination>span{color:var(--muted)}.student-app[data-theme=dark],.student-auth[data-theme=dark]{--bg:#0d111a;--surface:#151b26;--surface-2:#101722;--surface-3:#241915;--text:#f5f7fb;--muted:#a7b0c0;--line:#263244;--primary:#6aa7ff;--primary-2:#3b82f6;--primary-soft:rgba(106,167,255,0.12);--accent:#ffd166;--accent-soft:rgba(255,209,102,0.13);--support:#5eead4;--support-soft:rgba(94,234,212,0.13);--nav-bg:#090d14;--nav-text:#f8fafc;--nav-muted:#8d98aa;--shadow:0 22px 60px rgba(0,0,0,0.36);--shadow-soft:0 1px 2px rgba(0,0,0,0.25)}@media (max-width:1240px){.discover-mode-card{grid-template-columns:1fr}.discover-toolbar.lesson-mode{grid-template-columns:minmax(0,1fr) repeat(2,minmax(210px,.75fr))}.discover-lesson-grid,.discover-lesson-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.discover-mode-switch,.discover-toolbar.lesson-mode{grid-template-columns:1fr}.discover-results-head{align-items:flex-start;flex-direction:column}.discover-results-head>small{text-align:start}.discover-lesson-grid,.discover-lesson-skeleton{grid-template-columns:1fr}.discover-search-menu{position:fixed;inset:auto 12px 12px;max-height:min(520px,72dvh)}}@media (max-width:520px){.discover-mode-card{padding:16px}.discover-lesson-card{grid-template-rows:128px minmax(0,1fr) auto}.discover-teacher-summary{grid-template-columns:36px minmax(0,1fr)}.discover-teacher-summary>em{grid-column:2}.discover-pagination{justify-content:space-between;gap:8px}}.discover-search-select>button:disabled{cursor:wait;opacity:.72;background:color-mix(in srgb,var(--surface-2) 82%,var(--surface))}.discover-filter-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:11px;gap:11px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger,#d92d20) 30%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--danger,#d92d20) 6%,var(--surface));color:var(--text)}.discover-filter-error>svg{color:var(--danger,#d92d20)}.discover-filter-error>span{min-width:0;display:grid;grid-gap:2px;gap:2px}.discover-filter-error small{color:var(--muted)}.payment-summary-simple{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:680px){.discover-filter-error{grid-template-columns:auto minmax(0,1fr)}.discover-filter-error>button{grid-column:1/-1;width:100%}.payment-summary-simple{grid-template-columns:1fr}}.refund-wallet-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);grid-gap:14px;gap:14px;align-items:start}.refund-wallet-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:18px}.refund-wallet-hero-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--primary),#1765ad);color:#fff;box-shadow:0 12px 24px rgba(10,55,116,.18)}.refund-wallet-hero h2,.refund-wallet-rules h2,.wallet-ledger-head h2{margin:3px 0 5px}.refund-wallet-hero p,.wallet-ledger-head p{margin:0;color:var(--muted);line-height:1.55}.refund-wallet-metrics .metric{min-height:125px}.wallet-ledger-card{padding:18px}.wallet-ledger-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.wallet-ledger-currency{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:850}.wallet-transaction-list{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}.wallet-transaction-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line);background:var(--surface)}.wallet-transaction-row:last-child{border-bottom:0}.wallet-transaction-row:hover{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.wallet-transaction-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ecfdf3;color:#067647}.wallet-transaction-row>div{min-width:0;display:grid;grid-gap:3px;gap:3px}.wallet-transaction-row>div small,.wallet-transaction-row>div span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.wallet-transaction-row>div small{font-size:10.5px}.wallet-transaction-row>b{color:#067647;white-space:nowrap}.refund-wallet-side{position:-webkit-sticky;position:sticky;top:16px}.refund-wallet-rules{padding:18px}.refund-rule-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.refund-rule-list article{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.refund-rule-list article>svg{color:var(--primary);margin-top:2px}.refund-rule-list article>div{display:grid;grid-gap:3px;gap:3px}.refund-rule-list article span{color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:1000px){.refund-wallet-layout{grid-template-columns:1fr}.refund-wallet-side{position:static}.refund-wallet-hero{grid-template-columns:auto minmax(0,1fr)}.refund-wallet-hero>.preferred-currency-change{grid-column:1/-1;justify-self:start}}@media(max-width:560px){.refund-wallet-hero{grid-template-columns:1fr}.refund-wallet-hero-icon{width:44px;height:44px}.wallet-ledger-head{flex-direction:column}.wallet-transaction-row{grid-template-columns:auto minmax(0,1fr)}.wallet-transaction-row>b{grid-column:2;justify-self:start}}.header-notifications{position:relative;display:inline-flex}.notification-popup{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(360px,calc(100vw - 32px));max-height:min(420px,70vh);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.15);z-index:1000;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.notification-popup-header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}.notification-popup-header strong{flex:1 1;font-size:14px}.notification-popup-list{overflow-y:auto;max-height:300px}.notification-popup-item{display:grid;grid-gap:2px;gap:2px;padding:12px 16px;border:none;background:none;width:100%;text-align:start;cursor:pointer;border-bottom:1px solid var(--line)}.notification-popup-item:last-child{border-bottom:0}.notification-popup-item:hover{background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.notification-popup-item span{font-size:13px;font-weight:600;color:var(--text)}.notification-popup-item small{font-size:11px;color:var(--muted);line-height:1.4}.notification-popup-empty{display:grid;place-items:center;padding:32px 16px;color:var(--muted);grid-gap:8px;gap:8px}.notification-popup-footer{padding:10px 16px;border-top:1px solid var(--line);text-align:center}.notification-popup-footer button{width:100%}.header-next-lesson{display:flex;align-items:center;gap:8px;padding:6px 12px;border-left:3px solid var(--success,#28a745);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--success,#28a745) 6%,var(--surface))}.header-next-lesson div{display:grid;grid-gap:1px;gap:1px}.header-next-lesson small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.header-next-lesson strong{font-size:12px;font-weight:700}.communication-workspace .discover-mode-switch{margin-bottom:14px}.fee-breakdown-item{opacity:.85}.booking-summary-details{display:grid;grid-gap:8px;gap:8px;margin:14px 0}.booking-summary-details .summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.booking-summary-details .summary-row:last-child{border-bottom:0}.booking-summary-details .summary-row span{font-size:13px;color:var(--muted)}.booking-summary-details .summary-row strong{font-size:13px;font-weight:600}.booking-summary-details .grand-total-row{padding:10px 0;margin-top:4px;border-top:2px solid var(--line);border-bottom:0}.booking-summary-details .grand-total-row span{font-size:14px;font-weight:600;color:var(--text)}.booking-summary-details .grand-total-row strong{font-size:15px;font-weight:700;color:var(--primary)}.disabled-tooltip-wrapper{position:relative;display:inline-flex}.disabled-tooltip{bottom:calc(100% + 8px);padding:6px 10px;border-radius:8px;background:var(--text,#1a1a1a);color:var(--surface,#fff);font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.15)}.disabled-tooltip,.disabled-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.disabled-tooltip:after{content:"";top:100%;border:5px solid transparent;border-top:5px solid var(--text,#1a1a1a)}.wizard-stepper{gap:4px;padding:14px 0;border-bottom:1px solid var(--line);margin-bottom:14px}.wizard-step,.wizard-stepper{display:flex;align-items:center}.wizard-step{gap:6px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .15s ease;font-size:12px;color:var(--muted)}.wizard-step:hover{background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.wizard-step.active{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);font-weight:600}.wizard-step.completed{color:var(--success,#28a745)}.step-number{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2,#f0f0f0);font-size:11px;font-weight:700}.wizard-step.active .step-number{background:var(--primary);color:#fff}.wizard-step.completed .step-number{background:var(--success,#28a745);color:#fff}.step-label{white-space:nowrap}.wizard-nav{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line);margin-top:14px}.wizard-back,.wizard-next{display:flex;align-items:center;gap:4px}.wizard-next{padding:8px 18px;border-radius:10px;background:var(--primary);color:#fff;border:none;font-weight:600;cursor:pointer}.wizard-next:hover{opacity:.9}.wizard-next:disabled{opacity:.5;cursor:not-allowed}.booking-summary-inline{display:grid;grid-gap:8px;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2,#f9f9f9)}.booking-summary-inline .summary-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.booking-summary-inline .summary-row span{font-size:13px;color:var(--muted)}.booking-summary-inline .summary-row strong{font-size:13px;font-weight:600}.verified-field{position:relative}.verification-badge{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.6;border:1px solid transparent}.verification-badge.verified{background:color-mix(in srgb,var(--success,#28a745) 12%,transparent);color:var(--success,#28a745);border-color:color-mix(in srgb,var(--success,#28a745) 30%,transparent)}.verification-badge.unverified{background:color-mix(in srgb,var(--warning,#e67e22) 12%,transparent);color:var(--warning,#e67e22);border-color:color-mix(in srgb,var(--warning,#e67e22) 32%,transparent);cursor:pointer}.verification-badge.unverified:hover:not(:disabled){background:color-mix(in srgb,var(--warning,#e67e22) 20%,transparent)}.verification-badge.unverified:disabled{opacity:.55;cursor:not-allowed}.calendar-cell.slot-continuation button{opacity:.9;border-top-color:transparent;border-start-start-radius:0;border-start-end-radius:0}.calendar-cell.slot-continuation button strong{font-weight:500;opacity:.75}.calendar-cell.slot-span-head button{border-end-start-radius:0;border-end-end-radius:0}.calendar-cell button:disabled{cursor:not-allowed}.disabled-tooltip-wrapper{width:100%;align-self:stretch}.disabled-tooltip-wrapper>button{width:100%}.booking-actions .disabled-tooltip-wrapper,.calendar-toolbar .disabled-tooltip-wrapper,.lesson-count-control .disabled-tooltip-wrapper,.row-actions .disabled-tooltip-wrapper{width:auto}.lesson-count-control .disabled-tooltip-wrapper>button{width:42px}.booking-row .lesson-countdown,.lesson-countdown,.package-session-copy .lesson-countdown{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:2px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.5;border:1px solid color-mix(in srgb,var(--success,#28a745) 32%,transparent);background:color-mix(in srgb,var(--success,#28a745) 10%,var(--surface));color:var(--success,#28a745)}.lesson-countdown strong{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.2px}.lesson-countdown>svg{flex:none}.booking-row .lesson-countdown.soon,.lesson-countdown.soon,.package-session-copy .lesson-countdown.soon{border-color:color-mix(in srgb,var(--warning,#e67e22) 34%,transparent);background:color-mix(in srgb,var(--warning,#e67e22) 12%,var(--surface));color:var(--warning,#e67e22)}.booking-row .lesson-countdown.imminent,.lesson-countdown.imminent,.package-session-copy .lesson-countdown.imminent{border-color:color-mix(in srgb,var(--danger,#dc3545) 34%,transparent);background:color-mix(in srgb,var(--danger,#dc3545) 12%,var(--surface));color:var(--danger,#dc3545)}.calendar-head.is-today{background:color-mix(in srgb,var(--primary) 12%,var(--surface-2))}.calendar-head.is-today strong{color:var(--primary)}.calendar-head.is-today span{color:var(--primary);font-weight:800}.wizard-blocked-reason{display:flex;align-items:center;gap:7px;margin:10px 0 0;padding:9px 13px;border-radius:10px;font-size:13.5px;font-weight:600;line-height:1.5;color:var(--danger,#dc3545);border:1px solid color-mix(in srgb,var(--danger,#dc3545) 30%,transparent);background:color-mix(in srgb,var(--danger,#dc3545) 9%,var(--surface))}.wizard-blocked-reason>svg{flex:none}.sanady-waiting-experience{width:min(760px,92vw);display:grid;grid-gap:16px;gap:16px;margin-top:18px;text-align:left}.sanady-waiting-ad,.sanady-waiting-games{border:1px solid rgba(127,127,127,.2);border-radius:18px;padding:14px;background:rgba(255,255,255,.7);box-shadow:0 12px 32px rgba(15,23,42,.08)}.sanady-waiting-section-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sanady-waiting-ad img,.sanady-waiting-ad video{display:block;width:100%;max-height:280px;object-fit:contain;border-radius:14px;background:#05070b}.sanady-game-tabs{display:flex;gap:8px;flex-wrap:wrap}.sanady-game-tabs button,.sanady-memory-game button,.sanady-reaction-game button{border:1px solid rgba(127,127,127,.25);border-radius:12px;padding:10px 14px;background:var(--surface,#fff);cursor:pointer}.sanady-reaction-game{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.sanady-reaction-game.go button{background:#16a34a;color:#fff}.sanady-memory-game{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));grid-gap:8px;gap:8px;margin-top:12px}.sanady-memory-game button{min-height:48px;font-weight:800}.sanady-memory-game .matched{opacity:.55}.sanady-memory-game .sanady-memory-reset{grid-column:1/-1}.meeting-join-page[data-theme=dark] .sanady-waiting-ad,.meeting-join-page[data-theme=dark] .sanady-waiting-games{background:rgba(15,23,42,.82)}.profile-popover{overflow:visible}.profile-preference-row .preference-currency{position:relative;flex:1 1;min-width:0;max-width:210px}.currency-search-field.compact{display:block}.currency-search-field.compact .currency-search-menu{inset-inline-start:auto;inset-inline-end:0;width:min(340px,calc(100vw - 40px));min-width:min(300px,calc(100vw - 40px));z-index:140}.currency-select-trigger{cursor:pointer}.currency-mark,.currency-option-symbol{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);font-size:12px;font-weight:900;line-height:1}.currency-option-copy,.currency-trigger-copy{min-width:0;display:grid;grid-gap:1px;gap:1px}.currency-option-copy strong,.currency-trigger-copy strong{font-size:13px;line-height:1.2}.currency-option-copy small,.currency-trigger-copy small{overflow:hidden;color:var(--muted);font-size:10px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.currency-search-options>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;min-height:50px}.currency-search-options>button>svg{color:var(--primary)}.currency-search-options>button>span{font-size:inherit}.currency-empty{padding:18px 12px;text-align:center;color:var(--muted)}.profile-preference-row .currency-select-trigger{min-height:44px;border-radius:12px;background:var(--surface-2)}.profile-preference-row .currency-trigger-copy small{display:none}.header-next-lesson{--next-lesson-color:var(--ok);-webkit-border-start:3px solid var(--next-lesson-color);border-inline-start:3px solid var(--next-lesson-color);border-left:0;border-radius:10px;background:color-mix(in srgb,var(--next-lesson-color) 8%,var(--surface))}.header-next-lesson,.header-next-lesson strong,.header-next-lesson>svg{color:var(--next-lesson-color)}.header-next-lesson strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.booking-row .lesson-countdown,.lesson-countdown,.package-session-copy .lesson-countdown{--next-lesson-color:var(--ok);border-color:color-mix(in srgb,var(--next-lesson-color) 34%,transparent);background:color-mix(in srgb,var(--next-lesson-color) 11%,var(--surface));color:var(--next-lesson-color)}.lesson-countdown.live{font-weight:800}.booking-review-backdrop{z-index:220}.booking-summary-dialog{width:min(620px,calc(100vw - 28px));max-height:min(88dvh,820px);overflow:auto}.booking-summary-dialog>p{color:var(--muted);line-height:1.55}.summary-schedule-list{display:grid;grid-gap:8px;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.summary-schedule-list>span{color:var(--muted);font-size:13px}.summary-schedule-list>div{display:grid;grid-gap:6px;gap:6px}.summary-schedule-list>div>span{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:9px;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.summary-schedule-list b{min-width:22px;color:var(--primary);font-size:11px}.summary-schedule-list strong{font-size:12px}.summary-schedule-list small{color:var(--muted);font-size:11px}.booking-review-timer{display:grid;grid-gap:10px;gap:10px;margin-top:14px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--warning) 30%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--warning) 8%,var(--surface))}.booking-review-timer>div:first-child{display:flex;align-items:center;gap:10px}.booking-review-timer>div:first-child>svg{color:var(--warning)}.booking-review-timer span{display:grid;grid-gap:2px;gap:2px}.booking-review-timer strong{font-size:12px}.booking-review-timer small{color:var(--muted);font-size:11px}.booking-review-timer.ready{border-color:color-mix(in srgb,var(--ok) 35%,var(--line));background:color-mix(in srgb,var(--ok) 8%,var(--surface))}.booking-review-timer.ready>div:first-child>svg{color:var(--ok)}.booking-review-progress{height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent)}.booking-review-progress i{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .25s linear}.booking-review-actions{margin-top:14px}.teacher-review-preview{display:grid;grid-gap:8px;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.teacher-review-preview>strong{font-size:12px}.teacher-review-preview article{display:grid;grid-gap:4px;gap:4px;padding:9px 10px;border-radius:11px;background:var(--surface-2)}.teacher-review-preview article span{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:11px;font-weight:850}.teacher-review-preview article p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.chat-teacher-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-teacher-header>button{width:auto;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.chat-safety-note{display:flex;align-items:flex-start;gap:7px;margin:0 0 9px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:10px;background:var(--primary-soft);color:var(--muted);font-size:10px;line-height:1.4}.chat-safety-note>svg{flex:0 0 auto;color:var(--primary);margin-top:1px}.room-list>button{position:relative}.room-unread-count{position:absolute;inset-inline-end:9px;top:9px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--primary);color:#fff!important;font-size:10px!important;font-weight:900}.social-profile-page{min-height:100dvh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(circle at 12% 8%,var(--primary-soft),transparent 32%),var(--bg)}.social-profile-card{width:min(720px,100%);display:grid;grid-gap:22px;gap:22px;padding:clamp(22px,4vw,38px);border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 28px 80px rgba(3,11,24,.16)}.social-profile-card>header{display:grid;grid-gap:9px;gap:9px}.social-profile-card h1{margin:4px 0 0;font-size:clamp(25px,4vw,34px)}.social-profile-card header>p{margin:0;max-width:62ch;color:var(--muted);line-height:1.6}.social-provider-badge{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--ok) 10%,var(--surface));color:var(--ok);font-size:11px;font-weight:850}.social-profile-form{display:grid;grid-gap:14px;gap:14px}.social-profile-form .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.social-profile-form label{display:grid;grid-gap:7px;gap:7px;min-width:0;color:var(--text);font-size:12px;font-weight:800}.social-profile-form input{width:100%;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);padding:0 12px;outline:0}.social-profile-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.social-profile-form label small{color:var(--muted);font-size:10px;font-weight:600;line-height:1.4}.social-profile-form .readonly-field input{background:var(--surface-2);color:var(--muted)}.social-profile-security{display:flex;gap:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:12px;background:var(--primary-soft)}.social-profile-security>svg{flex:0 0 auto;color:var(--primary)}.social-profile-security span{display:grid;grid-gap:2px;gap:2px}.social-profile-security strong{font-size:11px}.social-profile-security small{color:var(--muted);font-size:10px}.social-profile-submit{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.social-profile-signout{justify-self:center;width:auto!important;display:inline-flex!important;align-items:center;gap:6px}@media (max-width:720px){.profile-preference-row .preference-currency{max-width:100%}.currency-search-field.compact .currency-search-menu{position:fixed;inset-inline:12px;width:auto;min-width:0;bottom:12px;top:auto;max-height:min(70dvh,520px)}.social-profile-form .two{grid-template-columns:1fr}.chat-teacher-header{align-items:flex-start;flex-direction:column}.summary-schedule-list>div>span{grid-template-columns:auto 1fr}.summary-schedule-list small{grid-column:2}}.lesson-only-discover-hero{grid-template-columns:minmax(0,1fr) auto}.discover-mode-badge{justify-self:end;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:900;white-space:nowrap}.guided-discover{gap:16px}.guided-discover-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr)}.guided-discover-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;padding:7px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.guided-discover-progress>span{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid transparent;border-radius:12px;color:var(--muted)}.guided-discover-progress i{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--surface);color:var(--muted);font-style:normal;font-weight:950}.guided-discover-progress b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guided-discover-progress>span.active,.guided-discover-progress>span.done{border-color:color-mix(in srgb,var(--primary) 28%,var(--line));background:var(--surface);color:var(--text)}.guided-discover-progress>span.active i{background:var(--primary);color:white}.guided-discover-progress>span.done i{background:color-mix(in srgb,var(--primary) 16%,var(--surface));color:var(--primary)}.guided-discover-breadcrumb{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-soft)}.guided-discover-breadcrumb>button{min-height:40px;display:inline-flex;align-items:center;gap:6px}.guided-discover-breadcrumb>div{min-width:0;display:flex;align-items:center;gap:7px;overflow:auto hidden;scrollbar-width:thin}.guided-discover-breadcrumb>div>span{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.guided-discover-breadcrumb strong{color:var(--text)}.guided-discover-breadcrumb em{padding:3px 7px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-style:normal;font-weight:900}.guided-node-grid,.guided-option-skeleton,.guided-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.guided-node-card,.guided-track-card{min-width:0;min-height:150px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:16px;text-align:start;color:var(--text);border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.guided-node-card:hover,.guided-track-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 38%,var(--line));box-shadow:var(--shadow)}.guided-option-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft));color:var(--primary)}.guided-node-card>span:first-child,.guided-track-card>span:nth-child(2){min-width:0;display:grid;grid-gap:6px;gap:6px}.guided-node-card strong,.guided-track-card strong{font-size:16px}.guided-node-card small,.guided-track-card small{color:var(--muted);line-height:1.45}.guided-node-card em,.guided-track-card em{color:var(--primary);font-size:12px;font-style:normal;font-weight:800}.guided-node-card b{width:-moz-fit-content;width:fit-content;padding:4px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px}.guided-option-skeleton i{min-height:150px;border-radius:18px;background:linear-gradient(90deg,var(--surface-2),color-mix(in srgb,var(--primary-soft) 55%,var(--surface)),var(--surface-2));background-size:220% 100%;animation:access-shimmer 1.4s ease-in-out infinite}.guided-node-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.guided-node-toolbar>small{color:var(--muted);font-weight:850;white-space:nowrap}.guided-level-card{display:grid;grid-gap:18px;gap:18px;padding:20px}.guided-level-card h3{margin:4px 0 6px;font-size:22px}.guided-level-card p{margin:0;color:var(--muted)}.guided-level-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px}.guided-level-options>button{min-height:82px;display:grid;grid-gap:4px;gap:4px;align-content:center;padding:12px 14px;text-align:start;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--text);box-shadow:none}.guided-level-options>button:hover{border-color:var(--primary);background:var(--primary-soft)}.guided-level-options small{color:var(--muted)}.guided-results-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,.34fr) minmax(150px,.3fr);grid-gap:12px;gap:12px;align-items:end}@media (max-width:1240px){.guided-node-grid,.guided-option-skeleton,.guided-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guided-discover-hero{grid-template-columns:1fr}}@media (max-width:900px){.lesson-only-discover-hero{grid-template-columns:1fr}.discover-mode-badge{justify-self:start}.guided-results-toolbar{grid-template-columns:1fr 1fr}.guided-results-toolbar .discover-main-search{grid-column:1/-1}}@media (max-width:680px){.guided-discover-progress,.guided-node-grid,.guided-option-skeleton,.guided-track-grid{grid-template-columns:1fr}.guided-discover-progress>span{justify-content:flex-start}.guided-discover-breadcrumb,.guided-results-toolbar{grid-template-columns:1fr}.guided-results-toolbar .discover-main-search{grid-column:auto}.guided-node-toolbar{grid-template-columns:1fr;gap:8px}}.student-country-field,.student-local-phone,.student-phone-field{min-width:0;display:grid;grid-gap:7px;gap:7px;color:var(--text);font-size:12px;font-weight:800}.student-country-select{position:relative;min-width:0}.student-country-trigger{width:100%;min-height:46px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:none;text-align:start;font:inherit}.student-country-trigger:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--line))}.student-country-trigger:focus-visible{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.student-country-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-country-trigger .placeholder{color:var(--muted);font-weight:650}.student-country-trigger>svg{flex:0 0 auto;color:var(--muted);transition:transform .18s ease}.student-country-select.open .student-country-trigger>svg{transform:rotate(180deg)}.student-country-menu{position:absolute;z-index:1200;inset-inline:0;top:calc(100% + 8px);min-width:min(370px,calc(100vw - 28px));max-width:100%;padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 20px 52px rgba(3,11,24,.18)}.student-country-select.placement-top .student-country-menu{top:auto;bottom:calc(100% + 8px)}.student-country-search{min-height:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:7px;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.student-country-search>svg{color:var(--muted)}.student-country-search input{min-width:0;width:100%;min-height:38px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text);font:inherit}.student-country-search input:focus{outline:0;box-shadow:none!important}.student-country-search button{width:28px;min-height:28px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);box-shadow:none}.student-country-meta{padding:8px 4px 5px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;font-weight:700}.student-country-options{max-height:min(300px,45vh);overflow-y:auto;overscroll-behavior:contain;display:grid;grid-gap:3px;gap:3px;padding:2px;scrollbar-width:thin}.student-country-options>button{width:100%;min-height:40px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:start;box-shadow:none;font-size:12px;font-weight:720}.student-country-options>button.active,.student-country-options>button:hover{background:var(--surface-2)}.student-country-options>button.selected{background:var(--primary-soft);color:var(--primary)}.student-country-options>button svg{flex:0 0 auto}.student-country-empty{min-height:110px;display:grid;place-items:center;align-content:center;grid-gap:5px;gap:5px;color:var(--muted);text-align:center}.student-country-empty strong{color:var(--text);font-size:12px}.student-country-empty small{font-size:10px}.student-phone-field{gap:8px}.student-phone-label{color:var(--text);font-size:12px;font-weight:800}.student-phone-grid{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(220px,1.15fr);grid-gap:12px;gap:12px;align-items:end}.student-local-phone>span,.student-phone-country>span{font-size:11px}.student-local-phone-control{min-height:46px;display:grid;grid-template-columns:auto 1fr;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease}.student-local-phone-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.student-local-phone-control.valid{border-color:color-mix(in srgb,#159c67 58%,var(--line))}.student-local-phone-control.invalid{border-color:color-mix(in srgb,#d84747 70%,var(--line))}.student-local-phone-control>span{height:100%;display:inline-flex;align-items:center;padding:0 11px;-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);background:var(--surface-2);color:var(--text);white-space:nowrap;font-size:12px;font-weight:800}.student-local-phone-control input{width:100%;min-width:0;min-height:44px!important;padding:0 11px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text);font:inherit}.student-local-phone-control input:focus{outline:0;box-shadow:none!important}.student-local-phone>small,.student-phone-helper{color:var(--muted);font-size:10px;font-weight:600;line-height:1.45}.student-local-phone-control.valid+small{color:#147a54}.student-auth .student-country-menu{z-index:1600}.student-auth .student-phone-grid{grid-template-columns:minmax(190px,.9fr) minmax(210px,1.1fr)}.profile-layout .student-phone-field{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.profile-layout>form>.verification-badge{justify-self:start;margin-top:-7px}.app-shell[data-theme=dark] .student-country-menu{box-shadow:0 22px 56px rgba(0,0,0,.42)}@media (max-width:680px){.student-auth .student-phone-grid,.student-phone-grid{grid-template-columns:1fr}.student-country-menu{min-width:100%;max-width:calc(100vw - 32px)}}.auth-provider-hint{display:flex;align-items:flex-start;gap:8px;margin-top:-3px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--primary) 5%,var(--surface));color:var(--muted);font-size:10px;font-weight:650;line-height:1.45}.auth-provider-hint svg{flex:0 0 auto;margin-top:1px;color:var(--primary)}.booking-currency-readonly{grid-template-columns:minmax(0,1fr) auto;align-items:center}.booking-currency-source{justify-self:end;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:999px;background:var(--surface);color:var(--muted);font-size:11.5px;font-weight:850;white-space:nowrap}.booking-currency-source svg{color:var(--primary)}@media (max-width:720px){.booking-currency-readonly{grid-template-columns:1fr}.booking-currency-source{justify-self:start}}.verification-badge.unavailable{background:color-mix(in srgb,var(--muted) 9%,transparent);color:var(--muted);border-color:color-mix(in srgb,var(--muted) 22%,transparent);cursor:default}.registration-verification-box{display:grid;grid-gap:9px;gap:9px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.registration-verification-box>strong{font-size:13px}.registration-verification-box>.ghost{justify-self:start}.registration-verification-code{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.registration-verification-code input{min-width:0;letter-spacing:.18em;text-align:center}.student-registration-avatar-field{display:grid;grid-gap:8px;gap:8px}.student-registration-avatar-field>span{font-weight:780}.student-registration-avatar-control{display:grid;grid-template-columns:58px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:11px;border:1px dashed color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.student-registration-avatar-control>img,.student-registration-avatar-placeholder{width:58px;height:58px;border-radius:16px;object-fit:cover;display:grid;place-items:center;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}.student-registration-avatar-placeholder{color:var(--primary);font-size:27px;font-weight:500}.student-registration-avatar-control>div{min-width:0;display:grid;grid-gap:4px;gap:4px}.student-registration-avatar-control strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.student-registration-avatar-control small{color:var(--muted);line-height:1.4}.student-registration-avatar-control input[type=file]{width:100%;padding:7px 0 0;border:0;background:transparent;box-shadow:none;font-size:12px}.student-registration-avatar-control input[type=file]::-webkit-file-upload-button{-webkit-margin-end:9px;margin-inline-end:9px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-weight:800;cursor:pointer}.student-registration-avatar-control input[type=file]::file-selector-button{-webkit-margin-end:9px;margin-inline-end:9px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-weight:800;cursor:pointer}.student-registration-avatar-control.has-preview{border-style:solid;border-color:color-mix(in srgb,var(--ok,#16a34a) 38%,var(--line))}.student-auth .form-stack textarea{resize:vertical;min-height:84px}.student-auth .form-stack select{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit}@media (max-width:560px){.student-registration-avatar-control{grid-template-columns:50px minmax(0,1fr)}.student-registration-avatar-control>img,.student-registration-avatar-placeholder{width:50px;height:50px;border-radius:14px}}.notification-category-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.notification-category-tabs button{padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);box-shadow:none}.notification-category-tabs button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.notification-search-scope{display:flex;align-items:center;gap:6px;padding:10px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.notification-group{display:grid}.notification-group-title{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface-2);border-bottom:1px solid var(--line)}.notification-group-title small{min-width:22px;height:22px;display:grid;place-items:center;border-radius:99px;background:var(--surface);color:var(--muted)}.message-bubble.mine{justify-self:end;border-radius:14px 14px 4px 14px;background:linear-gradient(145deg,var(--primary),#1765ad);color:#fff}.message-bubble.mine small{color:rgba(255,255,255,.78)}.message-bubble.deleted{font-style:italic;opacity:.72}.message-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:3px}.message-actions button{padding:4px 7px;font-size:11px;min-height:0}.message-edit-form{display:grid;grid-gap:8px;gap:8px;min-width:min(420px,72vw)}.message-edit-form>div{display:flex;justify-content:flex-end;gap:7px}.message-edit-form button{padding:6px 9px}.student-city-error{display:block;margin-top:5px;color:var(--bad)}@media(max-width:720px){.notification-category-tabs{flex-wrap:nowrap;overflow-x:auto}.message-bubble{max-width:94%}.message-edit-form{min-width:min(280px,76vw)}}