.theme-toggle{cursor:pointer;border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-text);background:var(--color-surface-secondary);border-radius:50%;place-items:center;transition:transform .2s,background-color .2s;display:grid}.theme-toggle:hover{background:var(--color-primary-soft);transform:translateY(-2px)}.navbar{z-index:10;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.navbar__content{width:min(calc(100% - 40px), var(--page-width));justify-content:space-between;align-items:center;gap:32px;min-height:72px;margin:0 auto;display:flex}.navbar__brand{align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:flex}.navbar__logo{color:#fff;background:linear-gradient(145deg,#805cff,#5230d3);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.navbar__links{align-self:stretch;gap:32px;display:flex}.navbar__link{color:var(--color-text-secondary);align-items:center;font-size:.92rem;font-weight:600;display:flex;position:relative}.navbar__link:hover,.navbar__link--active{color:var(--color-primary)}.navbar__link--active:after{background:var(--color-primary);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.navbar__actions{align-items:center;gap:10px;display:flex}.login-button{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-secondary);color:var(--color-text);justify-content:center;align-items:center;padding:10px 18px;font-weight:600;transition:background-color .2s,transform .2s,color .2s;display:flex}.login-button:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}@media (width<=680px){.navbar__content{width:min(calc(100% - 24px), var(--page-width))}.navbar__links{display:none}}.main-layout{min-height:100vh}.main-layout__content{width:min(calc(100% - 40px), var(--page-width));margin:0 auto;padding:48px 0 72px}@media (width<=680px){.main-layout__content{width:min(calc(100% - 24px), var(--page-width));padding-top:28px}}.axiom-page{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);min-height:620px;box-shadow:var(--shadow-card);align-content:center;place-items:center;gap:18px;padding:50px;display:grid}.axiom-page h1{margin:8px 0 0;font-size:clamp(2rem,4vw,3rem)}.axiom-page p{color:var(--color-text-secondary);margin:0;line-height:1.8}.axiom-page button{cursor:pointer;border-radius:var(--radius-small);color:#fff;background:var(--color-primary);margin-top:8px;padding:13px 25px;font-weight:700}.rocket-illustration{background:radial-gradient(circle at 30% 25%,#8061ef,#0000 32%),linear-gradient(145deg,#302080,#6d47df);border-radius:50%;place-items:center;width:230px;height:230px;display:grid;box-shadow:0 24px 45px #5630c33d}.rocket{background:#fff;border:6px solid #e9e3ff;border-radius:50% 50% 35% 35%;width:76px;height:125px;position:relative}.rocket:before,.rocket:after{content:"";background:#a88df4;width:32px;height:50px;position:absolute;bottom:10px}.rocket:before{border-radius:25px 0 0 10px;left:-27px;transform:skewY(-25deg)}.rocket:after{border-radius:0 25px 10px 0;right:-27px;transform:skewY(25deg)}.rocket__window{border:6px solid var(--color-primary);background:#cfc3ff;border-radius:50%;width:28px;height:28px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.rocket__flame{background:linear-gradient(#ffdc73,#ff7d4d);border-radius:50% 50% 70% 70%;width:25px;height:50px;position:absolute;bottom:-42px;left:50%;transform:translate(-50%)}.grades-page{gap:26px;display:grid}.grades-heading h1{margin:0 0 8px;font-size:2rem}.grades-heading p{color:var(--color-text-secondary);margin:0}.grade-card{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-card);overflow:hidden}.grade-card__header{border-bottom:1px solid var(--color-border);padding:24px 28px}.grade-card__header span,.grade-card__current span{color:var(--color-text-secondary);font-size:.8rem}.grade-card__header h2{margin:6px 0 0;font-size:1.2rem}.grade-card__current{text-align:center;place-items:center;gap:10px;padding:48px 28px;display:grid}.grade-card__current strong{color:var(--color-primary);font-size:3.5rem;line-height:1}@media (width<=480px){.grade-card__header{padding:20px 22px}.grade-card__current{padding:40px 22px}.grade-card__current strong{font-size:3rem}}.home-page{gap:26px;display:grid}.hero{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);min-height:320px;box-shadow:var(--shadow-card);grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:42px 50px;display:grid;overflow:hidden}.hero__eyebrow{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.83rem;font-weight:750}.hero__title{max-width:500px;margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.hero__title span{color:var(--color-primary)}.hero__description{color:var(--color-text-secondary);margin:18px 0 28px;font-size:1.08rem}.primary-button{cursor:pointer;border-radius:var(--radius-small);color:#fff;background:var(--color-primary);padding:13px 22px;font-weight:700;transition:transform .2s,background-color .2s;box-shadow:0 10px 24px #7047eb3d}.primary-button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.hero__illustration{background:radial-gradient(circle at 75% 25%, #7047eb2e, transparent 25%), var(--color-primary-soft);border-radius:48% 52% 42% 58%/55% 42% 58% 45%;min-height:240px;position:relative}.illustration-chart{border:5px solid var(--color-surface);background:linear-gradient(145deg,#fff,#e9e2ff);border-radius:16px;justify-content:center;align-items:flex-end;gap:10px;width:138px;height:104px;padding:22px;display:flex;position:absolute;top:42px;left:50%;transform:translate(-50%);box-shadow:0 18px 30px #452b922e}.illustration-chart span{background:var(--color-primary);border-radius:5px 5px 2px 2px;width:15px}.illustration-chart span:first-child{height:25px}.illustration-chart span:nth-child(2){height:42px}.illustration-chart span:nth-child(3){height:58px}.illustration-chart span:nth-child(4){height:73px}.illustration-books{width:115px;position:absolute;bottom:43px;left:65px}.illustration-books div{background:#7654dc;border-radius:6px;height:24px;margin-top:-4px;transform:skew(-8deg);box-shadow:0 5px 10px #2c1b6029}.illustration-books div:nth-child(2){background:#967bf0;width:92%;margin-left:9px}.illustration-books div:nth-child(3){background:#b6a5f8;width:82%;margin-left:17px}.illustration-plant{width:72px;height:98px;position:absolute;bottom:45px;right:62px}.illustration-plant span{background:#7859d7;border-radius:100% 0;width:28px;height:52px;position:absolute;bottom:28px}.illustration-plant span:first-child{left:9px;transform:rotate(-24deg)}.illustration-plant span:nth-child(2){right:7px;transform:scaleX(-1)rotate(-24deg)}.illustration-plant i{background:#aa94f3;border-radius:5px 5px 14px 14px;height:34px;position:absolute;bottom:0;left:13px;right:13px}.dashboard-grid{grid-template-columns:1fr;gap:26px;display:grid}.dashboard-card{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-card);padding:28px}.card-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-heading h2{margin:0;font-size:1rem}.quick-links{display:grid}.quick-link{cursor:pointer;border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:left;background:0 0;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.quick-link:last-child{border-bottom:0}.quick-link:hover{color:var(--color-primary)}.quick-link__icon{width:32px;height:32px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:9px;place-items:center;display:grid}.quick-link__arrow{color:var(--color-text-secondary);font-size:1.4rem}@media (width<=800px){.hero{grid-template-columns:1fr;padding:32px}.hero__illustration{min-height:230px}.dashboard-grid{grid-template-columns:1fr}}@media (width<=480px){.hero{padding:26px 22px}.hero__illustration{display:none}.dashboard-card{padding:22px}}.login-page{place-items:center;min-height:calc(100vh - 170px);padding:32px 20px;display:grid}.login-card{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);width:min(100%,920px);box-shadow:var(--shadow-card);text-align:center;padding:42px}.login-logo{color:#fff;background:var(--color-primary);border-radius:14px;place-items:center;width:52px;height:52px;margin:0 auto 20px;font-size:1.3rem;font-weight:800;display:grid}.login-card h1{margin:0 0 8px;font-size:2rem}.login-card>p{color:var(--color-text-secondary);margin:0}.login-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px;display:grid}.login-panel{border:1px solid var(--color-border);background:var(--color-surface-secondary);text-align:left;border-radius:18px;flex-direction:column;min-width:0;padding:28px;display:flex}.login-panel h2{margin:0 0 8px;font-size:1.5rem}.login-panel>p{min-height:48px;color:var(--color-text-secondary);margin:0 0 24px;line-height:1.45}.login-form{gap:18px;width:100%;display:grid}.login-form label{color:var(--color-text);gap:8px;font-size:.9rem;font-weight:600;display:grid}.login-form input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-small);width:100%;min-width:0;color:var(--color-text);background:var(--color-surface);font:inherit;outline:none;padding:13px 14px}.login-form input:focus{border-color:var(--color-primary)}.login-form button{cursor:pointer;border-radius:var(--radius-small);color:#fff;background:var(--color-primary);width:100%;font:inherit;white-space:nowrap;border:none;margin-top:4px;padding:13px 16px;font-weight:700}.login-form button:hover{background:var(--color-primary-dark)}.login-message{font-size:.88rem;color:var(--color-primary)!important;margin-top:18px!important}.teacher-panel{order:1}.student-panel{order:2}@media (width<=760px){.login-page{padding:24px 16px}.login-card{width:min(100%,520px);padding:28px 20px}.login-options{grid-template-columns:1fr;gap:20px}.student-panel{order:1}.teacher-panel{order:2}.login-panel{padding:22px}.login-panel>p{min-height:auto}}.teacher-page{gap:26px;display:grid}.teacher-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.teacher-header h1{margin:0 0 8px;font-size:2rem}.teacher-header p{color:var(--color-text-secondary);margin:0}.create-student-button{cursor:pointer;border-radius:var(--radius-small);color:#fff;background:var(--color-primary);padding:12px 18px;font-weight:700}.create-student-button:hover{background:var(--color-primary-dark)}.students-card{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-card);padding:28px}.students-card h2{margin:0 0 24px}.empty-students{text-align:center;align-content:center;place-items:center;gap:6px;min-height:220px;display:grid}.empty-students p{margin:0;font-weight:700}.empty-students span{color:var(--color-text-secondary)}.create-student-card{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-card);padding:28px}.create-student-card__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.create-student-card__header h2{margin:0}.close-button{cursor:pointer;color:var(--color-text-secondary);background:0 0;font-size:1.5rem}.create-student-form{gap:18px;display:grid}.create-student-form label{gap:7px;font-size:.9rem;font-weight:600;display:grid}.create-student-form input{border:1px solid var(--color-border);border-radius:var(--radius-small);color:var(--color-text);background:var(--color-surface-secondary);padding:12px 14px}.create-student-form input:focus{border-color:var(--color-primary);outline:none}.create-student-form button[type=submit]{cursor:pointer;border-radius:var(--radius-small);color:#fff;background:var(--color-primary);justify-self:start;padding:12px 18px;font-weight:700}.copy-student-button{cursor:pointer;border-radius:var(--radius-small);color:#fff;background:var(--color-primary);margin-top:8px;padding:10px 16px;font-weight:700}.student-list{gap:12px;margin-top:20px;display:grid}.student-row{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:minmax(140px,1.2fr) minmax(180px,1fr) 140px 100px auto;align-items:center;gap:20px;padding:16px;display:grid}.add-grade-button{cursor:pointer;color:#fff;background:#7547e8;border:none;border-radius:10px;padding:9px 14px;font-weight:700}.add-grade-button:hover{opacity:.9}.grade-form{background:#111927;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:1fr 180px auto;align-items:end;gap:16px;margin-top:24px;padding:20px;display:grid}.grade-form label{gap:8px;font-weight:600;display:grid}.grade-form input{color:#fff;width:100%;font:inherit;background:#0b1220;border:1px solid #ffffff1f;border-radius:10px;padding:10px 12px}.save-grade-button{cursor:pointer;color:#fff;background:#7547e8;border:none;border-radius:10px;padding:11px 16px;font-weight:700}.save-grade-button:hover{opacity:.9}.grade-form-actions{align-items:center;gap:12px;display:flex}.cancel-grade-button{cursor:pointer;color:#fff;background:0 0;border:1px solid #ffffff26;border-radius:10px;padding:11px 16px;font-weight:700}.cancel-grade-button:hover{background:#ffffff0d}.inline-grade-editor{align-items:center;gap:10px;display:flex}.inline-grade-editor input{color:#fff;width:90px;font:inherit;background:#0b1220;border:1px solid #ffffff1f;border-radius:10px;padding:9px 10px}.student-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.delete-student-button{color:#fff;cursor:pointer;background:#df2020;border:none;border-radius:8px;padding:.6rem 1rem}.delete-student-button:hover{background:#a11717}@media (width<=900px){.student-row{grid-template-columns:1fr 1fr}.student-actions{justify-content:flex-start}}:root{--color-primary:#7047eb;--color-primary-dark:#5832d6;--color-primary-soft:#f0ebff;--color-background:#f6f7fb;--color-surface:#fff;--color-surface-secondary:#fafaff;--color-text:#151525;--color-text-secondary:#696979;--color-border:#e7e7ef;--shadow-card:0 12px 35px #1f1c3a14;--radius-small:10px;--radius-medium:16px;--radius-large:22px;--page-width:1180px}[data-theme=dark]{--color-background:#080d17;--color-surface:#101722;--color-surface-secondary:#141c29;--color-text:#f5f5fa;--color-text-secondary:#a9afbd;--color-border:#252e3d;--color-primary-soft:#7047eb29;--shadow-card:0 12px 35px #0000003d}*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-background);margin:0;transition:color .25s,background-color .25s}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}#root{min-height:100vh}