.admin-boot,.login-page{min-height:100vh;display:grid;place-items:center;color:#1e293b;background:radial-gradient(800px 360px at 15% 0%,#d9f3e4,transparent 60%),#f3f6fd}.login-card,.admin-main,.admin{font-family:Nunito,Segoe UI,sans-serif}.login-card{width:min(420px,calc(100% - 32px));background:#fff;color:#1e293b;padding:28px;display:grid;gap:12px;border:1px solid #e6ebf3;border-radius:22px;box-shadow:0 20px 50px #2e66f01f}.login-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#7aa4f8,#2e66f0);box-shadow:0 8px 18px #2e66f047}.login-card h1{margin:0;font-weight:800;color:#1e3a8a}.login-card .eyebrow{margin:0;color:#64748b;font-weight:700}.login-card label,.editor label{display:grid;gap:6px;font-size:14px;font-weight:700}.login-card input,.editor input,.editor textarea,.editor select,.filters input,.filters select{width:100%;border:1px solid #d9e2f2;border-radius:12px;padding:10px 12px;background:#f8fbff;color:#1e293b;font:inherit}.login-card input:focus,.editor input:focus,.editor textarea:focus,.editor select:focus,.filters input:focus,.filters select:focus{outline:none;border-color:#2e66f0;box-shadow:0 0 0 3px #2e66f026}.login-card button,.btn{background:#2e66f0;color:#fff;border:0;border-radius:12px;padding:10px 16px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:800}.login-card button:hover,.btn:hover{background:#2456d6}.admin{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f3f6fd;color:#1e293b}.admin-side{background:#fff;color:#1e293b;padding:22px 14px;display:flex;flex-direction:column;gap:18px;border-right:1px solid #e6ebf3}.admin-brand{font-size:22px;font-weight:800;margin:0 8px;color:#1e3a8a}.admin-side nav{display:grid;gap:4px}.admin-side a,.admin-side button.ghost{display:flex;align-items:center;gap:10px;color:#1e293b;text-decoration:none;background:transparent;border:0;text-align:left;padding:10px 12px;border-radius:12px;cursor:pointer;font:inherit;font-weight:700}.admin-side a.active,.admin-side a:hover,.admin-side button.ghost:hover{background:#e8eeff;color:#1e3a8a}.admin-side button.ghost{margin-top:auto;color:#64748b}.admin-main{padding:28px}.admin-main h1{margin:0 0 8px;font-weight:800;color:#1e3a8a}.lead{color:#64748b}.admin-head,.row-actions,.filters{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.filters{justify-content:flex-start}.filters input{max-width:280px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,200px));gap:12px}.stat-grid a{background:#fff;border:1px solid #e6ebf3;border-radius:16px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 8px 20px #2e66f00f}.stat-grid a:hover{border-color:#9db6f5}.stat-grid b{display:block;font-size:32px;color:#2456d6}.grid{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e6ebf3;border-radius:14px;overflow:hidden}.grid th,.grid td{border-bottom:1px solid #e8eeff;text-align:left;padding:10px 12px;vertical-align:top}.grid th{background:#f3f6fd;color:#1e3a8a}.actions{display:flex;gap:10px;white-space:nowrap}.actions button,.message-list button,.repeat button,.editor button[type=button]{background:transparent;border:0;color:#9a3030;cursor:pointer;padding:0;font:inherit;font-weight:700}.editor{display:grid;gap:14px;max-width:980px}.editor fieldset{border:1px solid #e6ebf3;background:#fff;border-radius:16px;padding:14px;display:grid;gap:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .wide,.editor>label{grid-column:1 / -1}.repeat{display:grid;grid-template-columns:1fr 1.4fr 1fr auto;gap:8px}.check{display:flex;gap:8px;align-items:center}.form-error{color:#9a3030;font-weight:700}.form-ok{color:#1d6b9a;font-weight:700}.message-list{display:grid;gap:12px}.message-list article{background:#fff;border:1px solid #e6ebf3;border-radius:16px;padding:14px}.message-list header{display:flex;justify-content:space-between;gap:12px}@media(max-width:800px){.admin{grid-template-columns:1fr}.admin-side button.ghost{margin-top:8px}.form-grid,.repeat,.stat-grid{grid-template-columns:1fr}}.cab-boot{min-height:100vh;display:grid;place-items:center;background:#f3f6fd;color:#1e3a8a;font-weight:800}.cab{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:#f5f7fb;color:#1e293b;font-family:Nunito,Segoe UI,sans-serif}.cab-side{background:linear-gradient(180deg,#2f64f5,#2a5ae8 55%,#2553dc);border-right:0;padding:18px 14px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow:hidden}.cab-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;padding:2px 8px 8px}.cab-logo-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:#ffffff2e;box-shadow:none;flex-shrink:0}.cab-logo strong{display:block;font-size:14px;line-height:1.1}.cab-logo small{color:#ffffffb8;font-weight:700;font-size:10px}.cab-nav{display:grid;align-content:start;gap:6px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.cab-nav::-webkit-scrollbar{display:none;width:0;height:0}.cab-nav a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-weight:700;font-size:14.5px;line-height:1.2;padding:7px 12px 7px 8px;border-radius:12px;transition:background .15s ease}.cab-nav a svg{flex-shrink:0;box-sizing:content-box;padding:8px;border-radius:10px;background:#ffffff1f}.cab-nav a span{flex:1;min-width:0}.cab-nav a:hover{background:#ffffff1a;color:#fff}.cab-nav a.active{background:#ffffff2e;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.cab-nav a.active svg{background:#ffffff38}.nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#2553dc;font-size:10px;font-style:normal;font-weight:800;line-height:1}.nav-badge.ai{background:#22c55e;color:#fff;letter-spacing:.02em}.cab-foot{margin-top:auto;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px}.cab-foot p{margin:0 0 2px;font-size:12px;font-weight:700;color:#ffffffc7}.cab-foot b{font-size:26px;color:#fff;line-height:1}.cab-foot span{display:block;margin-top:2px;color:#ffffff9e;font-size:11px;font-weight:700}.cab-meters{display:grid;gap:6px;margin-top:8px}.cab-meters div{display:grid;grid-template-columns:102px 1fr 32px;align-items:center;gap:6px;color:#fffc;font-size:11px;font-weight:700}.cab-meters div span:first-child{display:flex;align-items:center;gap:6px;white-space:nowrap}.cab-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}.cab-track{display:block;height:5px;border-radius:99px;background:#ffffff29;overflow:hidden}.cab-track b{display:block;height:100%;border-radius:inherit}.cab-bar{height:8px;border-radius:99px;background:#ffffff47;margin-top:10px;overflow:hidden}.cab-bar i{display:block;height:100%;width:8%;border-radius:inherit;background:#fff}.cab-main{min-width:0;display:flex;flex-direction:column}.cab-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:14px 22px;background:#fffffff0;border-bottom:1px solid #e6ebf3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cab-hello{min-width:0}.cab-hello strong{display:block;font-size:16px;color:#1e3a8a}.cab-hello span{color:#64748b;font-size:13px;font-weight:700}.cab-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:#f3f6fd;border:1px solid #e6ebf3;border-radius:999px;padding:8px 12px;min-width:min(280px,34vw);color:#2456d6}.cab-search input{border:0;background:transparent;width:100%;color:#1e293b;outline:none;font:inherit;font-weight:700}.cab-user{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e6ebf3;border-radius:999px;padding:6px 12px 6px 6px}.cab-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8eeff;color:#2e66f0;font-weight:800}.cab-user b{display:block;font-size:13px;line-height:1.15}.cab-user small{color:#64748b;font-weight:800}.cab-icon-btn,.cab-menu-btn,.cab-logout{width:40px;height:40px;border-radius:12px;border:1px solid #e6ebf3;background:#fff;color:#2456d6;display:grid;place-items:center;cursor:pointer}.cab-menu-btn{display:none}.cab-body{padding:22px}.cab-banner{display:grid;grid-template-columns:1.4fr .8fr;gap:12px;align-items:center;background:linear-gradient(110deg,#fff,#eef3ff 46%,#e4ebff);border:1px solid #e6ebf3;border-radius:22px;padding:26px 28px;box-shadow:0 12px 30px #2e66f00f}.cab-banner h1{margin:0 0 8px;font-size:28px;color:#1e3a8a;letter-spacing:-.3px}.cab-banner p{margin:0;color:#64748b;font-weight:700;max-width:560px}.cab-art{justify-self:end;width:180px;height:120px;color:#2e66f0}.panel,.card,.table-card,.person,.help-card{background:#fff;border:1px solid #e6ebf3;border-radius:18px;box-shadow:0 8px 22px #2e66f00d}.panel{padding:16px;margin-top:16px}.panel h2,.card h2,.table-card h2{margin:0 0 12px;color:#1e3a8a;font-size:18px}.flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.flow a{text-decoration:none;color:inherit;background:#f8fbff;border:1px solid #e6ebf3;border-radius:14px;padding:12px 10px;min-height:118px}.flow a.active,.flow a:hover{border-color:#9db6f5;background:#f3f9ff}.flow-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#e8eeff;color:#2b86d4;margin-bottom:8px}.flow strong{display:block;font-size:13px}.flow span:not(.flow-icon){display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:700;line-height:1.35}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-top:16px}.card{padding:16px}a.card{display:block;text-decoration:none;color:inherit}a.card b,a.card span{display:block}a.card b{font-size:32px;color:#2456d6;line-height:1.1}a.card span{margin-top:4px;font-weight:800;color:#1e3a8a}.card iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:14px;background:#e8eeff}.cab-body h1{color:#1e3a8a;font-weight:800}.card-kicker{margin:0 0 6px;color:#64748b;font-size:13px;font-weight:800}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pill{display:inline-flex;align-items:center;gap:6px;background:#f3f6fd;color:#1e3a8a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.btn-sky,.cab-body .btn{display:inline-flex;align-items:center;gap:8px;background:#2f64f5;color:#fff!important;text-decoration:none;border:0;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}.btn-sky:hover,.cab-body .btn:hover{background:#2456d6}.btn-ghost{display:inline-flex;align-items:center;background:#fff;color:#1e3a8a;border:1px solid #e6ebf3;border-radius:12px;padding:10px 14px;font-weight:800;text-decoration:none}.stack-cards,.people,.result-list{display:grid;gap:10px}.lesson-link,.person,.result-list a,.help-card{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;padding:12px 14px}.lesson-link{background:#fff;border:1px solid #e6ebf3;border-radius:14px}.lesson-link:hover,.result-list a:hover{border-color:#9db6f5}.mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8eeff;color:#2b86d4;flex-shrink:0}.grow{flex:1;min-width:0;font-weight:800}.muted{color:#64748b;font-weight:700}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.table-card{padding:16px;overflow:auto}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.filters input,.filters select,.chat-box input,.note-box,.cab-body input,.cab-body textarea,.cab-body select{border:1px solid #d9e2f2;background:#f8fbff;border-radius:12px;padding:10px 12px;font:inherit;color:#1e293b}.filters input{min-width:220px}table.data{width:100%;border-collapse:collapse}table.data th,table.data td{text-align:left;padding:12px 10px;border-bottom:1px solid #e7f1fa;vertical-align:middle}table.data th{color:#64748b;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}table.data td{border-bottom-color:#eef1f6}table.data tbody tr:hover td{background:#f8faff}.empty-row{text-align:center;color:#64748b;font-weight:800;padding:28px 10px!important}.chat{display:grid;gap:12px;max-width:760px}.chat-log{background:#f8fbff;border:1px solid #e6ebf3;border-radius:16px;padding:14px;min-height:180px}.bubble{background:#fff;border:1px solid #e6ebf3;border-radius:14px;padding:12px;font-weight:700}.chat-box{display:flex;gap:8px}.chat-box input{flex:1}.ai-page{display:grid;gap:12px;max-width:760px}.ai-page .muted{margin:-6px 0 4px}.ai-form{display:grid;gap:12px}.ai-drop{min-height:220px;border:1.5px dashed #9db6f5;border-radius:18px;background:#f8fbff;display:grid;place-items:center;color:#1e3a8a;font-weight:800;cursor:pointer;overflow:hidden;padding:12px}.ai-drop input{display:none}.ai-drop span{display:flex;align-items:center;gap:8px}.ai-drop img{max-width:100%;max-height:360px;border-radius:12px}.ai-form .btn-sky{justify-self:start;display:inline-flex;align-items:center;gap:8px}.ai-form .btn-sky:disabled{opacity:.6;cursor:default}.ai-result{background:#fff;border:1px solid #e6ebf3;border-radius:18px;padding:16px}.ai-result header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-result b{font-size:22px}.ai-result header span{font-weight:800;color:#1e3a8a}.ai-result p{margin:8px 0 0;color:#334155;font-weight:700}.ai-result ul{margin:10px 0 0;padding-left:18px;display:grid;gap:6px}.ai-result li{font-weight:700;color:#1e293b}.ai-result.is-togri{border-color:#86efac;background:#f0fdf4}.ai-result.is-togri b{color:#15803d}.ai-result.is-xato{border-color:#fecaca;background:#fff7f7}.ai-result.is-xato b{color:#b91c1c}.ai-result.is-aniq_emas{border-color:#fde68a;background:#fffbeb}.ai-result.is-aniq_emas b{color:#b45309}.note-box{width:100%;min-height:90px}.crumbs{color:#64748b;font-weight:800;font-size:14px;margin-bottom:8px}.crumbs a{color:#1e3a8a;text-decoration:none}.page-title{margin:0 0 14px;color:#1e3a8a;font-size:28px}.viewer,.quiz{width:100%;min-height:520px;height:70vh;border:1px solid #e6ebf3;border-radius:16px;background:#fff}.lesson-layout{display:grid;grid-template-columns:1.4fr .7fr;gap:14px;align-items:start}.review h3{margin:14px 0 8px;color:#1e3a8a}.review ul{margin:0;padding-left:18px;color:#64748b;font-weight:700}.side-drawer{display:none}.lesson-link.is-locked{opacity:.72;cursor:default}.lesson-link.is-locked:hover{border-color:#e6ebf3}.item-body{display:grid;gap:12px;margin-top:12px}.quiz-option{display:flex;align-items:center;gap:8px;margin-top:8px;font-weight:700}.quiz-option input[type=text],.quiz-option input:not([type=radio]){flex:1}fieldset.card{border:1px solid #e6ebf3}fieldset.card legend{font-weight:800;color:#1e3a8a;padding:0 6px}.review-list{margin:0 0 12px;padding-left:18px}.cert{max-width:680px;background:#fff;border:1px solid #d7e4fb;border-radius:18px;padding:28px}.cert h1,.cert h2{color:#1e3a8a}.cab-body button.lesson-link{width:100%;text-align:left;background:#fff;cursor:pointer}.dash{display:grid;gap:14px}.dash-banner{display:grid;grid-template-columns:1.4fr 220px;gap:12px;align-items:center;background:linear-gradient(105deg,#fff,#f3f7ff 55%,#e7efff);border:1px solid #e6ebf3;border-radius:18px;padding:22px 24px}.dash-banner h1{margin:0 0 8px;color:#1e3a8a;font-size:26px;letter-spacing:-.3px}.dash-banner p{margin:0;color:#64748b;font-weight:700;max-width:520px}.dash-art{width:100%;height:120px}.dash .panel{margin-top:0}.dash .flow{grid-template-columns:repeat(5,minmax(0,1fr))}.task-card h3{margin:0 0 8px;color:#1e3a8a}.task-card p,.next-card p{margin:0 0 10px;color:#64748b;font-weight:700}.next-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.next-list li{display:flex;align-items:center;gap:8px;font-weight:800;color:#1e3a8a}.score-card{display:grid;justify-items:center;text-align:center}.ring{width:132px;height:132px;border-radius:50%;background:conic-gradient(#22c55e calc(var(--p) * 1%),#e8eef8 0);display:grid;place-items:center;margin:8px 0}.ring span{width:96px;height:96px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#16a34a;font-size:28px;font-weight:800}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-head h2{margin:0}.card-head a{color:#2f6bff;font-weight:800;font-size:13px;text-decoration:none}.activity,.upcoming{list-style:none;margin:0;padding:0;display:grid;gap:10px}.activity li,.upcoming li{display:flex;align-items:center;gap:8px}.activity li span{flex:1;min-width:0}.activity b,.upcoming span{display:block;font-size:13px;color:#1e293b}.activity small,.upcoming em{color:#64748b;font-style:normal;font-size:12px;font-weight:700}.upcoming li{justify-content:space-between}.upcoming a{color:#2f6bff;font-weight:800;font-size:13px;text-decoration:none}@media(max-width:1100px){.flow{grid-template-columns:repeat(4,minmax(140px,1fr))}.cab-banner,.dash-banner,.split,.lesson-layout,.grid-3{grid-template-columns:1fr}.cab-art,.dash-art{display:none}}@media(max-width:860px){.cab{grid-template-columns:1fr}.cab-side{position:fixed;z-index:30;transform:translate(-105%);transition:transform .18s ease;width:min(300px,88vw)}.cab-side.open{transform:none}.side-drawer{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c334847;z-index:25;border:0}.cab-menu-btn{display:grid}.cab-hello span,.cab-search{display:none}.cab-top{padding:12px}.cab-body{padding:14px}.flow{grid-template-columns:1fr 1fr}}.cab-body .form-error{color:#b42318;font-weight:700;margin:8px 0}.cab-body .form-ok{color:#067647;background:#ecfdf3;border:1px solid #abefc6;border-radius:12px;padding:8px 12px;font-weight:700;margin:8px 0}.item-form label,.module-edit label,.mat-row label{display:grid;gap:6px;font-weight:700;color:#334155;font-size:14px}.cab-body .btn-ghost{gap:6px;cursor:pointer;font:inherit;font-weight:800}.cab-body .btn-ghost:hover{border-color:#9db6f5;background:#f8fbff}.cab-body .btn-ghost.danger{color:#b42318}.cab-body .btn-ghost.danger:hover{border-color:#fda29b;background:#fef3f2}.cab-body button:disabled{opacity:.6;cursor:default}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-head h1,.page-head h2{margin:0}.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.small-note{margin:-4px 0 0;font-size:13px}.module-edit{display:grid;gap:12px}.item-card{padding:10px}.item-head{display:flex;align-items:center;gap:8px}.item-head .lesson-link{flex:1;border:0;padding:6px;font:inherit}.item-count{display:block;margin-top:2px;color:#2f64f5;font-size:12px;font-weight:800}.item-body{padding:0 6px 6px}.item-form{display:grid;gap:12px;padding:6px}.item-form h2{margin:0}.form-two{display:grid;grid-template-columns:220px 1fr;gap:12px}.form-sub{margin:6px 0 0;color:#1e3a8a;font-size:16px}.materials{display:grid;gap:14px}.material{border:1px solid #e6ebf3;border-radius:14px;padding:12px;background:#fbfcff;display:grid;gap:10px}.material-head{display:flex;align-items:center;gap:8px;margin:0;flex-wrap:wrap}.material-tag{display:inline-flex;align-items:center;gap:4px;background:#e8eeff;color:#2553dc;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800}.material-text{margin:0;white-space:pre-wrap;line-height:1.55;color:#1e293b;font-weight:600}.video-frame{width:100%;aspect-ratio:16 / 9;border:0;border-radius:14px;background:#0f172a}.material-img{max-width:100%;border-radius:12px;border:1px solid #e6ebf3}.material-open{justify-self:start}.mat-editor{display:grid;gap:12px}.mat-row{position:relative;border:1px solid #d9e2f2;border-radius:14px;padding:14px;margin:0;display:grid;gap:10px;background:#fff}.mat-row legend{display:inline-flex;align-items:center;gap:6px;padding:0 6px;font-weight:800;color:#1e3a8a}.mat-tools{position:absolute;top:-14px;right:12px;display:flex;gap:4px}.icon-mini{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d9e2f2;border-radius:8px;background:#fff;color:#1e3a8a;cursor:pointer;font-weight:800}.icon-mini.danger{color:#b42318}.icon-mini:disabled{opacity:.4;cursor:default}.mat-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mat-file .pill a{color:inherit}.file-btn{display:inline-flex!important;grid-auto-flow:column;cursor:pointer}.link-btn{border:0;background:none;color:#b42318;cursor:pointer;font:inherit;font-size:12px;font-weight:800;padding:0 0 0 4px}.mat-add{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mat-add .btn-ghost{padding:8px 12px}.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.stat{background:#fff;border:1px solid #e6ebf3;border-radius:16px;padding:14px 16px}.stat span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.stat b{display:block;margin-top:4px;font-size:26px;color:#1e3a8a}.tabs{display:inline-flex;background:#f1f4fa;border-radius:12px;padding:4px;gap:2px}.tabs button{border:0;background:none;border-radius:9px;padding:8px 12px;font:inherit;font-weight:800;color:#64748b;cursor:pointer}.tabs button.active{background:#fff;color:#2553dc;box-shadow:0 1px 3px #0f172a14}.status{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;background:#f1f4fa;color:#64748b}.status.ok{background:#e7f8ee;color:#067647}.status.bad{background:#fef3f2;color:#b42318}.cell-sub{display:block;font-size:12px}.progress-cell{display:inline-block;width:90px;height:6px;border-radius:99px;background:#e8eef8;margin-right:8px;vertical-align:middle;overflow:hidden}.progress-cell i{display:block;height:100%;background:#22c55e;border-radius:inherit}@media(max-width:860px){.form-two,.stat-row{grid-template-columns:1fr 1fr}.form-two{grid-template-columns:1fr}.item-head{flex-wrap:wrap}}.ai-thumb{display:block;width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid #e6ebf3;background:#f8fafc}.ai-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ai-cell{max-width:360px}.ai-cell ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px;font-size:13px}.ai-more{display:block;padding:4px 0 0;color:#2553dc}.ai-drop-empty{flex-direction:column;text-align:center}.ai-drop-empty small,.ai-file small{color:#64748b;font-weight:700;font-size:12px}.ai-file{display:flex;align-items:center;gap:12px;text-align:left}.ai-file>span{display:grid!important;gap:2px}.ai-file b{word-break:break-all}.ai-fixes{background:#fff;border:1px solid #e6ebf3;border-radius:18px;padding:16px 18px}.ai-fixes h2{margin:0 0 10px;color:#1e3a8a;font-size:18px}.ai-fixes ol{margin:0;padding-left:20px;display:grid;gap:12px}.ai-fixes li{padding-left:4px}.ai-fixes-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ai-fixes-head h2{margin:0}.ai-issue,.ai-fix{display:flex;gap:8px;align-items:flex-start;margin:0;line-height:1.5;font-weight:700}.ai-issue svg,.ai-fix svg{flex-shrink:0;margin-top:3px}.ai-issue{color:#b42318}.ai-fix{color:#067647;margin-top:4px}.ai-corrected{margin:0;padding:14px;border-radius:12px;background:#f5f8ff;border-left:3px solid #2f64f5;white-space:pre-wrap;word-break:break-word;font:inherit;font-weight:600;line-height:1.6;color:#1e293b;max-height:520px;overflow:auto}.ai-file-thumb{display:grid;place-items:center;color:#2553dc;text-decoration:none;font-size:10px;font-weight:800}.ai-cell .ai-fix-list{list-style:none;padding:0}.ai-cell .ai-fix-list li{display:grid;gap:2px}.ai-cell .ai-fix-list .ai-issue,.ai-cell .ai-fix-list .ai-fix{font-size:13px}.ai-cell .ai-corrected{margin-top:6px;font-size:13px;max-height:260px}.status.wait{background:#eef3ff;color:#2553dc}.ai-result.is-kutilmoqda{border-color:#c7d7fe;background:#f5f8ff}.ai-result.is-kutilmoqda b{color:#2553dc}.ai-review{display:grid;gap:12px}.ai-mine-title{margin:12px 0 0;color:#1e3a8a;font-size:20px}.ai-mine{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ai-mine>li{background:#fff;border:1px solid #e6ebf3;border-radius:16px;overflow:hidden}.ai-mine>li.is-open{padding-bottom:12px}.ai-mine>li.is-open .ai-review{padding:0 12px}.ai-mine-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;background:none;font:inherit;text-align:left;color:#1e293b;cursor:pointer}.ai-mine-row:disabled{cursor:default}.ai-mine-row>svg{color:#2553dc;flex-shrink:0}.ai-mine-name{flex:1;min-width:0;display:grid;gap:2px}.ai-mine-name b,.ai-mine-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-mine-name small{color:#64748b;font-weight:700;font-size:12px}.ai-mine-score{color:#1e3a8a;min-width:44px;text-align:right}.ai-pill{flex-shrink:0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;background:#f1f4fa;color:#64748b}.ai-pill.is-togri{background:#e7f8ee;color:#067647}.ai-pill.is-xato{background:#fef3f2;color:#b42318}.ai-pill.is-aniq_emas{background:#fffbeb;color:#b45309}.ai-pill.is-kutilmoqda{background:#eef3ff;color:#2553dc}.ix{display:grid;gap:18px;min-width:0}.ix-stack{display:grid;gap:16px;min-width:0}.ix-hero{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:20px;background:linear-gradient(120deg,#2f64f5,#2553dc 60%,#1e3a8a);color:#fff;box-shadow:0 14px 30px #2553dc2e}.ix-hero .page-title{color:#fff;margin:0 0 4px}.ix-hero .muted{color:#ffffffd1;margin:0}.ix-hero-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex-shrink:0;background:#ffffff2e}.ix-tabs{display:flex;gap:6px;padding:6px;background:#fff;border:1px solid #e6ebf3;border-radius:16px;overflow-x:auto;scrollbar-width:none}.ix-tabs::-webkit-scrollbar{display:none}.ix-tabs button{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;border:0;background:none;border-radius:11px;padding:10px 14px;font:inherit;font-weight:800;color:#64748b;cursor:pointer;white-space:nowrap}.ix-tabs button:hover{background:#f3f6fd;color:#1e3a8a}.ix-tabs button.active{background:#2553dc;color:#fff}.ix-card{padding:20px 22px;min-width:0}.ix-card h2{margin:0 0 10px;color:#1e3a8a;font-size:19px}.ix-card p,.ix-card li{color:#334155;line-height:1.65}.ix-card p{margin:0 0 8px}.ix-card ul,.ix-card ol{margin:0;padding-left:20px;display:grid;gap:4px}.ix-card strong{color:#1e293b}.ix-tag{display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:999px;background:#eef3ff;color:#2553dc;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ix-note{margin:12px 0 0!important;padding:12px 14px;border-radius:12px;background:#f5f8ff;border-left:3px solid #2f64f5;font-size:14px}.ix-theory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ix-svg{display:block;width:100%;height:auto;font-family:inherit}.ix-sheet{background:#fff;border:1px solid #e6ebf3;border-radius:12px}.ix-board{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}.ix-tools{padding:16px;display:grid;gap:10px}.ix-tools h3{margin:6px 0 0;font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.ix-tools h3:first-child{margin-top:0}.ix-tool-list{display:grid;gap:4px}.ix-tool-list button{text-align:left;border:0;border-radius:10px;padding:9px 12px;background:#f5f7fb;font:inherit;font-weight:700;color:#1e293b;cursor:pointer}.ix-tool-list button:hover{background:#eef3ff}.ix-tool-list button.active{background:#2553dc;color:#fff}.ix-colors{display:flex;flex-wrap:wrap;gap:8px}.ix-colors button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #dbe3f0;cursor:pointer;padding:0}.ix-colors button.active{box-shadow:0 0 0 2px #2553dc}.ix-range{display:grid;gap:4px;font-size:13px;font-weight:700;color:#64748b}.ix-range span{display:flex;justify-content:space-between}.ix-range b{color:#1e3a8a}.ix-range input{accent-color:#2553dc}.ix-tools select{width:100%;padding:9px 10px;border:1px solid #dbe3f0;border-radius:10px;font:inherit;background:#fff}.ix-check{display:flex;align-items:center;gap:8px;font-weight:700;color:#334155;cursor:pointer}.ix-check input{accent-color:#2553dc}.ix-canvas-wrap{min-width:0;display:grid;gap:10px}.ix-canvas{display:block;width:100%;height:auto;background-color:#fff;border:1px solid #e6ebf3;border-radius:16px;box-shadow:0 8px 22px #2e66f00d;cursor:crosshair;touch-action:none}.ix-canvas.with-grid{background-image:linear-gradient(#e8eef6 1px,transparent 1px),linear-gradient(90deg,#e8eef6 1px,transparent 1px);background-size:calc(100% / 45) calc(100% / 30)}.ix-actions{display:flex;flex-wrap:wrap;gap:8px}.ix-actions button{display:inline-flex;align-items:center;gap:6px}.ix-actions button:disabled{opacity:.5;cursor:default}.ix-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ix-view{margin:0;padding:16px;min-width:0}.ix-view.is-wide{grid-column:1 / -1}.ix-view figcaption{margin:0 0 10px;font-weight:800;color:#1e3a8a}.ix-scorebar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid #e6ebf3;font-weight:700}.ix-scorebar b{color:#1e3a8a;font-size:18px}.ix-task{padding:0;overflow:hidden}.ix-task header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #eef2f8;background:#f8faff}.ix-task h2{margin:0;font-size:17px;color:#1e293b;display:grid}.ix-task h2 span{font-size:12px;color:#2553dc;text-transform:uppercase;letter-spacing:.06em}.ix-task>p{margin:16px 20px 0;color:#334155;font-weight:700;line-height:1.55}.ix-figure{margin:14px 20px 0;padding:14px;border-radius:12px;background:#f5f7fb;display:flex;justify-content:center}.ix-figure .ix-svg{max-width:420px}.ix-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px 20px 20px}.ix-options button{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 12px;border:1.5px solid #e2e8f3;border-radius:12px;background:#fff;font:inherit;font-weight:700;color:#1e293b;cursor:pointer;transition:border-color .15s,background .15s}.ix-options button b{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;background:#eef3ff;color:#2553dc;font-size:13px}.ix-options button:not(:disabled):hover{border-color:#2f64f5;background:#f5f8ff}.ix-options button:disabled{cursor:default}.ix-options button.is-right{border-color:#22c55e;background:#f0fdf4;color:#14532d}.ix-options button.is-right b{background:#22c55e;color:#fff}.ix-options button.is-wrong{border-color:#f87171;background:#fef2f2;color:#7f1d1d}.ix-options button.is-wrong b{background:#ef4444;color:#fff}.ix-feedback{display:flex;gap:8px;align-items:flex-start;margin:0 20px 20px;padding:12px 14px;border-radius:12px;font-weight:700;line-height:1.5}.ix-feedback svg{flex-shrink:0;margin-top:2px}.ix-feedback.is-right{background:#e7f8ee;color:#067647}.ix-feedback.is-wrong{background:#fef3f2;color:#b42318}.ix-level{display:inline-block;flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800}.ix-level.is-easy{background:#e7f8ee;color:#067647}.ix-level.is-medium{background:#fff4e0;color:#b45309}.ix-level.is-hard{background:#fef3f2;color:#b42318}.ix-table-wrap{overflow-x:auto}.ix-table{width:100%}.ix-table code{font-family:JetBrains Mono,Consolas,monospace;font-size:13px;padding:2px 6px;border-radius:6px;background:#eef3ff;color:#1e3a8a;white-space:nowrap}.ix-search{display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border:1px solid #e6ebf3;border-radius:14px;color:#64748b}.ix-search:focus-within{border-color:#2f64f5}.ix-search input{flex:1;border:0;outline:0;padding:12px 0;font:inherit;background:none;min-width:0}.ix-gloss{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ix-gloss>div{padding:14px 16px;border-left:3px solid #2f64f5}.ix-gloss dt{font-weight:800;color:#1e3a8a;margin-bottom:4px}.ix-gloss dd{margin:0;color:#334155;line-height:1.55}.ix-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.ix-ok{color:#16a34a!important}.ix-bar{height:12px;border-radius:999px;background:#e8eef8;overflow:hidden;margin:4px 0 10px}.ix-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f64f5,#22c55e);transition:width .4s}.ix-card .btn-sky{margin-top:6px}.ix-grades{list-style:none;padding:0!important}.ix-grades li{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #eef2f8}.ix-grades li:last-child{border-bottom:0}.ix-grades b{min-width:80px;color:#1e3a8a}@media(max-width:960px){.ix-board{grid-template-columns:1fr}.ix-tool-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media(max-width:760px){.ix-theory,.ix-views,.ix-gloss,.ix-options{grid-template-columns:1fr}.ix-hero{padding:16px}.ix-hero-mark{display:none}.ix-stats{grid-template-columns:1fr 1fr 1fr}.ix-stats .stat b{font-size:20px}}:root{--sky-50: #f3f6fd;--sky-100: #e8eeff;--sky-200: #d9e2f2;--sky-300: #9db6f5;--sky-500: #2e66f0;--sky-600: #2456d6;--sky-800: #1e3a8a;--ink: #1e293b;--muted: #64748b;--line: #e6ebf3;--paper: #ffffff;--shadow: 0 10px 28px rgba(46, 102, 240, .07);--max: 1080px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Nunito,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(1100px 420px at 100% -8%,#e8eeff 0%,transparent 58%),radial-gradient(800px 360px at -8% 12%,#f3f6fd 0%,transparent 50%),#f3f6fd}a{color:var(--sky-800)}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--sky-500);outline-offset:2px}.topbar{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 8px 24px #2e66f00a}.topbar-inner{max-width:1240px;margin:0 auto;padding:0 18px;min-height:76px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;min-width:0}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:linear-gradient(160deg,#7aa4f8,#2e66f0);box-shadow:0 8px 18px #2e66f047}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:18px;font-weight:800;letter-spacing:-.2px}.brand-text small{color:var(--muted);font-size:12px;font-weight:700}.nav{margin-left:auto;display:flex;align-items:center;gap:4px}.nav a,.search-btn,.nav-logout{display:inline-flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:700;padding:8px 12px;border-radius:999px;background:transparent;border:0;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.nav a.active,.nav a:hover,.search-btn:hover,.nav-logout:hover{background:var(--sky-100);color:var(--sky-800)}.nav-caret{opacity:.65;transition:transform .15s ease}.nav-drop:hover .nav-caret,.nav-drop:focus-within .nav-caret{transform:rotate(180deg)}.nav-login{background:var(--sky-500)!important;color:#fff!important;box-shadow:0 6px 14px #2e66f038}.nav-login:hover{background:var(--sky-600)!important}.nav-drop{position:relative}.drop{display:none;position:absolute;top:calc(100% - 2px);left:0;min-width:300px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px #2e66f01f}.nav-drop:hover .drop,.nav-drop:focus-within .drop{display:block}.drop a{display:flex;border-radius:12px;padding:10px 12px;font-weight:700}.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--sky-800);place-items:center;cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:var(--max);margin:0 auto;padding:28px 18px 56px}.hero{text-align:center;margin:4px 0 8px;padding:46px 28px 40px;border-radius:28px;border:1px solid var(--sky-200);background:radial-gradient(420px 180px at 85% 0%,rgba(255,255,255,.8),transparent 70%),linear-gradient(145deg,#fff,#eef3ff 48%,#e4ebff);box-shadow:var(--shadow)}.hero h1,.page-head h1,.paper h2,.note h2,.video-card h2,.contact h3{font-weight:800;letter-spacing:-.3px}.hero h1{font-size:36px;line-height:1.25;margin:0 0 12px;color:var(--sky-800)}.hero p{font-size:18px;margin:0 auto;max-width:720px;color:var(--muted);line-height:1.6}.paper,.note{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px 26px;margin:16px 0;box-shadow:var(--shadow)}.paper h2,.note h2,.video-card h2,.contact h3{display:flex;align-items:center;gap:10px}.paper h2 svg,.note h2 svg,.video-card h2 svg{color:var(--sky-500);flex-shrink:0}.note{background:linear-gradient(180deg,#f7fbff,#eef3ff);border-left:5px solid var(--sky-500)}.paper p,.note p,.author p{line-height:1.7}.page-head h1{font-size:32px;margin:10px 0 18px;color:var(--sky-800)}.page-head h1:after{content:"";display:block;width:58px;height:4px;margin-top:12px;border-radius:99px;background:linear-gradient(90deg,#7aa4f8,#2e66f0)}.crumbs{display:flex;flex-wrap:wrap;gap:4px;color:var(--muted);font-size:14px;font-weight:700}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.sep{color:#8ea4b8}.stack,.hub-grid,.video-list{display:grid;gap:12px}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.lesson{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;line-height:1.45;box-shadow:0 4px 14px #2e66f00a;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease,background .15s ease}.lesson:hover{background:#f7fbff;border-color:var(--sky-300);transform:translateY(-2px);box-shadow:0 12px 24px #2e66f01a}.lesson-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;color:var(--sky-600);background:var(--sky-100)}.lesson-body{flex:1;min-width:0;font-weight:700}.lesson-go{color:var(--sky-500);display:grid;place-items:center;flex-shrink:0}.lesson-static{color:var(--muted);background:#f3f6fd}.lesson-static:hover{transform:none;box-shadow:none}.snippet{display:block;margin-top:4px;color:var(--muted);font-size:14px;font-weight:600}.file-name{color:var(--muted);margin-top:-8px;font-weight:700}.viewer,.quiz{width:100%;height:78vh;min-height:520px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.viewer.tall{height:88vh}.download{margin-top:14px}.download a{display:inline-flex;align-items:center;gap:8px;background:var(--sky-500);color:#fff;text-decoration:none;padding:11px 16px;border-radius:12px;font-weight:800;box-shadow:0 8px 16px #2e66f033}.download a:hover{background:var(--sky-600)}.video-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.video-card h2{margin:0 0 4px;font-size:22px}.video-card p{margin:0 0 12px;color:var(--muted)}.video-card iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:14px;background:#e8eeff}.map-wrap iframe{width:100%;height:360px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.muted{color:var(--muted)}.footer{background:linear-gradient(180deg,#eef3ff,#e5f2fb);color:var(--ink);border-top:1px solid var(--sky-200);padding:36px 18px 44px}.footer-inner{max-width:1080px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.footer-kicker{margin:0 0 8px;font-weight:800;color:var(--sky-800);font-size:20px}.footer a{color:var(--sky-800);font-weight:800}.footer p{line-height:1.65}.footer-contacts{list-style:none;margin:14px 0;padding:0;display:grid;gap:10px}.footer-contacts li{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.footer-contacts svg{color:var(--sky-600);margin-top:2px;flex-shrink:0}.notice{color:var(--muted);background:#ffffffb3;border-radius:14px;padding:12px 14px}.contact{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.contact h3{margin:0 0 12px;color:var(--sky-800)}.contact h3 svg{color:var(--sky-500)}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.contact textarea{grid-column:1 / -1}.contact input,.contact textarea,.search-box input{width:100%;border:1px solid var(--sky-200);background:#f8fbff;color:var(--ink);padding:11px 12px;border-radius:12px}.contact input:focus,.contact textarea:focus,.search-box input:focus{outline:none;border-color:var(--sky-500);box-shadow:0 0 0 3px #2e66f026}.contact input::placeholder,.contact textarea::placeholder,.search-box input::placeholder{color:#8aa0b4}.contact button,.search-box button{margin-top:10px;display:inline-flex;align-items:center;gap:8px;background:var(--sky-500);color:#fff;border:0;border-radius:12px;padding:11px 16px;cursor:pointer;font-weight:800}.contact button:hover,.search-box button:hover{background:var(--sky-600)}.form-status{margin:8px 0 0;font-weight:800;color:var(--sky-800)}.form-status.error{color:#9a3030}.search-layer{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c467052;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;display:flex;justify-content:center;padding-top:12vh}.search-box{width:min(640px,calc(100% - 32px));background:#fff;padding:16px;display:flex;gap:8px;height:fit-content;border-radius:18px;border:1px solid var(--line);box-shadow:0 24px 60px #1c46702e}.search-box button{margin-top:0}@media(max-width:1080px){.menu-toggle{display:grid}.nav{display:none;position:absolute;top:76px;left:12px;right:12px;background:#fff;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 40px #2e66f01f}.nav.open{display:flex}.nav a,.search-btn,.nav-logout{border-radius:12px}.drop{position:static;display:grid;min-width:0;box-shadow:none;border:0;padding:4px 0 4px 8px;background:transparent}.footer-grid,.contact-grid{grid-template-columns:1fr}.hero{padding:32px 18px}.hero h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.hp-field{position:absolute!important;left:-10000px;width:1px;height:1px;opacity:0}.prefs{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.prefs-lang{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 6px 0 10px;border-radius:12px;border:1px solid #e6ebf3;background:#fff;color:#2456d6;cursor:pointer}.prefs-lang select{border:0!important;background:transparent!important;color:inherit!important;font:inherit;font-weight:800;font-size:13px;padding:0!important;cursor:pointer;outline:none;width:auto!important;min-height:0!important;box-shadow:none!important}.prefs-theme{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid #e6ebf3;background:#fff;color:#2456d6;cursor:pointer}.prefs-theme:hover,.prefs-lang:hover{border-color:#9db6f5}.nav-prefs{margin-left:4px}.login-page{position:relative}.login-prefs{position:absolute;top:16px;right:16px}.bell,.bell .cab-icon-btn{position:relative}.bell-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-style:normal;font-weight:800;display:grid;place-items:center;line-height:1;box-shadow:0 0 0 2px #fff}.bell-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid #e6ebf3;border-radius:16px;box-shadow:0 18px 40px #0f172a29;overflow:hidden}.bell-pop header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid #eef2f8}.bell-pop header b{color:#1e3a8a}.bell-pop ul{list-style:none;margin:0;padding:4px;max-height:360px;overflow-y:auto}.bell-item{width:100%;display:flex;gap:10px;align-items:flex-start;text-align:left;padding:10px;border:0;border-radius:12px;background:none;font:inherit;color:#1e293b;cursor:pointer}.bell-item:hover{background:#f5f8ff}.bell-item.unread{background:#f0f5ff}.bell-item.unread b:after{content:"";display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#2f64f5;vertical-align:middle}.bell-item>span:last-child{display:grid;gap:2px;min-width:0}.bell-item b{font-size:13.5px}.bell-item small{color:#64748b;font-weight:700;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bell-item i{color:#94a3b8;font-style:normal;font-size:11px;font-weight:700}.bell-ic{width:30px;height:30px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:#e8eeff;color:#2553dc}.bell-empty{padding:18px;text-align:center;color:#64748b;font-weight:700}.bell-all{display:block;padding:11px 14px;border-top:1px solid #eef2f8;text-align:center;font-weight:800;font-size:13px;color:#2553dc;text-decoration:none}.link-plain{border:0;background:none;padding:0;font:inherit;font-size:12px;font-weight:800;color:#2553dc;cursor:pointer}.note-row{width:100%;text-align:left;cursor:pointer;font:inherit}.note-row.unread{border-color:#9db6f5;background:#f5f8ff}.note-row .grow{display:grid;gap:2px}.tg-card h2{display:flex;align-items:center;gap:8px}.tg-card h2 svg{color:#229ed9}.tg-manual{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:14px}.tg-manual label{display:grid;gap:6px;flex:1 1 260px;font-size:13px;font-weight:700;color:#64748b}.lb-mine{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:18px 28px;padding:18px 22px;margin-bottom:16px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#2f64f5,#2553dc 60%,#1e3a8a)}.lb-mine span{display:block;font-size:12px;font-weight:800;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.lb-mine b{font-size:38px;line-height:1.05}.lb-mine small{font-size:16px;opacity:.75}.lb-breakdown{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lb-breakdown li{background:#ffffff24;border-radius:12px;padding:8px 10px}.lb-breakdown li b{font-size:20px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.badge-card{display:grid;justify-items:center;gap:4px;text-align:center;padding:14px 10px;border-radius:16px;border:1px dashed #d9e2f2;background:#f8fafc;filter:grayscale(1);opacity:.6}.badge-card.earned{filter:none;opacity:1;border-style:solid;border-color:#fcd34d;background:linear-gradient(180deg,#fffbeb,#fff)}.badge-icon{font-size:30px;line-height:1}.badge-card b{color:#1e3a8a;font-size:14px}.badge-card small{color:#64748b;font-weight:700;font-size:11.5px;line-height:1.35}.badge-card em{font-style:normal;font-size:11px;font-weight:800;color:#b45309}.badge-card:not(.earned) em{color:#94a3b8}.podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin:22px 0}.podium-step{width:150px;display:grid;justify-items:center;gap:4px;text-align:center;padding:14px 10px 0;border-radius:18px 18px 0 0;background:#fff;border:1px solid #e6ebf3;border-bottom:0}.podium-step b{font-size:14px;color:#1e293b;line-height:1.2}.podium-step small{color:#64748b;font-weight:800}.podium-step i{display:grid;place-items:center;width:100%;margin-top:8px;font-style:normal;font-weight:800;font-size:26px;color:#fff;border-radius:12px 12px 0 0}.podium-step.place-1 i{height:90px;background:linear-gradient(180deg,#fbbf24,#f59e0b)}.podium-step.place-2 i{height:64px;background:linear-gradient(180deg,#cbd5e1,#94a3b8)}.podium-step.place-3 i{height:46px;background:linear-gradient(180deg,#fdba74,#ea580c)}.podium-step.me{box-shadow:0 0 0 2px #2f64f5}.podium-medal{font-size:26px}.lb-table tr.is-me td{background:#eef3ff}.lb-rank{font-size:16px}.lb-badges span{font-size:18px;margin-right:2px;cursor:default}.pm-track{position:relative;display:flex;gap:10px;overflow-x:auto;padding:18px 4px 12px;margin:16px 0;scrollbar-width:thin}.pm-track:before{content:"";position:absolute;left:40px;right:40px;top:50px;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,#c7d7fe 0 12px,transparent 12px 20px)}.pm-stop{position:relative;flex:0 0 132px;display:grid;justify-items:center;gap:6px;text-align:center;padding:0 6px 10px;border:0;background:none;font:inherit;color:#1e293b;cursor:pointer;text-decoration:none}.pm-stop b{font-size:13px;line-height:1.25}.pm-stop small{font-weight:800;color:#64748b;font-size:12px}.pm-node{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22c55e calc(var(--p) * 1%),#e2e8f0 0);transition:transform .15s}.pm-node>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:800;font-size:18px;color:#1e3a8a}.pm-stop:hover .pm-node,.pm-stop.is-open .pm-node{transform:scale(1.08)}.pm-stop.is-done .pm-node>span{background:#22c55e;color:#fff}.pm-stop.is-current .pm-node{box-shadow:0 0 0 6px #2f64f52e;animation:pm-pulse 2s infinite}.pm-stop.is-current .pm-node>span{color:#2f64f5}.pm-stop.is-locked{opacity:.55}.pm-stop.is-open b{color:#2553dc}.pm-stop.is-final .pm-node>span{font-size:24px}@keyframes pm-pulse{50%{box-shadow:0 0 0 11px #2f64f50f}}@media(prefers-reduced-motion:reduce){.pm-stop.is-current .pm-node{animation:none}}.pm-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pm-steps li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid #e6ebf3;flex-wrap:wrap}.pm-steps li.ok{border-color:#bbf7d0;background:#f0fdf4}.pm-steps .grow{flex:1;min-width:160px;display:grid;gap:2px}.pm-check{width:22px;height:22px;border-radius:50%;border:2px solid #cbd5e1;display:grid;place-items:center;flex-shrink:0}.pm-steps li.ok .pm-check{border-color:#22c55e;background:#22c55e;color:#fff}.pm-go{padding:6px 12px!important;font-size:13px}.stat-row:has(>.stat:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}.check-inline{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#334155;font-size:14px;white-space:nowrap}.check-inline input{width:auto!important}.grade-cell{min-width:170px}.grade-cell .status{margin-right:6px}.grade-score{color:#1e3a8a}.grade-btn{margin-top:6px;padding:5px 10px!important;font-size:12.5px;display:inline-flex;align-items:center;gap:4px}.grade-row td{background:#f8faff}.grade-form{display:grid;gap:10px;max-width:640px}.grade-form b{color:#1e3a8a}.grade-fields{display:grid;grid-template-columns:160px 220px;gap:12px}.grade-form label{display:grid;gap:6px;font-weight:700;font-size:13px;color:#334155}.ai-pill.is-teacher{background:#1e3a8a;color:#fff}.ai-teacher{border-width:2px}.ai-teacher small{display:block;margin-top:6px}.cert-qr{margin:14px auto 6px;display:grid;justify-items:center;gap:6px}.cert-qr img{border-radius:10px;border:1px solid #d7e4fb;background:#fff;padding:6px}.cert-qr figcaption{font-size:12px;font-weight:700;color:#64748b;max-width:240px}.cert-link{font-size:13px;word-break:break-all}.cert-actions{justify-content:center}@media print{.cert-actions,.cert-link{display:none}}.verify{display:grid;place-items:center;padding:48px 16px 64px}.verify-card{width:min(560px,100%);display:grid;justify-items:center;gap:10px;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:32px 24px;box-shadow:var(--shadow)}.verify-card h1{margin:0;color:var(--sky-800)}.verify-mark{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#7aa4f8,#2e66f0)}.verify-form{display:flex;gap:8px;width:100%;margin-top:6px}.verify-form input{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1px solid #d9e2f2;background:#f8fbff;color:var(--ink);font:inherit;font-weight:700}.verify-form button{border:0;border-radius:12px;padding:0 18px;background:#2e66f0;color:#fff;font:inherit;font-weight:800;cursor:pointer}.verify-result{width:100%;margin:8px 0 0;padding:14px 16px;border-radius:16px;font-weight:700;text-align:left}.verify-result.ok{background:#f0fdf4;border:1px solid #86efac;color:#14532d}.verify-result.ok>b{display:flex;align-items:center;gap:6px;color:#15803d;font-size:17px}.verify-result.bad{background:#fef3f2;border:1px solid #fecaca;color:#b42318;display:flex;align-items:center;gap:6px}.verify-result dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0}.verify-result dt{color:#4d7c5f}.verify-result dd{margin:0;font-weight:800}.verify-result small{color:#4d7c5f}.ok-text{color:#16a34a!important}.bad-text{color:#dc2626!important}.stat-small{font-size:15px!important;line-height:1.3}.code-block{margin:8px 0;padding:12px 14px;border-radius:12px;background:#0f172a;color:#e2e8f0;font-size:13px;overflow-x:auto;white-space:pre}.m3d{display:grid;gap:16px}.m3d-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.m3d-head h2{margin:0!important}.m3d-head select{padding:8px 10px;border-radius:10px;border:1px solid #dbe3f0;background:#fff;color:#1e293b;font:inherit;font-weight:700}.m3d-stage{position:relative}.m3d-canvas{width:100%;height:min(460px,62vh);border-radius:16px;overflow:hidden;touch-action:none;background:radial-gradient(circle at 50% 35%,#fff,#e8eeff);border:1px solid #e6ebf3}.m3d-canvas canvas{display:block;cursor:grab}.m3d-canvas canvas:active{cursor:grabbing}.m3d-views{position:absolute;left:10px;top:10px;display:flex;flex-wrap:wrap;gap:6px}.m3d-views button{border:1px solid #d9e2f2;background:#ffffffeb;color:#1e3a8a;border-radius:10px;padding:6px 10px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}.m3d-views button.active{background:#2553dc;border-color:#2553dc;color:#fff}.m3d-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:12px}.m3d-cut{min-width:220px;flex:1}.m3d-hint{font-size:13px;margin:8px 0 0}.m3d-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.m3d-option{position:relative;padding:6px;border-radius:14px;border:2px solid #e2e8f3;background:#fff;cursor:pointer}.m3d-option img{display:block;width:100%;height:auto;border-radius:8px}.m3d-option b{position:absolute;left:10px;top:10px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#eef3ff;color:#2553dc;font-size:13px}.m3d-option:not(:disabled):hover{border-color:#2f64f5}.m3d-option.is-right{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.m3d-option.is-right b{background:#22c55e;color:#fff}.m3d-option.is-wrong{border-color:#ef4444}.m3d-option.is-wrong b{background:#ef4444;color:#fff}.m3d-option:disabled{cursor:default}@media(max-width:860px){.lb-mine{grid-template-columns:1fr 1fr}.lb-breakdown{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-row:has(>.stat:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.m3d-options{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-fields{grid-template-columns:1fr 1fr}.podium-step{width:104px}.cab-top .prefs-lang{padding:0 4px 0 8px}}@media(max-width:560px){.cab-top .prefs{display:none}.verify-form{flex-direction:column}.verify-form button{padding:12px}}html[data-theme=dark]{color-scheme:dark;--sky-50: #0f1729;--sky-100: #16213a;--sky-200: #24324d;--sky-300: #3b5b9a;--sky-500: #6b9bff;--sky-600: #8fb3ff;--sky-800: #c7d7fe;--ink: #e2e8f0;--muted: #94a3b8;--line: #24324d;--paper: #121a2b;--shadow: 0 10px 28px rgba(0, 0, 0, .35)}html[data-theme=dark] body{background:#0b1220;color:#e2e8f0}html[data-theme=dark] a{color:#8fb3ff}html[data-theme=dark] :is(.panel,.card,.table-card,.person,.help-card,.lesson-link,.stat,.viewer,.quiz,.cert,.ai-result,.ai-fixes,.ai-mine>li,.bubble,.mat-row,.icon-mini,.btn-ghost,.cab-user,.cab-icon-btn,.cab-menu-btn,.cab-logout,.prefs-lang,.prefs-theme,.bell-pop,.podium-step,.ix-tabs,.ix-sheet,.ix-scorebar,.ix-search,.ix-options button,.m3d-option,.lesson,.video-card,.contact,.search-box,.drop,.menu-toggle,.login-card,.admin-side,.stat-grid a,.grid,.editor fieldset,.message-list article,.ix-card,.ix-task){background:#121a2b;border-color:#24324d;color:#e2e8f0}html[data-theme=dark] .cab-body button.lesson-link{background:#121a2b}html[data-theme=dark] :is(.cab,.cab-boot,.admin,.admin-boot,.login-page){background:#0b1220;color:#e2e8f0}html[data-theme=dark] :is(.cab-top,.topbar){background:#0b1220eb;border-color:#1e2a42}html[data-theme=dark] .cab-side{background:linear-gradient(180deg,#1a3585,#172f78 55%,#14286a)}html[data-theme=dark] .nav-badge:not(.ai){background:#c7d7fe;color:#14286a}html[data-theme=dark] :is(.cab-banner,.dash-banner,.note){background:linear-gradient(110deg,#121a2b,#16213a 60%,#1a2847);border-color:#24324d}html[data-theme=dark] .footer{background:linear-gradient(180deg,#0f1729,#0b1220)}html[data-theme=dark] :is(.page-title,.cab-body h1,.cab-hello strong,.panel h2,.card h2,.table-card h2,.cab-banner h1,.dash-banner h1,.task-card h3,.next-list li,.review h3,.cert h1,.cert h2,.stat b,.crumbs a,a.card span,.form-sub,.mat-row legend,fieldset.card legend,.ai-fixes h2,.ai-mine-title,.ai-mine-score,.ai-result header span,.ix-card h2,.ix-gloss dt,.ix-range b,.ix-scorebar b,.ix-view figcaption,.ix-grades b,.badge-card b,.bell-pop header b,.grade-form b,.grade-score,.admin-main h1,.login-card h1,.admin-brand,.ix-table code,.pill,.btn-ghost,.icon-mini,.m3d-views button,.verify-card h1){color:#c7d7fe}html[data-theme=dark] :is(.muted,.cab-hello span,.cab-user small,.crumbs,.stat span,.flow span:not(.flow-icon),.activity small,.upcoming em,.card-kicker,.dash-banner p,.cab-banner p,.task-card p,.next-card p,.ai-mine-name small,.review ul,table.data th,.empty-row,.lead,.login-card .eyebrow,.ix-tools h3,.ix-range,.badge-card small,.bell-item small,.pm-stop small,.podium-step small,.cert-qr figcaption,.tg-manual label,.ai-drop-empty small,.ai-file small){color:#94a3b8}html[data-theme=dark] :is(.ai-result p,.ai-result li,.activity b,.upcoming span,.material-text,.ix-card p,.ix-card li,.ix-card strong,.ix-task h2,.ix-task>p,.ix-gloss dd,.ix-check,.item-form label,.module-edit label,.mat-row label,.check-inline,.grade-form label,.ai-mine-row,.ai-corrected,.bell-item,.pm-stop,.podium-step b,.ix-tool-list button,.admin-side a,.admin-side button.ghost){color:#e2e8f0}html[data-theme=dark] :is(.filters input,.filters select,.chat-box input,.note-box,.cab-body input,.cab-body textarea,.cab-body select,.login-card input,.editor input,.editor textarea,.editor select,.contact input,.contact textarea,.search-box input,.cab-search,.verify-form input,.ix-tools select,.m3d-head select){background:#0f1729;border-color:#2c3b5a;color:#e2e8f0}html[data-theme=dark] .cab-search input{color:#e2e8f0}html[data-theme=dark] ::placeholder{color:#64748b}html[data-theme=dark] :is(table.data th,table.data td,.grid th,.grid td){border-color:#1e2a42}html[data-theme=dark] .grid th,html[data-theme=dark] table.data tbody tr:hover td{background:#16213a}html[data-theme=dark] :is(.mark,.flow-icon,.cab-avatar,.material-tag,.bell-ic,.ix-tag,.ix-options button b,.m3d-option b){background:#1d2c4d;color:#8fb3ff}html[data-theme=dark] :is(.flow a,.chat-log,.ai-drop,.material,.ai-corrected,.ix-note,.ix-figure,.ix-task header,.ix-tool-list button,.tabs,.status,.grade-row td,.badge-card){background:#0f1729;border-color:#24324d}html[data-theme=dark] .tabs button.active{background:#1d2c4d;color:#c7d7fe}html[data-theme=dark] :is(.lesson-link:hover,.flow a:hover,.note-row.unread,.bell-item:hover,.bell-item.unread,.lb-table tr.is-me td){background:#16213a;border-color:#3b5b9a}html[data-theme=dark] .cab-body .btn-ghost:hover{background:#16213a;border-color:#3b5b9a}html[data-theme=dark] :is(.bell-pop header,.bell-all){border-color:#1e2a42}html[data-theme=dark] .bell-count{box-shadow:0 0 0 2px #0b1220}html[data-theme=dark] .ring{background:conic-gradient(#22c55e calc(var(--p) * 1%),#1e2a42 0)}html[data-theme=dark] .ring span,html[data-theme=dark] .pm-node>span{background:#121a2b}html[data-theme=dark] .pm-node{background:conic-gradient(#22c55e calc(var(--p) * 1%),#24324d 0)}html[data-theme=dark] .pm-stop.is-done .pm-node>span{background:#16a34a}html[data-theme=dark] .pm-steps li{border-color:#24324d}html[data-theme=dark] .pm-steps li.ok{background:#0f2a1c;border-color:#166534}html[data-theme=dark] .pm-track:before{background:repeating-linear-gradient(90deg,#3b5b9a 0 12px,transparent 12px 20px)}html[data-theme=dark] .progress-cell,html[data-theme=dark] .ix-bar{background:#1e2a42}html[data-theme=dark] :is(.status.ok,.ai-pill.is-togri,.ix-feedback.is-right,.ix-level.is-easy){background:#0f2a1c;color:#4ade80}html[data-theme=dark] :is(.status.bad,.ai-pill.is-xato,.ix-feedback.is-wrong,.ix-level.is-hard){background:#2d1416;color:#f87171}html[data-theme=dark] :is(.status.wait,.ai-pill.is-kutilmoqda){background:#16213a;color:#8fb3ff}html[data-theme=dark] :is(.ai-pill.is-aniq_emas,.ix-level.is-medium){background:#2b2110;color:#fbbf24}html[data-theme=dark] .ai-result.is-togri{background:#0f2a1c;border-color:#166534}html[data-theme=dark] .ai-result.is-xato{background:#2d1416;border-color:#7f1d1d}html[data-theme=dark] .ai-result.is-aniq_emas{background:#2b2110;border-color:#78350f}html[data-theme=dark] .ai-result.is-kutilmoqda{background:#16213a;border-color:#3b5b9a}html[data-theme=dark] .ai-issue,html[data-theme=dark] .cab-body .form-error,html[data-theme=dark] .form-error{color:#f87171}html[data-theme=dark] .ai-fix{color:#4ade80}html[data-theme=dark] .cab-body .form-ok{background:#0f2a1c;border-color:#166534;color:#4ade80}html[data-theme=dark] .ix-options button.is-right{background:#0f2a1c;color:#bbf7d0}html[data-theme=dark] .ix-options button.is-wrong{background:#2d1416;color:#fecaca}html[data-theme=dark] .badge-card.earned{background:linear-gradient(180deg,#2b2110,#121a2b);border-color:#a16207}html[data-theme=dark] .verify-result.ok{background:#0f2a1c;border-color:#166534;color:#bbf7d0}html[data-theme=dark] .verify-result.ok>b{color:#4ade80}html[data-theme=dark] :is(.verify-result dt,.verify-result small){color:#86efac}html[data-theme=dark] .verify-result.bad{background:#2d1416;border-color:#7f1d1d;color:#fca5a5}html[data-theme=dark] :is(.ix-canvas,.ix-view svg,.ix-figure svg,.material-img){background:#f8fafc;border-radius:12px}html[data-theme=dark] .m3d-canvas{background:radial-gradient(circle at 50% 35%,#1a2847,#0b1220);border-color:#24324d}html[data-theme=dark] .m3d-views button{background:#121a2beb;border-color:#2c3b5a}html[data-theme=dark] .m3d-views button.active{background:#2553dc;color:#fff}html[data-theme=dark] .cab-body .btn-ghost.danger,html[data-theme=dark] .icon-mini.danger{color:#f87171}@media(max-width:1080px){html[data-theme=dark] .nav{background:#121a2b;border-color:#24324d}}.vg{margin-top:24px}.vg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.vg-head h2{margin:0;display:flex;align-items:center;gap:8px;color:#1e3a8a;font-size:22px}.vg-head h2 svg{color:#ef4444}.vg-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.vg-filters input{flex:1 1 220px;max-width:360px}.vg-filters .tabs small{opacity:.65;margin-left:2px}.vg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.vg-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6ebf3;border-radius:16px;overflow:hidden}.vg-card iframe,.vg-thumb{display:block;width:100%;aspect-ratio:16 / 9;border:0}.vg-thumb{position:relative;padding:0;background:#0f172a;cursor:pointer;overflow:hidden}.vg-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s,opacity .25s;opacity:.92}.vg-thumb:hover img{transform:scale(1.04);opacity:1}.vg-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#ef4444eb;color:#fff;box-shadow:0 8px 20px #0000004d}.vg-meta{padding:10px 12px 12px;display:grid;gap:3px}.vg-meta b{font-size:14px;line-height:1.35;color:#1e293b}.vg-meta small{color:#64748b;font-weight:700;font-size:12px}html[data-theme=dark] .vg-card{background:#121a2b;border-color:#24324d}html[data-theme=dark] .vg-meta b{color:#e2e8f0}html[data-theme=dark] .vg-meta small{color:#94a3b8}html[data-theme=dark] .vg-head h2{color:#c7d7fe}.upload-bar{display:block;flex:1 1 160px;height:8px;border-radius:99px;background:#e8eef8;overflow:hidden}.upload-bar i{display:block;height:100%;background:linear-gradient(90deg,#2f64f5,#22c55e);transition:width .2s}.mat-hint{flex-basis:100%;font-size:12px}html[data-theme=dark] .upload-bar{background:#1e2a42}.mat-videos{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.mat-videos .vg-meta b{font-size:13px}.vg-card video{display:block;width:100%;aspect-ratio:16 / 9;background:#0f172a}.material .video-frame{max-width:640px}