:root{
 --blue:#0B7BB1;--blue2:#086a99;--sky:#3BBDF2;--navy:#0A1E3F;--yellow:#F5C542;--orange:#F39A1E;--pink:#ED1C8D;--magenta:#A20B57;
 --ink:#172033;--ink2:#303b52;--muted:#758196;--line:#e5eaf1;--line2:#edf1f6;--bg:#f6f8fb;--white:#fff;--green:#11845f;--green-bg:#eaf8f2;--red:#c63b46;--red-bg:#fff0f1;--amber:#a86e00;--amber-bg:#fff7dc;--purple:#7046b5;--purple-bg:#f3edff;--shadow:0 12px 35px rgba(23,32,51,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.text-danger{color:var(--red)!important}.logo-mini{width:48px;height:38px;border-radius:10px;background:#fff;padding:5px;box-shadow:0 5px 18px rgba(10,30,63,.12);flex:none}.primary,.success,.secondary,.ghost,.small-btn,.link-btn,.icon-btn{border:0;border-radius:9px;font-weight:700;transition:.18s ease}.primary,.success{background:var(--blue);color:#fff;padding:10px 14px;box-shadow:0 5px 14px rgba(11,123,177,.18)}.primary:hover,.success:hover{background:var(--blue2);transform:translateY(-1px)}.primary.large{padding:14px 19px;border-radius:11px}.primary.compact{padding:9px 13px}.secondary{background:#fff;color:var(--ink);padding:13px 18px;border:1px solid var(--line)}.ghost{background:#fff;color:var(--ink2);padding:9px 12px;border:1px solid var(--line)}.small-btn{background:#f4f7fa;color:var(--ink2);padding:7px 10px;border:1px solid var(--line);font-size:12px}.small-btn:hover,.ghost:hover,.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.small-btn.full{width:100%;margin-top:8px}.link-btn{background:transparent;color:inherit;padding:8px 10px}.icon-btn{width:34px;height:34px;background:#f4f7fa;color:var(--ink);font-size:20px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.field,.compact-select,.mini-select{width:100%;border:1px solid #d8e0e9;background:#fff;color:var(--ink);border-radius:8px;outline:none}.field{padding:10px 11px}.compact-select{width:auto;padding:8px 28px 8px 10px;font-size:12px}.mini-select{padding:6px 8px;font-size:12px}.field:focus,.compact-select:focus,.mini-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,123,177,.10)}textarea.field{min-height:92px;resize:vertical}.label{font-size:12px;font-weight:700;color:#536078;margin-bottom:6px}.form-row{margin-bottom:13px}.grid2,.grid3{display:grid;gap:12px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.check-row{display:flex;gap:8px;align-items:center;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;margin-top:4px;border-top:1px solid var(--line2)}
/* Marketing */
.landing-body{background:#fff;color:var(--navy)}.marketing{overflow:hidden;background:#fff}.marketing-header{height:72px;display:flex;align-items:center;gap:28px;padding:0 5vw;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,234,241,.75)}.marketing-brand{display:flex;align-items:center;gap:11px;font-weight:900;white-space:nowrap}.marketing-brand span{font-size:16px}.marketing-brand small{display:block;font-size:8px;letter-spacing:.2em;color:#8390a4;margin-top:2px}.marketing-nav{display:flex;gap:22px;margin:auto;font-size:13px;font-weight:650;color:#46536a}.marketing-nav a:hover{color:var(--blue)}.marketing-actions{display:flex;align-items:center;gap:8px}.lang-switch{display:flex;background:#f3f6f9;border-radius:9px;padding:3px}.lang-switch button{border:0;background:transparent;color:#768297;padding:6px 8px;border-radius:7px;font-weight:800;font-size:11px}.lang-switch button.active{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(23,32,51,.08)}.marketing-hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:70px max(5vw,24px);background:linear-gradient(180deg,#fff,#f8fbfd);position:relative}.marketing-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(59,189,242,.12),transparent 68%);right:-100px;top:20px}.hero-copy{max-width:670px;position:relative;z-index:2}.hero-badge,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;font-size:11px;letter-spacing:.12em}.hero-badge{background:#edf8fd;border:1px solid #d7f0fa;border-radius:999px;padding:8px 11px;letter-spacing:0}.hero-copy h1{font-size:clamp(44px,5.8vw,76px);line-height:.98;letter-spacing:-.055em;margin:23px 0;color:var(--navy);max-width:760px}.hero-copy p{font-size:18px;line-height:1.75;color:#617087;max-width:680px}.hero-actions{display:flex;gap:10px;margin-top:30px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#66748a;font-size:12px;font-weight:650}.trust-row i{font-style:normal}.hero-visual{height:520px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:390px;height:390px;background:radial-gradient(circle,#dff5ff,rgba(223,245,255,.15) 65%,transparent 70%);border-radius:50%}.student-visual{width:330px;height:390px;border-radius:160px 160px 42px 42px;background:linear-gradient(145deg,#0d3155,#0b7bb1);position:relative;box-shadow:0 40px 80px rgba(10,30,63,.19);overflow:hidden}.visual-logo{position:absolute;left:28px;top:25px;color:#fff;font-weight:900;letter-spacing:.18em;opacity:.85}.visual-person{position:absolute;inset:78px 40px 30px;border-radius:130px 130px 35px 35px;background:linear-gradient(165deg,#fff,#e8f5fb);display:grid;place-items:center;font-size:68px;color:var(--blue);font-weight:900}.visual-person span{position:absolute;top:55px;left:42px}.visual-person b{position:absolute;right:48px;top:118px;color:var(--pink)}.visual-person i{position:absolute;bottom:55px;left:76px;font-size:38px;color:var(--orange)}.visual-orbit{position:absolute;border:1px dashed rgba(255,255,255,.35);border-radius:50%}.orbit-a{width:260px;height:260px;left:35px;top:65px;animation:spin 18s linear infinite}.orbit-b{width:190px;height:190px;left:70px;top:102px;animation:spin 12s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.float-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;box-shadow:0 18px 45px rgba(23,32,51,.12);min-width:155px;animation:floaty 4s ease-in-out infinite}.float-card small{display:block;color:#7d899d;font-size:11px;font-weight:700;margin-bottom:7px}.float-card b{font-size:22px}.float-card em{font-style:normal;color:var(--green);font-size:11px}.float-card span{font-size:11px;color:#6d7a8f}.fc-progress{left:0;top:85px}.fc-lesson{right:-10px;top:185px;animation-delay:-1.3s}.fc-att{left:35px;bottom:55px;animation-delay:-2.4s}.progress-line{height:5px;background:#ecf0f4;border-radius:999px;margin-top:10px;overflow:hidden}.progress-line i{display:block;height:100%;background:var(--blue);border-radius:inherit}@keyframes floaty{50%{transform:translateY(-8px)}}.marketing-stats{margin:-20px auto 0;max-width:1180px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);position:relative;z-index:3}.marketing-stats div{padding:25px 28px;border-right:1px solid var(--line2)}.marketing-stats div:last-child{border-right:0}.marketing-stats b{display:block;font-size:31px;color:var(--navy)}.marketing-stats span{font-size:12px;color:#7b8799}.marketing-section{padding:100px max(5vw,24px);max-width:1380px;margin:auto}.marketing-section.soft{max-width:none;background:#f7f9fc;padding-left:max(5vw,24px);padding-right:max(5vw,24px)}.marketing-section-head{max-width:690px;margin:9px 0 38px}.marketing-section-head h2,.portal-copy h2,.trial-section h2{font-size:clamp(31px,4vw,48px);letter-spacing:-.04em;line-height:1.08;margin:10px 0;color:var(--navy)}.marketing-section-head p,.portal-copy p{color:#718096;line-height:1.7}.program-grid,.teacher-grid,.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.program-grid article,.teacher-grid article,.result-grid article{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;transition:.2s}.program-grid article:hover,.teacher-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d5e3ec}.program-grid article>span{font-size:31px}.program-grid h3,.teacher-grid h3{margin:20px 0 8px}.program-grid p,.teacher-grid p,.result-grid p{font-size:13px;color:#758196;line-height:1.6;min-height:42px}.program-grid a{color:var(--blue);font-size:12px;font-weight:800}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:18px;align-items:center}.steps article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;min-height:180px}.steps article b{font-size:27px;color:#c3d7e3}.steps article h3{margin:24px 0 8px}.steps article p{font-size:13px;color:#758196;line-height:1.6}.steps>i{font-style:normal;color:#9db3c0}.portal-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.portal-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:13px;color:#4d5a70;font-size:14px}.portal-copy li{display:flex;gap:10px}.portal-mock{background:#fff;border:1px solid var(--line);box-shadow:0 35px 80px rgba(23,32,51,.10);border-radius:20px;padding:22px;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.mock-top{display:flex;align-items:center;gap:12px}.mock-avatar,.teacher-avatar{display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;font-weight:800}.mock-avatar{width:46px;height:46px;border-radius:12px}.mock-top div:nth-child(2){flex:1}.mock-top small{display:block;color:#8a95a7;margin-top:3px}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.mock-kpis div{background:#f7f9fc;border-radius:12px;padding:15px}.mock-kpis small{display:block;color:#8390a4;font-size:10px}.mock-kpis b{display:block;font-size:22px;margin-top:6px}.mock-chart{height:170px;background:linear-gradient(#f8fafc 1px,transparent 1px);background-size:100% 34px;border:1px solid var(--line2);border-radius:12px;padding:20px;display:flex;align-items:end;gap:13px}.mock-chart span{flex:1;background:linear-gradient(180deg,var(--sky),var(--blue));border-radius:6px 6px 2px 2px}.mock-next{display:flex;align-items:center;gap:10px;margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:13px}.mock-next>span:first-child{font-size:24px}.mock-next div{flex:1}.mock-next small{display:block;color:#8a95a7}.mock-next div b{font-size:13px}.mock-next>span:last-child{font-size:11px;color:#758196}.teacher-grid{grid-template-columns:repeat(3,1fr)}.teacher-avatar{width:72px;height:72px;border-radius:18px;font-size:20px}.teacher-grid article>span{font-size:11px;font-weight:800;color:var(--blue)}.results{background:var(--navy);max-width:none;color:#fff;padding-left:max(5vw,24px);padding-right:max(5vw,24px)}.results .section-kicker{color:#8bd8fa}.results h2{color:#fff}.result-grid{grid-template-columns:repeat(3,1fr)}.result-grid article{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}.result-grid article>span{font-size:11px;color:#8bd8fa;font-weight:800}.result-grid b{display:block;font-size:28px;margin:18px 0}.result-grid p{color:#b5c7d5}.faq{max-width:860px}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 18px;margin-bottom:9px}.faq summary{padding:17px 0;font-weight:700;cursor:pointer}.faq p{color:#718096;font-size:13px;line-height:1.7;padding:0 0 17px;margin:0}.trial-section{margin:60px max(5vw,24px) 90px;border-radius:26px;background:linear-gradient(135deg,#0a1e3f,#0b6d9e);color:#fff;padding:55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;box-shadow:0 35px 80px rgba(10,30,63,.16)}.trial-section h2{color:#fff}.trial-section p{color:#c3d6e4;line-height:1.7}.section-kicker.light{color:#8bd8fa}.trial-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trial-form input,.trial-form select{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;border-radius:10px;padding:13px;outline:none}.trial-form input::placeholder{color:#c9d7e2}.trial-form option{color:#111}.trial-form button,.trial-message{grid-column:1/-1}.trial-message{font-size:12px}.success-msg{color:#b9f6df}.error-msg{color:#ffc8cd}.marketing-footer{border-top:1px solid var(--line);padding:28px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;color:#748096;font-size:12px}.login-overlay{position:fixed;inset:0;background:rgba(7,18,38,.58);backdrop-filter:blur(8px);z-index:90;display:grid;place-items:center;padding:20px}.login-panel{width:min(440px,100%);background:#fff;border-radius:20px;padding:30px;position:relative;box-shadow:0 40px 100px rgba(0,0,0,.3)}.login-close{position:absolute;right:16px;top:14px;border:0;background:#f3f6f8;width:34px;height:34px;border-radius:10px;font-size:20px}.login-logo{font-size:28px;letter-spacing:.25em;font-weight:900;color:var(--blue)}.login-panel h2{margin:19px 0 7px}.login-panel>p{color:#7b8799;font-size:13px;margin-bottom:22px}.login-panel label{display:block;font-size:12px;font-weight:700;margin-bottom:12px;color:#59667a}.login-panel input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);padding:11px;border-radius:9px}.login-panel form button{width:100%;margin-top:5px}.demo-box{margin-top:18px;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:10px;color:#718096;line-height:1.6}.login-error{margin-top:10px;color:var(--red);font-size:12px}
/* CRM shell */
.crm-body{overflow:hidden}.app-shell{height:100vh;display:grid;grid-template-columns:240px 1fr;transition:.2s}.app-shell.collapsed{grid-template-columns:72px 1fr}.sidebar{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;z-index:30}.side-brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line2);position:relative}.side-brand .logo-mini{width:41px;height:34px;box-shadow:none;border:1px solid var(--line)}.brand-copy{min-width:0}.brand-copy strong{display:block;font-size:13px;white-space:nowrap}.brand-copy small{display:block;font-size:8px;letter-spacing:.16em;color:#8b96a8;margin-top:2px;white-space:nowrap}.side-collapse{position:absolute;right:-12px;top:21px;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 2px 8px rgba(23,32,51,.08);font-size:16px;color:#66748a;z-index:2}.app-shell.collapsed .brand-copy,.app-shell.collapsed .side-user-copy,.app-shell.collapsed .nav-text,.app-shell.collapsed .nav-group-title{display:none}.app-shell.collapsed .side-brand{justify-content:center;padding:0}.app-shell.collapsed .side-collapse{transform:rotate(180deg)}.app-shell.collapsed .nav-item{justify-content:center;padding:10px}.app-shell.collapsed .nav-item .nav-icon{font-size:17px}.app-shell.collapsed .side-user{justify-content:center;padding:12px 0}.nav-list{padding:12px 9px;overflow-y:auto;flex:1}.nav-group{margin-bottom:15px}.nav-group-title{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:#a0a9b7;font-weight:800;padding:7px 10px 5px}.nav-item{width:100%;border:0;background:transparent;color:#5f6c80;border-radius:8px;display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:12.5px;font-weight:650;text-align:left;margin:1px 0;position:relative}.nav-item:hover{background:#f5f8fa;color:var(--ink)}.nav-item.active{background:#eaf6fb;color:var(--blue);font-weight:800}.nav-item.active:before{content:"";position:absolute;left:-9px;width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--blue)}.nav-icon{width:18px;text-align:center;font-size:14px}.nav-badge{margin-left:auto;background:#eef2f6;color:#647287;border-radius:999px;padding:2px 6px;font-size:9px}.side-user{border-top:1px solid var(--line2);padding:12px 14px;display:flex;gap:9px;align-items:center}.side-user-copy{min-width:0}.side-user strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user span{display:block;color:#8b96a8;font-size:9px;margin-top:2px}.avatar{display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;font-weight:800;border-radius:11px;flex:none}.avatar.xs{width:34px;height:34px;font-size:10px}.avatar.small{width:44px;height:44px;font-size:12px}.app-main{min-width:0;height:100vh;display:flex;flex-direction:column}.topbar{height:64px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:20;flex:none}.top-left{display:flex;align-items:center;gap:12px}.mobile-menu{display:none;border:0;background:#f4f7fa;border-radius:8px;width:36px;height:36px}.breadcrumbs{font-size:9px;color:#9aa4b4;margin-bottom:2px}.page-title{font-size:15px;font-weight:800}.top-actions{display:flex;align-items:center;gap:8px}.global-search-trigger{width:min(340px,27vw);height:38px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#f8fafc;border-radius:9px;color:#8390a4;padding:0 10px;text-align:left}.global-search-trigger .search-placeholder{flex:1;font-size:11px}.global-search-trigger kbd{font-size:9px;border:1px solid #dfe5ec;background:#fff;border-radius:5px;padding:3px 5px;color:#94a0b2}.icon-top{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:9px;position:relative}.notification-dot{position:absolute;right:7px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--red);border:1px solid #fff}.user-menu{height:40px;border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:3px 5px;border-radius:9px;color:#778398}.user-menu:hover{background:#f7f9fb}.user-menu-copy{text-align:left;max-width:115px}.user-menu-copy b{display:block;color:var(--ink);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-copy small{display:block;font-size:8px;margin-top:1px}.top-pop-wrap{position:relative}.popover{position:absolute;right:0;top:47px;width:300px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 55px rgba(23,32,51,.16);z-index:60;padding:8px}.create-pop{width:250px}.create-pop button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:#fff;padding:10px;border-radius:8px;text-align:left;font-size:12px;color:#526075}.create-pop button:hover{background:#f5f8fa;color:var(--blue)}.notification-pop{width:330px;max-height:430px;overflow:auto}.popover-head{padding:10px;font-size:12px;font-weight:800;border-bottom:1px solid var(--line2)}.notification-item{display:flex;gap:10px;padding:10px;border-radius:8px;cursor:pointer}.notification-item:hover{background:#f7f9fb}.notification-item>span{width:30px;height:30px;border-radius:8px;background:#eef7fb;display:grid;place-items:center;flex:none}.notification-item b{display:block;font-size:11px}.notification-item small{display:block;font-size:9px;color:#8c97a8;margin-top:3px}.main-content{flex:1;overflow:auto;padding:22px;background:var(--bg)}.page-head,.welcome{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.welcome{background:transparent;padding:0;border:0}.welcome h2,.page-head h2{font-size:22px;letter-spacing:-.025em;margin:3px 0 4px}.welcome p,.page-head p{font-size:11px;color:#8490a1;margin:0}.eyebrow-app{font-size:9px;font-weight:800;color:var(--blue);letter-spacing:.1em}.tau-mark{font-size:10px;font-weight:900;letter-spacing:.2em;color:#a6b0bf}.section{background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:15px;padding:16px}.section-flat{background:transparent;border:0;padding:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.section-head h3{font-size:13px;margin:0}.section-head p{font-size:9px;color:#8b96a8;margin:4px 0 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.stats.stats-6{grid-template-columns:repeat(6,minmax(0,1fr))}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0;cursor:default}.stat.clickable{cursor:pointer}.stat.clickable:hover{border-color:#cbdbe6;box-shadow:0 5px 18px rgba(23,32,51,.05)}.stat-top{display:flex;align-items:center;gap:7px}.stat-icon{width:26px;height:26px;border-radius:7px;background:#edf7fb;display:grid;place-items:center;font-size:11px}.stat .k{font-size:10px;color:#758196;font-weight:650}.stat .v{font-size:23px;font-weight:800;letter-spacing:-.035em;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat .hint{font-size:9px;color:#9aa4b3;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.pipeline-bars{display:grid;gap:9px}.pipe-row{display:grid;grid-template-columns:110px 1fr 28px;align-items:center;gap:10px;font-size:10px;color:#677489}.pipe-row b{font-size:10px;text-align:right}.pipe-track{height:6px;background:#edf1f5;border-radius:99px;overflow:hidden}.pipe-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--sky));border-radius:inherit}.timeline{display:grid;gap:8px}.timeline-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line2);padding-bottom:8px}.timeline-item:last-child{border:0}.time-box{font-size:11px;font-weight:800;color:var(--blue);background:#eef8fc;padding:7px;border-radius:7px;min-width:52px;text-align:center}.timeline-item b{font-size:11px}.timeline-item p{font-size:9px;color:#8792a4;margin:3px 0 0}.attention-list{display:grid;gap:7px}.attention-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fffaf0;border:1px solid #f5e7bd;border-radius:8px;font-size:10px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.card{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff}.card h4{font-size:12px;margin:9px 0 6px}.card p{font-size:10px;color:#758196;line-height:1.5;margin:4px 0}.card-top{display:flex;align-items:center;justify-content:space-between}.stats-mini{display:flex;gap:12px;font-size:10px;color:#738095;margin:10px 0}.course-price{font-size:19px;font-weight:800;margin:12px 0}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.course-card{border:1px solid var(--line);border-radius:11px;padding:15px;background:#fff}.course-code{font-size:9px;font-weight:800;color:#8995a6}.course-icon{font-size:25px;margin-top:18px}.course-card h3{font-size:13px;margin:10px 0 5px}.course-card p{font-size:10px;color:#7d899a}.course-meta{display:flex;gap:7px;margin:10px 0}.course-meta span{font-size:9px;background:#f4f7fa;border-radius:6px;padding:5px 7px}.table-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.table-search{position:relative;min-width:230px;flex:1;max-width:360px}.table-search input{width:100%;padding:9px 10px 9px 30px;border:1px solid var(--line);border-radius:8px;outline:none;background:#fff;font-size:11px}.table-search:before{content:'⌕';position:absolute;left:10px;top:7px;color:#8995a5}.active-filter{display:inline-flex;gap:4px;align-items:center;background:#eef7fb;color:var(--blue);border-radius:7px;padding:6px 8px;font-size:9px;font-weight:700}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}.table{width:100%;border-collapse:collapse;font-size:10.5px;min-width:720px}.table th{background:#f8fafc;color:#768296;text-transform:uppercase;letter-spacing:.04em;font-size:8.5px;font-weight:800;text-align:left;padding:10px;border-bottom:1px solid var(--line)}.table td{padding:10px;border-bottom:1px solid var(--line2);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcfd}.table .row-main{font-weight:700;font-size:11px}.table .row-sub{font-size:9px;color:#8995a7;margin-top:2px}.row-actions{display:flex;justify-content:flex-end;gap:5px}.ellipsis{width:29px;height:29px;border:1px solid var(--line);background:#fff;border-radius:7px}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;font-size:8.5px;font-weight:800;white-space:nowrap}.pill.ok{background:var(--green-bg);color:var(--green)}.pill.bad{background:var(--red-bg);color:var(--red)}.pill.warn{background:var(--amber-bg);color:var(--amber)}.pill.blue{background:#edf7fb;color:var(--blue)}.pill.purple{background:var(--purple-bg);color:var(--purple)}.empty{padding:30px;text-align:center;color:#98a3b2;font-size:11px}.empty-state{min-height:220px;display:grid;place-items:center;text-align:center;padding:30px}.empty-state-icon{width:54px;height:54px;border-radius:15px;background:#eef7fb;display:grid;place-items:center;font-size:24px;margin:auto}.empty-state h3{font-size:14px;margin:14px 0 7px}.empty-state p{font-size:10px;color:#8894a6;max-width:330px}.kanban{display:grid;grid-template-columns:repeat(7,minmax(235px,1fr));gap:10px;overflow:auto;padding-bottom:8px}.kanban-col{background:#f2f5f8;border:1px solid #e7ecf1;border-radius:10px;padding:8px;min-height:480px}.kanban-col.drag-over{outline:2px dashed var(--blue);background:#edf8fc}.kanban-head{display:flex;justify-content:space-between;padding:6px 4px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#718096;font-weight:800}.kanban-head b{background:#fff;border-radius:99px;padding:2px 6px}.kanban-stack{display:grid;gap:7px}.lead-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px;cursor:grab;box-shadow:0 2px 5px rgba(23,32,51,.03)}.lead-card:active{cursor:grabbing}.lead-card h4{font-size:11px;margin:8px 0 5px}.lead-card p{font-size:9px;color:#768296;margin:4px 0}.lead-source{display:inline-flex;font-size:8px;text-transform:uppercase;color:#6d7990;background:#f4f7fa;padding:4px 6px;border-radius:5px}.mini-note{font-size:9px;background:#fff8e8;color:#8b6500;border-radius:6px;padding:6px;margin:8px 0}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.calendar-nav{display:flex;align-items:center;gap:6px}.calendar-title{font-size:13px;font-weight:800;min-width:170px}.view-tabs{display:flex;background:#f2f5f8;border-radius:8px;padding:3px}.view-tabs button{border:0;background:transparent;padding:6px 9px;border-radius:6px;font-size:9px;font-weight:700;color:#768296}.view-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px rgba(23,32,51,.08)}.calendar-grid{display:grid;grid-template-columns:58px repeat(7,minmax(130px,1fr));min-width:1050px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.cal-head{background:#f8fafc;border-bottom:1px solid var(--line);border-right:1px solid var(--line2);padding:9px;text-align:center;font-size:9px;color:#748096;font-weight:700}.cal-head b{display:block;font-size:11px;color:var(--ink);margin-top:3px}.cal-time{border-right:1px solid var(--line);border-bottom:1px solid var(--line2);padding:5px;font-size:8px;color:#98a3b2;text-align:center;min-height:54px}.cal-cell{border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);min-height:54px;padding:3px;position:relative}.cal-event{border-left:3px solid var(--blue);background:#edf7fb;border-radius:6px;padding:5px 6px;font-size:8px;line-height:1.3;margin-bottom:3px;cursor:pointer}.cal-event.math{border-color:#0B7BB1}.cal-event.english{border-color:#7046b5;background:#f4effb}.cal-event.robotics{border-color:#ed1c8d;background:#fff0f7}.cal-event.kazakh{border-color:#11845f;background:#eef9f5}.cal-event b{display:block;font-size:9px}.calendar-week{overflow:auto}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:15px}.profile-avatar{width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,var(--navy),var(--blue));display:grid;place-items:center;color:#fff;font-weight:900;font-size:16px}.profile-head-copy{flex:1}.profile-head h2{font-size:20px;margin:0 0 4px}.profile-head p{font-size:10px;color:#8390a3;margin:0}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:0 -16px 15px;padding:0 16px;overflow:auto}.tabs button{border:0;background:transparent;padding:10px 9px;border-bottom:2px solid transparent;font-size:10px;font-weight:700;color:#748096;white-space:nowrap}.tabs button.active{color:var(--blue);border-color:var(--blue)}.profile-grid{display:grid;grid-template-columns:1.8fr .9fr;gap:14px}.profile-side{display:grid;gap:10px}.balance-card{background:var(--navy);color:#fff;border-radius:11px;padding:15px}.balance-card small{color:#b9c8d4}.balance-card b{display:block;font-size:22px;margin:8px 0}.progress-bars{display:grid;gap:12px}.metric-row{display:grid;grid-template-columns:110px 1fr 40px;gap:10px;align-items:center;font-size:9px}.metric-track{height:6px;background:#edf1f5;border-radius:99px;overflow:hidden}.metric-track i{display:block;height:100%;background:var(--blue);border-radius:inherit}.activity{display:grid}.activity-item{display:grid;grid-template-columns:60px 22px 1fr;gap:6px;min-height:50px}.activity-time{font-size:8px;color:#93a0b0;text-align:right;padding-top:2px}.activity-dot{position:relative}.activity-dot:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--blue);position:absolute;left:7px;top:3px}.activity-dot:after{content:'';width:1px;background:#dfe5ec;position:absolute;left:10px;top:13px;bottom:-4px}.activity-item:last-child .activity-dot:after{display:none}.activity-copy b{font-size:10px}.activity-copy p{font-size:9px;color:#8490a1;margin:3px 0}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.file-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:10px}.file-icon{width:42px;height:42px;border-radius:9px;background:#edf7fb;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800}.file-body{min-width:0;flex:1}.file-body h4{font-size:10px;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-body p,.file-body small{font-size:8px;color:#8995a6}.journal-list{display:grid;gap:8px}.journal-card{display:grid;grid-template-columns:85px 1fr auto;gap:14px;border:1px solid var(--line);border-radius:9px;padding:12px}.journal-date b,.journal-date span{display:block;font-size:9px}.journal-date span{color:#8b96a8;margin-top:3px}.journal-card h4{font-size:11px;margin:0 0 5px}.journal-card p,.journal-card small{font-size:9px;color:#7e8a9d}.modal-backdrop{position:fixed;inset:0;background:rgba(10,30,63,.38);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:80;padding:18px}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.22)}.modal-wide{width:min(860px,100%)}.modal-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-title h3{font-size:14px;margin:0}.drawer-backdrop{position:fixed;inset:0;background:rgba(10,30,63,.24);z-index:70}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(520px,94vw);background:#fff;box-shadow:-20px 0 60px rgba(23,32,51,.15);display:flex;flex-direction:column}.drawer-head{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.drawer-head h3{font-size:14px;margin:0}.drawer-body{padding:18px;overflow:auto;flex:1}.drawer-footer{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.command-backdrop{position:fixed;inset:0;background:rgba(10,30,63,.32);backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}.command{width:min(620px,92vw);background:#fff;border-radius:14px;box-shadow:0 30px 100px rgba(0,0,0,.25);overflow:hidden}.command-input{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 14px}.command-input span{font-size:20px;color:#8895a7}.command-input input{flex:1;border:0;outline:none;padding:16px 12px;font-size:14px}.command-results{max-height:440px;overflow:auto;padding:7px}.command-group-title{font-size:8px;text-transform:uppercase;color:#9aa5b5;font-weight:800;padding:8px 9px}.command-item{width:100%;border:0;background:#fff;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;text-align:left}.command-item:hover{background:#f5f8fa}.command-item>span{width:30px;height:30px;border-radius:8px;background:#eef7fb;display:grid;place-items:center}.command-item b{display:block;font-size:11px}.command-item small{display:block;font-size:9px;color:#8c97a7;margin-top:2px}.toast{position:fixed;right:20px;bottom:20px;background:#172033;color:#fff;border-radius:9px;padding:11px 14px;font-size:10px;font-weight:700;z-index:120;box-shadow:0 15px 40px rgba(23,32,51,.22)}.mobile-bottom{display:none}.skeleton-page{animation:pulse 1.3s ease-in-out infinite}.sk{background:#e8edf2;border-radius:7px}.sk-title{width:250px;height:28px;margin-bottom:18px}.sk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sk-grid i{height:100px;background:#e8edf2;border-radius:10px}@keyframes pulse{50%{opacity:.55}}
/* responsive */
@media(max-width:1180px){.stats.stats-6{grid-template-columns:repeat(3,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.branch-switch{display:none}.marketing-nav{display:none}.program-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.marketing-header{padding:0 18px}.marketing-actions>.link-btn{display:none}.marketing-hero{grid-template-columns:1fr;padding:55px 22px}.hero-visual{height:430px}.marketing-stats{grid-template-columns:repeat(2,1fr);margin:0 22px}.marketing-stats div:nth-child(2){border-right:0}.marketing-stats div:nth-child(-n+2){border-bottom:1px solid var(--line2)}.portal-section,.trial-section{grid-template-columns:1fr}.teacher-grid,.result-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps>i{display:none}.app-shell{grid-template-columns:72px 1fr}.sidebar .brand-copy,.sidebar .side-user-copy,.sidebar .nav-text,.sidebar .nav-group-title{display:none}.sidebar .side-brand{justify-content:center;padding:0}.sidebar .nav-item{justify-content:center}.side-collapse{display:none}.global-search-trigger{width:45px}.global-search-trigger .search-placeholder,.global-search-trigger kbd{display:none}.user-menu-copy{display:none}.dashboard-grid,.profile-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.file-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body.crm-body{overflow:auto}.app-shell,.app-shell.collapsed{display:block;height:auto;min-height:100vh}.sidebar{position:fixed;left:-260px;top:0;bottom:0;width:250px;z-index:80;transition:.2s;box-shadow:20px 0 60px rgba(23,32,51,.15)}.sidebar.mobile-open{left:0}.sidebar .brand-copy,.sidebar .side-user-copy,.sidebar .nav-text,.sidebar .nav-group-title{display:block}.sidebar .nav-item{justify-content:flex-start}.mobile-menu{display:block}.topbar{position:sticky;top:0;padding:0 12px}.page-context .breadcrumbs{display:none}.top-actions .compact-select,.top-actions .primary.compact,.top-actions .user-menu{display:none}.global-search-trigger{display:flex}.main-content{padding:14px 12px 78px}.mobile-bottom{position:fixed;left:8px;right:8px;bottom:8px;height:58px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(23,32,51,.14);z-index:60;display:flex;align-items:center;justify-content:space-around}.mobile-bottom button{border:0;background:transparent;display:grid;gap:2px;place-items:center;color:#7d899a;font-size:8px}.mobile-bottom button span:first-child{font-size:17px}.mobile-bottom button.active{color:var(--blue)}.stats,.stats.stats-6{grid-template-columns:repeat(2,1fr)}.stat .v{font-size:19px}.cards,.course-grid,.file-grid{grid-template-columns:1fr}.section{padding:13px}.grid2,.grid3{grid-template-columns:1fr}.table-wrap{border:0;overflow:visible}.table.responsive{min-width:0}.table.responsive thead{display:none}.table.responsive,.table.responsive tbody,.table.responsive tr,.table.responsive td{display:block;width:100%}.table.responsive tr{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:8px;padding:8px}.table.responsive td{border:0;padding:5px 6px}.table.responsive td:before{content:attr(data-label);display:block;font-size:8px;text-transform:uppercase;color:#9aa5b5;font-weight:800;margin-bottom:2px}.marketing-header{height:64px}.marketing-header .marketing-actions>a{display:none}.marketing-brand span{font-size:13px}.marketing-brand small{font-size:7px}.marketing-hero{padding-top:45px}.hero-copy h1{font-size:44px}.hero-copy p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{text-align:center}.hero-visual{height:360px;transform:scale(.82);margin:-30px -40px}.marketing-stats{margin:-40px 12px 0}.marketing-stats div{padding:18px}.marketing-stats b{font-size:25px}.marketing-section{padding:70px 18px}.program-grid{grid-template-columns:1fr}.portal-mock{transform:none}.trial-section{margin:30px 12px 60px;padding:28px 20px}.trial-form{grid-template-columns:1fr}.marketing-footer{padding:24px 18px}.marketing-footer>p{display:none}.kanban{grid-template-columns:repeat(7,82vw)}.journal-card{grid-template-columns:1fr}.table-toolbar .table-search{max-width:none;min-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:10px}.info-row:last-child{border-bottom:0}.info-row b{font-size:10px}.info-row span{color:#738095;text-align:right}.info-card{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:8px;margin:7px 0}.info-card b{font-size:10px}.info-card span,.info-card small{font-size:9px;color:#7e8a9c}.schedule-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.schedule-chips span{font-size:8px;background:#f4f7fa;border-radius:6px;padding:5px 6px;color:#647287}.progress{height:5px;background:#edf1f5;border-radius:99px;overflow:hidden;margin-top:10px}.progress span{display:block;height:100%;background:var(--blue);border-radius:inherit}.homework-grid,.progress-grid,.certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.homework-card,.progress-card,.certificate-card{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff}.homework-card h4,.progress-card h4,.certificate-card h4{font-size:12px;margin:10px 0 6px}.homework-card p,.progress-card p,.certificate-card p{font-size:9px;color:#7d899b;line-height:1.5}.card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.progress-head{display:flex;align-items:center;justify-content:space-between}.score-ring{width:54px;height:54px;border-radius:50%;border:6px solid #e9f5fa;display:grid;place-items:center;color:var(--blue);font-weight:900;font-size:11px}.grade-breakdown{display:grid;gap:6px;margin-top:12px}.grade-sub{display:flex;justify-content:space-between;font-size:9px;color:#738095}.weight-total{font-size:11px;font-weight:800}.weight-input{width:72px}.certificate-brand{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--blue)}.cert-meta{display:grid;gap:5px;font-size:9px;color:#7f8b9d;margin:10px 0}.is-revoked{opacity:.55}.file-link{font-size:9px;color:var(--blue)}body.compact-ui .section{padding:12px}body.compact-ui .table td{padding:7px 9px}body.compact-ui .table th{padding:8px 9px}body.compact-ui .main-content{padding:16px}
@media(max-width:900px){.homework-grid,.progress-grid,.certificate-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.homework-grid,.progress-grid,.certificate-grid{grid-template-columns:1fr}}