@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#f4f7fb;--surface:#fff;--ink:#0f172a;--muted:#64748b;--line:#e5e7eb;--navy:#07111f;--navy2:#0b1220;--accent:#f8d66d;--gold:#b99632;--teal:#16d6df;--teal-dark:#0f7a83;--mobile-nav-h:68px}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}body{overflow:hidden}button{cursor:pointer;font-family:inherit}.app-root{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-layout{flex:1;min-height:0;display:flex;overflow:hidden}.app-main{background:radial-gradient(circle at 95% 0%, #16d6df1f, transparent 30%), var(--bg);flex:1;min-width:0;padding:32px;overflow-y:auto}.mobile-bottom-nav{display:none!important}.page{max-width:1180px;margin:0 auto}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:50;background:#ffffffe6;flex-shrink:0;align-items:center;gap:16px;height:68px;padding:0 24px;display:flex}.topbar-title{flex:1}.topbar-title h1{letter-spacing:-.04em;margin:0;font-size:21px;font-weight:900}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#fff;border-radius:14px;place-items:center;display:grid}.profile-box{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.profile-avatar{background:linear-gradient(145deg, var(--navy), #0f2636);width:38px;height:38px;color:var(--accent);border-radius:14px;place-items:center;font-size:12px;font-weight:900;display:grid}.profile-box strong{font-size:14px;display:block}.profile-box span{color:var(--muted);margin-top:2px;font-size:12px;display:block}.app-sidebar-wrap{flex-shrink:0;width:292px;min-width:292px;height:100%;display:flex}.sidebar{color:#fff;background:radial-gradient(circle at 0 0,#16d6df38,#0000 28%),radial-gradient(circle at 95% 28%,#f8d66d14,#0000 24%),linear-gradient(#06101e 0%,#0b1220 48%,#060b15 100%);border-right:1px solid #ffffff14;flex-direction:column;width:100%;min-width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff0e,#0000 35%),radial-gradient(circle at 50% 100%,#16d6df14,#0000 38%);position:absolute;inset:0}.sidebar-brand{z-index:1;border-bottom:1px solid #ffffff14;align-items:center;gap:16px;min-height:104px;padding:0 22px;display:flex;position:relative}.sidebar-logo{color:#fff;background:linear-gradient(145deg,#16d6df57,#ffffff0f);border-radius:20px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 18px 46px #16d6df2e,inset 0 1px #ffffff26}.sidebar-brand strong{letter-spacing:-.07em;font-size:25px;font-weight:950;display:block}.sidebar-brand span{letter-spacing:.2em;color:#ffffff73;text-transform:uppercase;margin-top:7px;font-size:11px;font-weight:900;display:block}.sidebar-user{z-index:1;background:linear-gradient(145deg,#ffffff12,#ffffff06);border:1px solid #ffffff1a;border-radius:24px;margin:18px;padding:18px;position:relative}.sidebar-user small{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:950;display:block}.sidebar-nav{z-index:1;flex:1;padding:4px 18px 18px;position:relative;overflow-y:auto}.nav-item{color:#ffffff9e;background:#ffffff06;border:1px solid #0000;border-radius:20px;align-items:center;gap:15px;width:100%;min-height:56px;margin-bottom:10px;padding:0 17px;font-size:15px;font-weight:850;transition:all .2s;display:flex;position:relative}.nav-item svg{flex-shrink:0;width:22px;height:22px;transition:all .2s}.nav-item.active:before{content:"";background:var(--accent);border-radius:999px;width:5px;height:30px;position:absolute;left:-8px;box-shadow:0 0 18px #f8d66da6}.nav-item.active svg{color:var(--accent)}.sidebar-note{z-index:1;background:radial-gradient(circle at 82% 62%,#16d6df47,#0000 28%),linear-gradient(145deg,#ffffff13,#ffffff09);border:1px solid #16d6df2e;border-radius:26px;margin:0 18px 18px;padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.sidebar-note strong{z-index:1;font-size:18px;line-height:1.25;display:block;position:relative}.sidebar-note p{color:#ffffff94;z-index:1;margin-bottom:0;font-size:12px;line-height:1.6;position:relative}.hero{border:1px solid var(--line);background:#fff;border-radius:30px;grid-template-columns:1.25fr .75fr;align-items:center;gap:28px;padding:38px;display:grid;box-shadow:0 20px 55px #0f172a0f}.kicker{color:var(--teal-dark);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:950}.hero h1{letter-spacing:-.075em;margin:16px 0 0;font-size:clamp(2.4rem,4.5vw,4.2rem);font-weight:950;line-height:.96}.hero p{color:var(--muted);max-width:620px;margin:18px 0 0;font-size:17px;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.btn{border:0;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-weight:900;display:inline-flex}.btn-dark{background:linear-gradient(135deg, var(--navy), #102a3a);color:#fff;box-shadow:0 16px 35px #0f172a29}.btn-gold{color:#765600;background:#fff3c4}.teacher-card{color:#fff;background:radial-gradient(circle at 90% 18%,#16d6df38,#0000 30%),linear-gradient(145deg,#07111f,#111827);border-radius:26px;align-items:flex-end;min-height:230px;padding:28px;display:flex;overflow:hidden}.teacher-card h3{margin:0;font-size:25px;line-height:1.05}.teacher-card p{color:#ffffff94;margin:8px 0 0}.actions-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px;display:grid}.action-card{border:1px solid var(--line);background:#fff;border-radius:24px;min-height:180px;padding:24px;box-shadow:0 14px 34px #0f172a0d}.action-icon{width:48px;height:48px;color:var(--teal-dark);background:#ecfeff;border-radius:17px;place-items:center;margin-bottom:16px;display:grid}.action-card h3{margin:0 0 8px;font-size:18px}.action-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.action-card button{color:var(--teal-dark);background:0 0;border:0;align-items:center;gap:6px;margin-top:18px;font-weight:900;display:inline-flex}.content-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:24px;box-shadow:0 14px 34px #0f172a0d}.panel h2{letter-spacing:-.04em;margin:0 0 18px;font-size:21px}.row{border-bottom:1px solid #eef0f3;padding:14px 0}.row:last-child{border-bottom:0}.row strong{font-size:15px;display:block}.row span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.empty{text-align:center;min-height:230px;color:var(--muted);place-items:center;display:grid}.empty h3{color:var(--ink);margin:12px 0 6px}.empty p{margin:0;line-height:1.6}.search-box{border:1px solid var(--line);min-width:240px;height:46px;color:var(--muted);background:#fff;border-radius:14px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{color:var(--muted);background:0 0;border:0;outline:0;flex:1;font-size:14px}.user-row{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.user-avatar{width:44px;height:44px;color:var(--teal-dark);background:#ecfeff;border-radius:16px;place-items:center;font-weight:900;display:grid}.user-row strong{font-size:14px;display:block}.user-row span{color:var(--muted);text-transform:capitalize;font-size:12px;display:block}.pill{background:#eef2ff;border-radius:999px;padding:6px 10px;font-weight:800;color:#3730a3!important;font-size:11px!important}.lesson-folder-list{gap:16px;display:grid}.lesson-folder-card{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px #0f172a0a}.lesson-folder-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 98% 0,#16d6df2e,#0000 28%),linear-gradient(135deg,#f8fafc,#f0fdfa);justify-content:space-between;gap:16px;padding:16px;display:flex}.lesson-folder-title{gap:12px;min-width:0;display:flex}.lesson-folder-title strong{color:var(--ink);letter-spacing:-.03em;font-size:18px;display:block}.lesson-folder-title span,.lesson-folder-title p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5;display:block}.lesson-folder-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.lesson-folder-content{gap:10px;padding:14px;display:grid}.lesson-empty-line{border:1px dashed var(--line);color:var(--muted);background:#f8fafc;border-radius:14px;padding:16px;font-size:13px;font-weight:700}.student-payment-row,.leaderboard-row{flex-wrap:wrap;align-items:flex-start}.student-payment-info{flex:260px;min-width:220px}.student-payment-actions{flex:420px;gap:10px;min-width:280px;display:grid}.student-payment-online-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.student-payment-pay{padding:10px 13px}.payment-divider-text{color:var(--muted);font-size:12px;font-weight:800}.payment-method-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.payment-method-card{white-space:normal;justify-content:flex-start;min-height:44px;padding:10px 12px}.payment-proof-box{border:1px solid var(--line);background:#f8fafc;border-radius:12px;gap:10px;padding:12px;display:grid}.payment-proof-upload{cursor:pointer;width:fit-content;padding:10px 13px}.podium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.podium-card{min-height:170px}.leaderboard-rank{width:44px;font-size:18px!important}.leaderboard-student-info{flex:220px;min-width:180px}.leaderboard-score{flex-wrap:wrap;gap:8px;display:flex}.mobile-bottom-nav,.chemiq-bottomnav{display:none!important}.loading-screen{background:var(--bg);place-items:center;min-height:100vh;display:grid}.loading-mark{background:var(--navy);width:64px;height:64px;color:var(--accent);border-radius:20px;place-items:center;margin:0 auto 14px;font-size:30px;display:grid}.auth-box{background:#fff;border-radius:22px;max-width:420px;padding:28px;box-shadow:0 18px 45px #0f172a14}@media (width<=900px){html,body,#root{min-height:100%;height:auto!important;overflow-x:hidden!important}body{overflow-y:auto!important}.app-root{height:auto!important;min-height:100vh!important;overflow:visible!important}.app-layout{display:block!important;overflow:visible!important}.app-main{width:100%!important;padding:16px 12px calc(var(--mobile-nav-h) + 24px)!important;overflow:visible!important}.mobile-bottom-nav{display:flex!important}.app-sidebar-wrap{z-index:10001!important;border-radius:0 30px 30px 0!important;width:86vw!important;min-width:0!important;max-width:360px!important;height:100vh!important;transition:left .24s!important;position:fixed!important;top:0!important;left:-92vw!important;overflow:hidden!important;box-shadow:24px 0 70px #0f172a61!important}.mobile-sidebar-open .app-sidebar-wrap{left:0!important}.page{width:100%!important;max-width:100%!important}.hero,.actions-grid,.content-grid,.grid-cols-2,.grid-cols-4{grid-template-columns:1fr!important}.hero{border-radius:24px!important;gap:20px!important;padding:24px!important}.hero h1{font-size:clamp(2rem,12vw,3.25rem)!important}.panel,.action-card,.card{border-radius:22px!important;padding:18px!important}.user-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.student-payment-row,.leaderboard-row{grid-template-columns:auto minmax(0,1fr);align-items:start!important;gap:12px!important;display:grid!important}.student-payment-row>.student-payment-icon,.leaderboard-row>.leaderboard-rank{grid-column:1}.student-payment-info,.leaderboard-student-info{grid-column:2;min-width:0!important}.student-payment-row>span,.student-payment-actions,.leaderboard-score{grid-column:1/-1;width:100%;min-width:0!important}.student-payment-pay,.payment-proof-upload{justify-content:center!important;width:100%!important}.payment-method-grid{grid-template-columns:1fr!important}.payment-method-card{min-height:52px;justify-content:center!important;width:100%!important}.podium-grid{grid-template-columns:1fr!important}.podium-card{min-height:0!important}.lesson-folder-header{display:grid!important}.lesson-folder-actions{justify-content:stretch!important}.leaderboard-score{gap:8px;display:flex}.user-row input,.user-row select,.user-row textarea,input,select,textarea{width:100%!important;min-width:0!important;max-width:100%!important}.btn{justify-content:center!important;width:100%!important}.topbar{z-index:9998!important;height:64px!important;padding:0 12px!important;position:sticky!important;top:0!important}.topbar-title h1{font-size:18px!important}.topbar-title p,.profile-box,.profile-pill{display:none!important}.sidebar-brand{min-height:100px!important}.nav-item{min-height:56px!important;font-size:16px!important}.sidebar-note{margin-top:auto!important;margin-bottom:18px!important}}.chem-avatar{background:radial-gradient(circle at 30% 20%,#ffffffb3,#0000 28%),linear-gradient(145deg,#ecfeff,#dbeafe);border-radius:18px;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffb3,0 14px 30px #0f172a1f}.app-sidebar-wrap{width:292px!important;min-width:292px!important}.sidebar{color:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden;background:radial-gradient(circle at 0 0,#16d6df42,#0000 30%),radial-gradient(circle at 100% 35%,#f8d66d21,#0000 26%),linear-gradient(#06101e 0%,#0b1220 50%,#060b15 100%)!important;width:100%!important;min-width:100%!important}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:16px;min-height:108px;padding:0 22px;display:flex}.sidebar-logo{color:#f8d66d;background:linear-gradient(145deg,#16d6df73,#ffffff12);border-radius:22px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 20px 50px #16d6df38}.sidebar-brand strong{letter-spacing:-.07em;font-size:26px;font-weight:950}.sidebar-brand span{letter-spacing:.2em;text-transform:uppercase;color:#ffffff73;margin-top:7px;font-size:11px;font-weight:900;display:block}.sidebar-user{background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #ffffff1a;border-radius:26px;align-items:center;gap:14px;margin:18px;padding:16px;display:flex}.sidebar-user small{color:#16d6df;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:950;display:block}.sidebar-user p{color:#ffffffe6;margin:5px 0 0;font-size:14px;font-weight:850}.sidebar-nav{flex:1;padding:4px 18px 18px;overflow-y:auto}.nav-item{color:#ffffff9e;background:#ffffff06;border:1px solid #0000;border-radius:22px;align-items:center;gap:14px;width:100%;min-height:58px;margin-bottom:10px;padding:0 15px;font-size:15px;font-weight:850;transition:all .2s;display:flex}.nav-icon{background:#ffffff0e;border-radius:15px;place-items:center;width:38px;height:38px;display:grid}.nav-item:hover{color:#fff;background:#ffffff14;transform:translate(5px)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#0f7a83fa,#092f44e0);border-color:#16d6df47;box-shadow:0 18px 45px #16d6df2e}.nav-item.active .nav-icon{color:#f8d66d;background:#f8d66d2e}.sidebar-note{background:radial-gradient(circle at 90% 20%,#16d6df40,#0000 30%),linear-gradient(145deg,#ffffff14,#ffffff09);border:1px solid #16d6df2e;border-radius:26px;margin:0 18px 18px;padding:20px}.sidebar-note strong{font-size:18px;display:block}.sidebar-note p{color:#ffffff94;font-size:12px;line-height:1.6}@media (width<=900px){.app-sidebar-wrap{border-radius:0 32px 32px 0;overflow:hidden;z-index:10001!important;width:86vw!important;min-width:0!important;max-width:360px!important;height:100vh!important;transition:left .25s!important;position:fixed!important;top:0!important;left:-92vw!important}.mobile-sidebar-open .app-sidebar-wrap{left:0!important}.sidebar-note{margin-top:auto}}.notif-panel{background:var(--surface);z-index:98;width:300px;box-shadow:var(--shadow-xl);border:1px solid var(--border);border-radius:18px;padding:16px;position:absolute;top:48px;right:0}@media (width<=767px){.notif-panel{z-index:10050!important;border-radius:22px!important;width:auto!important;max-width:none!important;position:fixed!important;top:72px!important;left:12px!important;right:12px!important}}:root{--topbar-h:64px;--border:#dde3ea;--border-subtle:#edf1f5;--shadow-xl:0 18px 50px #0f172a24;--r-sm:8px;--r-md:10px;--r-xl:14px;--slate-900:#0f172a;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--red-50:#fef2f2;--red-600:#dc2626;--teal-600:#0f7a83;--teal-500:#14b8c2;--teal-400:#2dd4df}.app-main{background:#f5f7fa;padding:24px}.page{max-width:1240px}.hero,.console-header{box-shadow:none;border:1px solid var(--border);background:#fff;border-radius:12px;padding:24px}.hero h1,.console-header h1{letter-spacing:0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05}.hero p,.console-header p{font-size:15px;line-height:1.6}.teacher-card{background:linear-gradient(135deg,#0f172a,#164e63);border-radius:12px;min-height:170px}.actions-grid,.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.action-card,.metric-card,.panel{box-shadow:none;border:1px solid var(--border);border-radius:10px}.action-card{min-height:140px;padding:18px}.action-icon,.metric-icon,.user-avatar{border-radius:8px}.content-grid,.console-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;display:grid}.console-header{grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:18px;display:grid}.console-header h1{margin:10px 0 0}.console-status{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:16px}.console-status strong{margin-top:10px;display:block}.console-status p{color:var(--muted);margin:6px 0 0;font-size:13px}.status-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.status-dot.good{background:#16a34a}.status-dot.warning{background:#f59e0b}.metric-grid{margin-top:14px;display:grid}.metric-card{background:#fff;min-height:116px;padding:16px}.metric-icon{width:36px;height:36px;color:var(--teal-dark);background:#ecfeff;place-items:center;margin-bottom:12px;display:grid}.metric-card span{color:var(--muted);font-size:12px;font-weight:800;display:block}.metric-card strong{color:var(--ink);margin-top:6px;font-size:24px;display:block}.check-row{border-bottom:1px solid var(--border-subtle);color:#92400e;align-items:center;gap:10px;padding:12px 0;font-weight:750;display:flex}.check-row.good{color:#15803d}.check-row:last-child{border-bottom:0}.ops-list{gap:10px;display:grid}.ops-button{border:1px solid var(--border);min-height:46px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-weight:850;display:flex}.ops-button:hover{border-color:var(--teal-dark);background:#f0fdff}.system-alert{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:14px 0 0;padding:12px 14px;font-weight:750}.system-alert.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.automation-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.automation-metric{border:1px solid var(--border);background:#fff;border-radius:10px;align-content:space-between;min-height:112px;padding:16px;display:grid}.automation-metric div{border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.automation-metric span{color:var(--muted);font-size:12px;font-weight:850}.automation-metric strong{color:var(--ink);font-size:25px;display:block}.automation-pending div{color:#92400e;background:#fffbeb}.automation-processing div{color:#1d4ed8;background:#eff6ff}.automation-sent div{color:#15803d;background:#f0fdf4}.automation-failed div{color:#b91c1c;background:#fef2f2}.automation-console-grid{margin-top:14px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.panel-heading h2{margin:0}.panel-heading p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.automation-status-row{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:10px;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.automation-status-row strong,.automation-status-row p{margin:0;display:block}.automation-status-row p{color:var(--muted);margin-top:3px;font-size:12px}.automation-test-form{gap:12px;display:grid}.automation-test-form label{color:var(--muted);gap:7px;font-size:12px;font-weight:850;display:grid}.automation-test-form small{color:var(--muted);font-size:11px;font-weight:750;line-height:1.45}.automation-test-form input,.automation-test-form textarea{border:1px solid var(--border);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:8px;outline:0;padding:12px;font-weight:650}.automation-test-form textarea{resize:vertical;min-height:116px;line-height:1.5}.automation-test-form input:focus,.automation-test-form textarea:focus{border-color:var(--teal-dark);box-shadow:0 0 0 3px #16d6df1f}.automation-preview{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:8px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.automation-preview span{color:var(--muted);font-size:12px;font-weight:850}.automation-preview strong{word-break:break-all;font-size:13px}.automation-history{margin-top:14px}.automation-message-list{gap:10px;display:grid}.automation-message{border:1px solid var(--border);background:#fff;border-left-width:4px;border-radius:10px;grid-template-columns:44px minmax(0,1fr) minmax(126px,auto);align-items:flex-start;gap:12px;padding:14px;display:grid}.automation-message.status-sent{border-left-color:#22c55e}.automation-message.status-pending{border-left-color:#f59e0b}.automation-message.status-processing{border-left-color:#3b82f6}.automation-message.status-failed{border-left-color:#ef4444}.automation-message-main{min-width:0}.automation-message-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.automation-message-title strong{font-size:14px;display:block}.automation-message-main>span,.automation-message-meta span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.automation-message-main p{color:var(--muted);white-space:pre-line;margin:8px 0 0;line-height:1.5}.automation-message-main em{color:#b91c1c;margin-top:8px;font-size:12px;font-style:normal;font-weight:750;display:block}.automation-message-meta{text-align:right}.automation-message-meta strong{font-size:12px;display:block}.status-pill{border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.status-pill.status-pending{color:#92400e;background:#fffbeb}.status-pill.status-processing{color:#1d4ed8;background:#eff6ff}.status-pill.status-sent{color:#15803d;background:#f0fdf4}.status-pill.status-failed{color:#b91c1c;background:#fef2f2}.btn{border-radius:8px}.user-row{border-radius:10px}.sidebar{background:#0f172a}.sidebar-logo,.sidebar-note,.sidebar-user,.nav-item{border-radius:10px}.nav-item{min-height:46px;margin-bottom:6px}.nav-item:hover{transform:none}@media (width<=980px){.actions-grid,.metric-grid,.automation-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.console-grid,.console-header,.hero{grid-template-columns:1fr}}@media (width<=620px){.app-main{padding:16px}.actions-grid,.metric-grid,.automation-strip,.automation-message{grid-template-columns:1fr}.automation-message-meta{text-align:left}}img,video,canvas,svg{max-width:100%}input,select,textarea,button,.page,.panel,.hero,.console-header,.content-grid,.console-grid,.actions-grid,.metric-grid,.automation-strip,.user-row,.lesson-folder-card,.automation-message,.search-box{min-width:0}@media (width<=760px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden!important}.login-page{background:#f6f7f9!important;grid-template-columns:minmax(0,1fr)!important;min-height:100dvh!important}.login-brand-panel{border-radius:0 0 24px 24px!important;justify-content:flex-start!important;gap:18px!important;min-height:auto!important;padding:22px 18px 18px!important}.login-brand-top{gap:10px!important}.login-brand-icon{border-radius:10px!important;width:38px!important;height:38px!important}.login-hero-content{max-width:none!important}.login-photo-wrap{border-radius:18px!important;width:min(42vw,132px)!important;height:min(54vw,168px)!important;margin:10px 0 16px!important;box-shadow:0 18px 42px #00000047!important}.login-hero-title{letter-spacing:-.04em!important;margin-top:10px!important;font-size:clamp(2rem,11vw,3rem)!important;line-height:.98!important}.login-hero-text{max-width:none!important;margin-top:12px!important;font-size:14px!important;line-height:1.55!important}.login-chips{gap:8px!important;margin-top:16px!important}.login-chips span{padding:7px 10px!important;font-size:11px!important}.login-panel{justify-content:flex-start!important;min-height:auto!important;padding:18px 12px 24px!important}.login-card{border-radius:18px!important;max-width:none!important;padding:20px!important;box-shadow:0 14px 34px #0f172a14!important}.login-secure-badge{white-space:normal!important;margin-bottom:16px!important}.login-title{letter-spacing:-.04em!important;font-size:34px!important}.login-submit{height:50px!important}.login-footer{margin-top:14px!important}.app-main{width:100%!important;max-width:100%!important;padding:12px 10px calc(var(--mobile-nav-h) + 20px + env(safe-area-inset-bottom,0px))!important}.page{width:100%!important;max-width:100%!important}.hero,.console-header,.content-grid,.console-grid,.actions-grid,.metric-grid,.automation-strip,.podium-grid{grid-template-columns:minmax(0,1fr)!important}.hero,.console-header{border-radius:12px!important;gap:14px!important;padding:16px!important}.hero h1,.console-header h1{overflow-wrap:anywhere;font-size:clamp(1.8rem,9vw,2.6rem)!important;line-height:1.05!important}.hero p,.console-header p,.panel p{overflow-wrap:anywhere}.teacher-card{min-height:140px!important;padding:18px!important}.panel,.action-card,.metric-card{overflow:hidden;border-radius:10px!important;width:100%!important;max-width:100%!important;padding:16px!important}.panel-heading,.lesson-folder-header,.automation-status-row,.automation-preview{grid-template-columns:minmax(0,1fr)!important;align-items:start!important;display:grid!important}.lesson-folder-title,.lesson-folder-actions{min-width:0!important}.lesson-folder-actions{justify-content:stretch!important}.user-row{flex-direction:column!important;align-items:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important}.user-row>*,.panel>*,.hero>*,.action-card>*,.metric-card>*{min-width:0!important;max-width:100%!important}.search-box{width:100%!important;min-width:0!important;max-width:none!important}.btn,.ops-button,.payment-method-card,.student-payment-pay,.payment-proof-upload{text-align:center!important;white-space:normal!important;justify-content:center!important;width:100%!important}input,select,textarea,form,label{width:100%!important;max-width:100%!important}[style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important}[style*=min-width]{min-width:0!important}[style*="display: flex"]{min-width:0!important;max-width:100%!important}.page [style*="display: flex"][style*=gap]{flex-wrap:wrap!important}.topbar [style*="display: flex"],.mobile-bottom-nav [style*="display: flex"],button[style*="display: flex"]{flex-wrap:nowrap!important}[style*="flex: 1"],[style*="flex: 2"]{min-width:0!important;max-width:100%!important}[style*=grid-template-columns]>*,[style*="display: flex"]>*{min-width:0!important}input[style*=width],select[style*=width],textarea[style*=width]{width:100%!important}table{white-space:nowrap;width:100%;max-width:100%;display:block;overflow-x:auto}.automation-message{grid-template-columns:minmax(0,1fr)!important}.automation-message-meta{text-align:left!important}.topbar{padding-inline:10px!important}}@media (width<=390px){.app-main{padding-inline:8px!important}.panel,.action-card,.metric-card,.hero,.console-header,.login-card{padding:14px!important}.mobile-bottom-nav span{font-size:.58rem!important}}