@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_2f2b70c1-module__3MKMjq__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_2f2b70c1-module__3MKMjq__variable{--font-plus-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--bg-paper:#f9f9f7;--bg-white:#fff;--bg-shade:#f0f0ec;--text-ink:#111;--text-pencil:#555;--text-dim:#888;--border-ink:#111;--border-light:#1111111f;--accent-student:#7c5cbf;--accent-student-dim:#f3f0fa;--accent-teacher:#10b981;--accent-teacher-dim:#ecfdf5;--color-bg:var(--bg-paper);--color-surface:var(--bg-white);--color-surface-2:var(--bg-shade);--color-border:var(--border-light);--color-text-main:var(--text-ink);--color-text-muted:var(--text-pencil);--color-text-light:var(--text-dim);--color-primary:var(--text-ink);--color-online:#10b981;--color-offline:#8b5cf6;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #1111110a;--shadow-md:0 8px 24px #1111110f;--transition-fast:.12s ease;--transition-base:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-paper);color:var(--text-ink);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-size:200px 200px;line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{letter-spacing:-.04em;color:var(--text-ink);font-weight:800;line-height:1.1}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:-.01em;background:var(--text-ink);color:var(--bg-white);border:1.5px solid var(--border-ink);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #11111126}.btn:active{transform:translateY(0)}.btn-student{background:var(--accent-student);color:#fff;border:1px solid var(--border-ink);box-shadow:2px 2px 0 var(--border-ink)}.btn-student:hover{box-shadow:4px 4px 0 var(--border-ink);transform:translateY(-2px)}.btn-teacher{background:var(--accent-teacher);color:var(--text-ink);border:1px solid var(--border-ink);box-shadow:2px 2px 0 var(--border-ink);font-weight:800}.btn-teacher:hover{box-shadow:4px 4px 0 var(--border-ink);transform:translateY(-2px)}.btn-outline{background:var(--bg-white);color:var(--text-ink);border:1.5px solid var(--border-ink)}.btn-outline:hover{background:var(--bg-shade)}.btn-outline-student{color:var(--accent-student);border:1.5px solid var(--accent-student);background:0 0}.btn-outline-student:hover{background:var(--accent-student-dim)}.btn-outline-teacher{color:var(--accent-teacher);border:1.5px solid var(--accent-teacher);background:0 0}.btn-outline-teacher:hover{background:var(--accent-teacher-dim)}.btn-ghost{color:var(--text-pencil);background:0 0;border:1.5px solid #0000}.btn-ghost:hover{color:var(--text-ink);background:#1111110d}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-lg{padding:15px 32px;font-size:1rem}.card{background:var(--bg-white);border:1px solid var(--border-ink);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:3px 3px 0 var(--border-ink);transform:translateY(-2px)}.input-field{border-radius:var(--radius-md);background:var(--bg-white);width:100%;color:var(--text-ink);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1.5px solid #1113;padding:12px 16px;font-size:1rem}.input-field::placeholder{color:var(--text-dim)}.input-field:focus{border-color:var(--text-ink);outline:none;box-shadow:0 0 0 3px #1111111a}select.input-field{cursor:pointer}.label{color:var(--text-pencil);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:.8125rem;font-weight:700;display:block}.badge{border-radius:var(--radius-sm);letter-spacing:.02em;border:1px solid var(--border-ink);background:var(--bg-white);align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.avatar{border:1px solid var(--border-ink);background:var(--bg-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:44px;height:44px;font-size:.9375rem}.avatar-lg{width:64px;height:64px;font-size:1.375rem}.stars{color:#f59e0b;gap:2px;font-size:1rem;display:inline-flex}.stars-sm{font-size:.875rem}.tag{background:var(--bg-paper);border-radius:var(--radius-sm);color:var(--text-pencil);cursor:pointer;transition:all var(--transition-fast);border:1px solid #1113;align-items:center;padding:5px 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.tag:hover{background:var(--bg-shade);border-color:var(--text-pencil);color:var(--text-ink)}.tag.active{background:var(--accent-student);border-color:var(--accent-student);color:#fff;font-weight:700}.tag-teacher.active{background:var(--accent-teacher);border-color:var(--accent-teacher);color:var(--text-ink);font-weight:700}.navbar{z-index:100;background:var(--bg-white);border-bottom:1px solid var(--border-ink);width:100%;position:sticky;top:0}.navbar-inner{max-width:1200px;padding:0 var(--spacing-6);justify-content:space-between;align-items:center;gap:var(--spacing-4);height:60px;margin:0 auto;display:flex}.navbar-logo{color:var(--text-ink);letter-spacing:-.05em;font-size:1.25rem;font-weight:900;text-decoration:none}.navbar-logo span{color:var(--text-pencil)}.navbar-actions{align-items:center;gap:var(--spacing-3);display:flex}.dashboard-layout{background:var(--bg-paper);min-height:100vh;display:flex}.sidebar{background:var(--bg-white);border-right:1px solid var(--border-ink);width:240px;padding:var(--spacing-6) var(--spacing-4);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{color:var(--text-ink);letter-spacing:-.06em;padding:var(--spacing-1) var(--spacing-3);margin-bottom:var(--spacing-6);border-bottom:2px solid var(--border-ink);padding-bottom:var(--spacing-4);align-items:center;font-size:1.375rem;font-weight:900;text-decoration:none;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;list-style:none;display:flex}.sidebar-nav a{border-radius:var(--radius-md);color:var(--text-pencil);transition:all var(--transition-fast);border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.sidebar-nav a:hover{background:var(--bg-paper);color:var(--text-ink);border-left-color:var(--border-light)}.sidebar-nav a.active{background:var(--bg-paper);color:var(--text-ink);border-left-color:var(--text-ink);font-weight:800}.dashboard-content{padding:var(--spacing-8);flex:1;max-width:calc(100% - 240px);overflow-y:auto}.page-header{margin-bottom:var(--spacing-8);justify-content:space-between;align-items:center;gap:var(--spacing-4);padding-bottom:var(--spacing-6);border-bottom:1.5px solid var(--border-ink);flex-wrap:wrap;display:flex}.page-title{letter-spacing:-.05em;color:var(--text-ink);font-size:2rem;font-weight:900;line-height:1.1}.page-subtitle{color:var(--text-pencil);margin-top:6px;font-size:.9375rem;font-weight:600}.grid-2{grid-template-columns:repeat(var(--cols,2), 1fr);gap:var(--spacing-6);display:grid}.grid-3{grid-template-columns:repeat(var(--cols,3), 1fr);gap:var(--spacing-6);display:grid}.grid-4{grid-template-columns:repeat(var(--cols,4), 1fr);gap:var(--spacing-6);display:grid}.grid-auto{gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.card-flat{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-6)}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}.stats-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stats-item{text-align:center;border-right:1px solid var(--border-ink);padding:32px 24px}.stats-item:last-child{border-right:none}.hero-svg-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:420px;padding:20px;display:flex;position:relative}.grid-profile{gap:var(--spacing-8);grid-template-columns:1fr 320px;align-items:start;display:grid}.profile-hero-card{padding:var(--spacing-6) var(--spacing-8)}@media (max-width:1024px){.grid-profile{grid-template-columns:1fr}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-svg-container{min-height:250px;padding:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-item:nth-child(2){border-right:none}.stats-item:first-child,.stats-item:nth-child(2){border-bottom:1px solid var(--border-ink)}}@media (max-width:768px){.profile-hero-card{padding:var(--spacing-5) var(--spacing-4)!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.dashboard-content{padding:var(--spacing-4);max-width:100%}.sidebar{width:220px}.stats-grid{grid-template-columns:1fr}.stats-item{border-bottom:1px solid var(--border-ink);padding:24px;border-right:none!important}.stats-item:last-child{border-bottom:none}.hero-content{text-align:center;align-items:center!important}.hero-content .btn{justify-content:center;width:100%}.nav-links{display:none!important}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:span 2}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:span 1}}.nav-links{align-items:center;gap:4px;margin:0;list-style:none;display:flex}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:.4s both fadeInUp}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.empty-state{text-align:center;padding:var(--spacing-10) var(--spacing-6);border:1.5px dashed var(--border-ink);border-radius:var(--radius-xl);background:var(--bg-paper);color:var(--text-pencil);justify-content:center;align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.empty-state-icon{background:var(--bg-shade);border:1px solid var(--border-ink);width:52px;height:52px;margin-bottom:var(--spacing-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.section-header{margin-bottom:var(--spacing-5);justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-ink);letter-spacing:-.02em;font-size:1.0625rem;font-weight:800}.section-link{color:var(--accent-student);font-size:.875rem;font-weight:700;text-decoration:none}.stat-card-student{border-left:3px solid var(--accent-student)!important}.stat-card-teacher{border-left:3px solid var(--accent-teacher)!important}.sidebar-student .sidebar-nav a.active{border-left-color:var(--accent-student);color:var(--accent-student);background:var(--accent-student-dim)}.sidebar-teacher .sidebar-nav a.active{border-left-color:var(--accent-teacher);color:var(--accent-teacher);background:var(--accent-teacher-dim)}.sidebar-divider{background:var(--border-ink);height:1px;margin:var(--spacing-4) 0}.subject-pill:hover{background:var(--accent-student-dim)!important;border-color:var(--accent-student)!important;color:var(--accent-student)!important}.mobile-sidebar-btn,.mobile-sidebar-overlay{display:none}@media (max-width:768px){.mobile-sidebar-btn{z-index:1001;background:var(--bg-white);border:1px solid var(--border-ink);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;top:12px;right:12px;box-shadow:0 4px 12px #0000000d}.mobile-sidebar-btn-student{color:var(--accent-student)}.mobile-sidebar-btn-teacher{color:var(--accent-teacher)}.dashboard-content{padding-left:var(--spacing-4);padding-right:var(--spacing-4);max-width:100%;padding-top:64px!important}.sidebar{z-index:1000;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);top:0;bottom:0;left:-280px;box-shadow:4px 0 24px #0000001a;width:260px!important;position:fixed!important}body.sidebar-open .sidebar{left:0!important}body.sidebar-open{overflow:hidden}.mobile-sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:block;position:fixed;inset:0}}.login-layout{background:var(--bg-paper);align-items:stretch;min-height:100vh;display:flex}.login-left-panel{border-right:1px solid var(--border-ink);flex-direction:column;flex-shrink:0;justify-content:space-between;width:42%;height:100vh;padding:48px;display:flex;position:sticky;top:0}.login-right-panel{background:var(--bg-white);flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex;overflow-y:auto}.login-mobile-logo{display:none}@media (max-width:900px){.login-left-panel{display:none}.login-right-panel{align-items:flex-start;padding:32px 24px}.login-mobile-logo{display:flex!important}}