:root{--bg:#f3f6fb;--surface:#fff;--ink:#18243c;--muted:#69788f;--line:#e3eaf2;--primary:#6154cf;--secondary:#eeecfc;--sidebar:#18263c;--radius:20px;--shadow:0 8px 30px #263c5710;--green:#087f72}body{font-family:Tahoma,Arial,sans-serif;letter-spacing:-.15px}html{scroll-behavior:smooth}button,.button{border-radius:13px;min-height:44px;transition:background .18s,box-shadow .18s,transform .18s}button:not(:disabled):hover,.button:hover{box-shadow:0 5px 16px #5551a81a;transform:translateY(-1px)}button:disabled{cursor:not-allowed}.brand-mark{background:linear-gradient(145deg,#6c60d8,#453b9d);border-radius:13px;box-shadow:0 6px 16px #5344b42b}.sidebar{background:linear-gradient(175deg,#172840,#1c213b);padding:28px 16px}.sidebar nav a{border:1px solid transparent;padding:11px 13px;transition:background .16s}.sidebar nav a.active{background:#8074e928;border-color:#8074e948;box-shadow:inset -3px 0 #9e95ff}.nav-label{font-size:13px}.sidebar .brand{font-size:22px}.sidebar-footer{line-height:1.8}.app-topbar{position:sticky;top:0;z-index:25;height:76px;background:#ffffffeb;backdrop-filter:blur(16px)}.user-chip{padding:6px 10px 6px 7px;border:1px solid var(--line);border-radius:30px}.user-chip .avatar{border-radius:50%;width:32px;height:32px}.app-main{margin-top:34px}.panel,.card,.class-card,.lesson-card{box-shadow:var(--shadow)}.panel{border-color:#e3eaf2}.class-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#fcfdff)}.class-card:after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;top:-65px;left:-35px;background:var(--track-color,var(--primary));opacity:.09;pointer-events:none}.class-card .tag{display:inline-flex;border-radius:20px;background:#f0f3fa;padding:5px 10px;font-size:11px}.class-card h3{font-size:20px}.card-link{display:inline-flex;align-items:center;gap:5px}.lesson-card h3{font-size:18px}.card-meta{gap:12px;align-items:center}.chat-shortcut{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:10px;background:#e9f5f3;color:#127269;font-size:12px;white-space:nowrap}.chat-shortcut:before{content:'◌';font-size:18px;line-height:1}.kpi{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#fdfcff);box-shadow:var(--shadow)}.kpi:after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;left:-25px;bottom:-35px;background:#b9b0f0;opacity:.22}.kpi strong{font-size:32px;color:#293750}.kpi span{font-weight:600}.section-header a{font-size:12px;font-weight:600}.school-heading{border-bottom-color:#dce5f0}.grade-number{border-radius:11px;width:36px;height:36px}.table-wrap{box-shadow:var(--shadow)}th{background:#f5f7fc;padding-top:16px;padding-bottom:16px}tbody tr:hover{background:#fafbff}td{vertical-align:middle}input,textarea,select{background:#fafcff;border-color:#d7e0ec;border-radius:12px;transition:border .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:#948ade;box-shadow:0 0 0 3px #8171dd13}label{color:#34415a}.form-grid{gap:15px 22px}.empty{background:#fbfcff;border-color:#ccd8e7;line-height:2}.footer{border-top-color:#dbe4ef}.login-art{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 20%,#6152b058,transparent 42%),linear-gradient(135deg,#172c46,#232440)}.login-art:after{content:'';position:absolute;width:380px;height:380px;border:1px solid #ffffff12;transform:rotate(30deg);border-radius:90px;left:-150px;bottom:-170px}.login-art h1{font-size:clamp(30px,3vw,46px);max-width:480px}.login-form-area{background:#fff}.login-form-area .auth-card{max-width:420px}.login-form-area h1{font-size:30px}.login-form-area #show-password{background:#f5f4fc;color:#62568b;margin-top:0}.home-hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.55;font-weight:800}.home-hero .lead{font-size:16px;line-height:2.1}.home-board{position:relative;overflow:hidden;background:radial-gradient(circle at 0 100%,#6b62ba60,transparent 60%),linear-gradient(140deg,#152a41,#242a49);box-shadow:0 25px 60px #21365022;border:1px solid #35415c;border-radius:32px;padding:35px}.home-board:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffff0a;border-radius:50%;left:-100px;top:-90px;pointer-events:none}.home-board h2{font-size:23px}.board-track{background:#ffffff10;border-color:#ffffff17;border-radius:12px}.public-header{position:sticky;top:0;z-index:20;background:#ffffffee!important;backdrop-filter:blur(16px);border-bottom:1px solid #e6eaf3}.card-icon{background:linear-gradient(140deg,#f0edff,#eaf4fc);width:50px;height:50px;border-radius:16px}.home-hero .eyebrow:before{content:'';display:inline-block;vertical-align:middle;width:7px;height:7px;background:#2a9c89;border-radius:50%;margin-inline-end:8px}.owner-dialog{box-shadow:0 25px 80px #152b4c40;border:1px solid #dfe5f0;border-radius:24px}.owner-dialog::backdrop{background:#172a4480;backdrop-filter:blur(3px)}.status,#status,#message{background:#eeeffb;border:1px solid #e4e4f5;font-size:13px}.avatar{background:#efedfb;border-radius:50%}.resource-body{line-height:2.1}.question{border-color:#dce5f1;background:#fcfdff}.badge{border:1px solid #d5eee6}.mobile-overlay.open{backdrop-filter:blur(3px)}@media(max-width:950px){.sidebar{width:250px;transform:translateX(100%)}.sidebar.open{transform:translateX(0)}.app-topbar{margin:0;padding:0 18px;height:68px}.app-main,body.app-page>main{margin:25px 18px 65px;max-width:none}.menu-button{display:inline-flex}.mobile-overlay.open{display:block;position:fixed;inset:0;background:#15253b70;z-index:35}.management-grid,.split{grid-template-columns:1fr}}@media(max-width:600px){.panel,.card,.class-card,.lesson-card{padding:19px;border-radius:17px}.login-form-area{padding:28px 24px}.home-hero{padding:35px 0 25px}.home-board{padding:25px;border-radius:24px}.public-header{padding:16px 20px!important}.public-header .brand{font-size:21px}.public-header .button{padding:9px 13px;font-size:12px}.home-hero .actions{gap:9px}.school-heading{gap:8px}.kpi strong{font-size:27px}.list-row{align-items:flex-start;gap:12px}.user-chip{padding:4px 7px}.app-topbar .topbar-right>span{font-size:12px}.class-card h3{font-size:19px}.form-grid{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{.public-header{position:static}.chat-shortcut{display:none}.app-topbar{position:static}}