:root{--navy:#101d35;--navy2:#172846;--accent:#2772db;--border:#e6ebf2;--text:#1d2b42;--muted:#77849a;--background:#f6f8fb;--white:#fff}*{box-sizing:border-box}html{font-size:14px}body{margin:0;font:14px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--background)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin-bottom:11px}h2{font-size:30px;letter-spacing:-1px}h3{font-size:17px;letter-spacing:-.3px;margin-bottom:14px}.muted{color:var(--muted)}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:800;color:#729bd7;margin-bottom:12px}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;background:var(--navy);color:#b8c6de;min-height:100vh;padding:30px 18px 25px;display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand,.login-brand{display:flex;align-items:center;gap:12px;color:white;font-weight:800;letter-spacing:2px;font-size:17px}.sidebar-brand span{display:block;color:#8199be;font-size:10px;letter-spacing:4px;margin-top:-2px}.mark{width:37px;height:39px;border-radius:10px;background:linear-gradient(150deg,#64afff,#2660ba);display:grid;place-items:center;color:#fff;font-weight:900;font-size:23px;font-style:italic;box-shadow:0 7px 18px #0002}.sidebar-caption{font-size:10px;color:#6d84a8;letter-spacing:2px;font-weight:800;margin:52px 13px 12px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:11px 13px;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:13px;transition:background .15s}.sidebar nav a:hover{background:#1c3153;color:white}.sidebar nav a.selected{color:#fff;background:#29466d;font-weight:700}.nav-dot{width:7px;height:7px;border:1.5px solid #7392bd;border-radius:2px}.selected .nav-dot{background:#77b7ff;border-color:#77b7ff}.sidebar-bottom{margin-top:auto;padding:22px 12px 0;font-size:11px;color:#b5c6e0}.sidebar-bottom small{display:block;color:#748bad;margin-top:10px}.live-dot{display:inline-block;width:7px;height:7px;background:#56cfb0;border-radius:50%;margin-right:6px}.main-area{min-width:0;flex:1}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 45px}.breadcrumb{font-size:12px;color:#5f6c83}.breadcrumb span{color:#b4bbca;margin:0 8px}.profile{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.avatar{height:35px;width:35px;border-radius:50%;display:grid;place-items:center;background:#e6eefc;color:#306ac7}.link-button{background:none;border:0;color:#3978d0;font-weight:650;padding:5px}.link-button.danger{color:#c34d5b}.content{max-width:1300px;margin:0 auto;padding:45px}.page-intro{margin-bottom:30px}.page-intro .muted{font-size:13px}.hero{overflow:hidden;min-height:223px;border-radius:16px;background:linear-gradient(110deg,#11223f,#244c83);display:flex;justify-content:space-between;align-items:center;padding:35px 45px;color:#fff;position:relative}.hero h2{max-width:460px;margin:12px 0}.hero p{color:#c2d2e9}.hero-tag{display:inline-block;font-size:10px;letter-spacing:1.4px;padding:6px 10px;border-radius:30px;border:1px solid #ffffff40;color:#b8d2f4}.hero-art{position:relative;width:270px;height:170px;display:grid;place-items:center}.hero-letter{font-size:100px;font-weight:950;color:#e0eaff33;font-style:italic}.ring{border:1px solid #ffffff25;border-radius:50%;position:absolute;transform:rotate(-25deg)}.ring1{width:275px;height:120px}.ring2{width:185px;height:185px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:21px 0}.metric,.card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 24px #20345106}.metric{padding:23px 24px;display:grid;gap:8px}.metric>span:first-child{font-size:12px;color:#70809b}.metric strong{font-size:35px;line-height:1.2;letter-spacing:-1px}.metric-foot{font-size:11px;color:#3673ce;margin-top:12px}.card{padding:26px 27px;margin-bottom:20px}.quick-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.quick-links a{padding:10px 14px;background:#eff5fe;border-radius:8px;color:#326ab8;font-weight:650;font-size:12px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.search{display:flex;gap:7px}.search input{min-width:235px}.search button{border:0;background:#eaf2fc;color:#285ca1;border-radius:8px;padding:10px 14px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#8190a7;background:#f7f9fc}th,td{border-bottom:1px solid #edf1f6;padding:14px 12px}td{color:#43516a}.pill{display:inline-block;padding:4px 9px;border-radius:20px;background:#e6f6ee;color:#287b58;font-size:10px;font-weight:750}.actions{display:flex;gap:12px;align-items:center}.actions a{color:#296dc5;font-weight:700}.actions form{margin:0}.empty{padding:30px;text-align:center;color:#8d97a8}.form-card{margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.stack{display:grid;gap:16px}.form-grid label,.stack label,.login-card label{font-size:12px;font-weight:700;color:#43516b;display:grid;gap:7px}input,select,textarea{width:100%;border:1px solid #dfe5ef;background:white;border-radius:8px;padding:11px 12px;outline:0;color:#253650}input:focus,select:focus,textarea:focus{border-color:#5e95e4;box-shadow:0 0 0 3px #347de315}button.primary{border:0;background:var(--accent);border-radius:9px;padding:12px 18px;color:#fff;font-weight:800}button.primary:hover{background:#1e60bd}button:disabled{opacity:.45;cursor:not-allowed}.form-actions{grid-column:1/-1}.alert{border-radius:9px;padding:13px 16px;margin-bottom:18px;font-size:12px}.alert.error{background:#fff0f1;color:#a22d3b}.alert.success{background:#e9f7ef;color:#256945}.alert.warning{background:#fff5e0;color:#896217}.two-col{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px}.role-list{display:grid;gap:6px}.role-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--border);padding:11px;border-radius:8px}.role-item small{color:#97a3b7;font-size:10px}.role-item.active{background:#eef5ff;border-color:#bcd5f9}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:17px 0 23px}.permission-grid h4{grid-column:1/-1;border-bottom:1px solid var(--border);padding:14px 0 8px;margin:4px 0 0;font-size:10px;color:#8594aa;letter-spacing:1px}.permission{display:flex;align-items:center;gap:10px;font-size:12px}.permission input{width:16px;height:16px}.login-body{min-height:100vh;background:radial-gradient(ellipse at 80% 15%,#264977 0,transparent 45%),#0d1a2f;display:grid;place-items:center;padding:25px}.login-frame{width:min(440px,100%)}.login-brand{justify-content:center;margin-bottom:42px}.login-brand b{color:#75aef2}.login-card{background:white;border-radius:18px;padding:38px 40px;box-shadow:0 20px 70px #0003}.login-card h1{font-size:27px}.login-card .muted{margin-bottom:28px}.login-card form{display:grid;gap:18px}.login-card button{margin-top:7px;display:flex;justify-content:space-between}.login-footer{text-align:center;color:#8196b5;font-size:11px;margin-top:26px}hr{border:0;border-top:1px solid var(--border);margin:22px 0}@media(max-width:980px){.sidebar{width:190px}.content{padding:27px}.topbar{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}}@media(max-width:650px){.app-shell{display:block}.sidebar{min-height:auto;width:100%;padding:15px}.sidebar-brand{margin-bottom:12px}.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap}.topbar{height:auto;min-height:62px;padding:10px 18px}.profile{gap:5px}.content{padding:22px 15px}.hero{padding:27px;min-height:180px}.hero-art{display:none}.metric-grid{gap:10px}.metric{padding:16px}.metric strong{font-size:26px}.card{padding:20px 14px}.card-head{display:block}.search{margin-bottom:12px}.search input{min-width:0}.form-grid{grid-template-columns:1fr}.login-card{padding:28px}}
/* Havajet Kokpit: institutional design refresh v0.4 */
:root{--navy:#081d34;--navy2:#103655;--accent:#007aa9;--border:#e1e8ee;--text:#16324c;--muted:#668095;--background:#f2f6f9}body{font-family:Inter,"Segoe UI",system-ui,sans-serif;letter-spacing:-.1px}.sidebar{width:264px;background:linear-gradient(180deg,#071f37,#0b304b);padding:27px 20px}.sidebar-brand{letter-spacing:.7px;font-size:15px;gap:12px;border-bottom:1px solid #ffffff1c;padding-bottom:23px}.brand-logo{object-fit:contain;display:block}.side-logo{width:110px;height:65px;flex-shrink:0}.sidebar-brand span{font-size:11px;letter-spacing:2.8px;color:#61b5d9}.sidebar nav a{border-radius:11px;padding:12px 13px}.sidebar nav a.selected{background:#ffffff18;box-shadow:inset 3px 0 #57c4e8}.nav-dot{border-radius:50%;border-color:#4b9bc1}.topbar{height:80px}.content{max-width:1500px;padding:38px 42px}.page-intro h1{font-size:32px}.card,.metric{border-radius:17px;border:1px solid #e2e9ef;box-shadow:0 9px 30px #12345109}.card{padding:29px}.hero{background:linear-gradient(105deg,#09253f,#134e6e);border-radius:20px}.metric strong{color:#0d3b58}.metric-foot,.actions a{color:#087fa7}button.primary{background:linear-gradient(100deg,#087eae,#086b96);padding:12px 22px;border-radius:10px}button.primary:hover{background:#045f85}input,select,textarea{border-color:#d7e2eb;border-radius:10px;padding:12px 13px}input:focus,select:focus,textarea:focus{border-color:#0d8ab4;box-shadow:0 0 0 3px #1f95bd24}.eyebrow{color:#0b86b2}.login-body{display:block;min-height:100vh;background:linear-gradient(90deg,rgba(4,19,35,.92),rgba(7,32,54,.76) 52%,rgba(6,25,42,.55)),url('https://images.unsplash.com/photo-1713327023682-d327a6961012?auto=format&fit=crop&w=1700&q=82') center/cover fixed no-repeat #081e33;padding:0}.login-body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,#081d34a0)}.login-frame{position:relative;min-height:100vh;width:min(100%,1600px);margin:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px clamp(26px,8vw,140px)}.login-brand{justify-content:flex-start;font-size:21px;letter-spacing:2px;gap:20px;margin:0 0 30px}.login-logo{width:173px;height:90px;object-fit:contain;filter:drop-shadow(0 6px 12px #0005)}.login-card{width:min(490px,100%);border-radius:22px;background:rgba(255,255,255,.98);padding:42px 46px;box-shadow:0 30px 90px #0007}.login-card h1{font-size:29px;line-height:1.24}.login-card .eyebrow{color:#0580ab;letter-spacing:1.2px;line-height:1.5}.login-card input{padding:14px}.login-card button{margin-top:10px;padding:16px 18px}.login-footer{margin:24px 0 0 3px;color:#d4e7f3;font-size:12px}.student-cell{display:flex;gap:12px;align-items:center}.student-initial{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e8f5fa;color:#177ba2;font-weight:800}.form-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.form-head h3{font-size:23px}.form-head-tag{font-size:10px;letter-spacing:1px;color:#0d739b;background:#e9f7fb;border:1px solid #d2edf5;padding:10px;border-radius:20px;font-weight:700}.student-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:30px}.form-section{padding:23px 0;border-top:1px solid #e7edf2}.form-section h4{font-size:12px;color:#0d8daf;margin:0 0 20px;display:flex;gap:12px}.form-section h4 span{font-size:15px;color:#153a54}.full-span{grid-column:1/-1}.photo-side{background:#f6fafc;border:1px solid #e4edf4;border-radius:16px;padding:18px;align-self:start}.photo-box{height:230px;background:#e9f0f5;border-radius:12px;overflow:hidden;display:grid;place-items:center}.photo-box img{width:100%;height:100%;object-fit:cover}.photo-placeholder{display:grid;text-align:center;gap:8px;color:#648398}.photo-placeholder span{font-size:44px;color:#8aafc2}.photo-placeholder small{font-weight:400}.photo-upload{display:block;margin-top:17px;background:#fff;border:1px solid #b7d9e7;border-radius:9px;padding:11px;text-align:center;font-size:12px;font-weight:750;color:#127fa7;cursor:pointer}.photo-upload input{position:absolute;width:1px;height:1px;opacity:0}.photo-hint{font-size:11px;line-height:1.7;color:#728a9b;margin:12px 2px}.student-form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e7edf2;padding-top:22px}.student-form-footer span{font-size:12px;color:#82919e}@media(max-width:1050px){.student-form-layout{grid-template-columns:1fr}.photo-side{max-width:280px}.sidebar{width:215px}.content{padding:26px}}@media(max-width:650px){.login-body{background-position:center}.login-frame{padding:38px 22px}.login-brand{font-size:17px;gap:10px}.login-logo{width:128px;height:65px}.login-card{padding:29px 25px}.form-head{display:block}.form-head-tag{display:inline-block;margin-top:12px}.student-form-footer{flex-direction:column;align-items:stretch}}

/* v0.4.2: login visual override, local fallback always available */
body.login-body{background-color:#061627!important;background-image:linear-gradient(90deg,rgba(3,15,27,.93) 0%,rgba(3,17,30,.80) 36%,rgba(3,18,32,.30) 76%),url("https://upload.wikimedia.org/wikipedia/commons/c/c3/The_737-800_Flight_Deck_%283852492599%29.jpg"),url("/assets/cockpit-local.svg")!important;background-position:center,center,center!important;background-size:cover,cover,cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
.login-card h1{font-size:28px;letter-spacing:-.4px}.login-card{box-shadow:0 24px 90px rgba(0,0,0,.38)}
@media(max-width:650px){body.login-body{background-position:center,62% center,center!important;background-attachment:scroll!important}}

/* v0.5 — editorial enterprise school dashboard */
:root{--ink:#102c43;--navy:#061b2e;--accent:#0e81b5;--border:#e5ebf1;--background:#f5f7fa}
body{font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",sans-serif;background:var(--background);font-size:14px;color:var(--ink)}
.app-shell{background:var(--background)}.sidebar{width:264px;background:#0b2237;padding:28px 18px;box-shadow:5px 0 28px #08192d0a}.sidebar-brand{padding:2px 4px 24px;margin-bottom:22px;align-items:center;gap:10px}.side-logo{width:102px;height:54px}.sidebar-caption{margin:12px 13px 13px;color:#7391a6;font-weight:800;font-size:10px;letter-spacing:1.8px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{position:relative;transition:.2s ease;font-size:13px;font-weight:600;color:#abc1d1;border:1px solid transparent;padding:13px 15px}.sidebar nav a.selected{background:#163b55;color:#fff;border-color:#2c536c;box-shadow:none}.sidebar nav a.selected:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:#4dc7e7;border-radius:4px}.sidebar nav a:hover{background:#ffffff12;color:white}.sidebar-bottom{border-top:1px solid #ffffff21;margin-top:auto;padding-top:22px}.main-area{min-width:0}.topbar{height:76px;padding:0 40px;background:#fff;border-bottom:1px solid #e5ebf1;display:flex;align-items:center;gap:18px}.breadcrumb{color:#263e54;font-weight:750}.breadcrumb-home{font-size:11px;letter-spacing:1.3px;color:#698399}.breadcrumb-sep{color:#bac6d0;padding:0 10px}.topbar-context{margin-right:auto;color:#94a4b1;font-size:11px}.topbar-context-dot,.operational-dot{width:7px;height:7px;background:#20a981;border-radius:50%;display:inline-block;margin-right:7px}.profile{border-left:1px solid #e6ebf0;padding-left:23px}.avatar{background:#e7f4fb;color:#0a7ead;border:1px solid #c8e6f3}.content{max-width:1550px;margin:0 auto;padding:40px 44px 90px}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-intro h1{font-size:34px;letter-spacing:-1.3px;margin:8px 0}.page-intro .muted{font-size:13px}.page-intro .eyebrow{letter-spacing:1.45px;font-size:10px;color:#178bb8}.page-intro-right{border:1px solid #deebe5;color:#42846d;background:#eef8f2;padding:11px 15px;border-radius:9px;font-size:10px;letter-spacing:1px;font-weight:800}.overview-banner{overflow:hidden;display:flex;justify-content:space-between;align-items:center;position:relative;min-height:280px;padding:43px 50px;background:radial-gradient(circle at 83% 50%,#174963 0,transparent 38%),linear-gradient(110deg,#092137,#102f47);border-radius:16px;margin-bottom:36px;color:#fff}.overview-banner:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 75px,#ffffff05 76px 77px)}.overview-banner-copy{position:relative;z-index:1}.overview-overline{letter-spacing:2.5px;font-size:10px;font-weight:800;color:#65b9d8}.overview-banner h2{color:#fff;font-size:34px;line-height:1.16;margin:18px 0 13px;letter-spacing:-1.4px}.overview-banner h2 em{font-style:normal;color:#8bd3eb}.overview-banner p{color:#b9cbd7;font-size:13px;max-width:520px;line-height:1.75}.overview-banner-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.banner-primary,.banner-secondary{font-size:12px;font-weight:750;display:inline-flex;gap:16px;align-items:center;padding:12px 17px;border-radius:8px}.banner-primary{background:#fff;color:#143c55}.banner-secondary{border:1px solid #5b8294;color:#e2f0f5}.banner-ornament{position:absolute;right:12%;width:205px;height:205px;border:1px solid #76b3d02e;border-radius:50%;display:grid;place-items:center;z-index:0}.banner-ornament:before,.banner-ornament:after{content:"";position:absolute;border-radius:50%;border:1px dashed #90bdd03f;inset:20px}.banner-ornament:after{inset:50px;border:1px solid #7babc04d}.banner-ornament strong{font-size:76px;font-weight:900;color:#75d0f6;text-shadow:0 9px 26px #0005}.banner-ornament small{position:absolute;bottom:24px;letter-spacing:3px;color:#91b2c1;font-size:8px}.section-bar{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.section-bar h3{font-size:17px;margin:0 0 5px;letter-spacing:-.35px}.section-bar p{margin:0;color:#8ca0af;font-size:12px}.section-bar-note{font-size:11px;color:#659a84}.modern-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.modern-metrics .metric{padding:22px 22px 18px;min-height:168px;border:1px solid #e3eaf0;background:#fff;border-radius:13px;box-shadow:0 9px 22px #0b2c4606;transition:transform .18s ease,box-shadow .18s ease}.modern-metrics .metric:hover{transform:translateY(-3px);box-shadow:0 17px 36px #102f5014}.metric-top,.metric-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-top{font-size:12px;font-weight:650;color:#627c8d}.metric-index{font-size:10px;color:#aabcc8}.modern-metrics .metric strong{display:block;font-size:36px;color:#102e45;margin:18px 0 19px;line-height:1}.metric-bottom{border-top:1px solid #eaf0f4;padding-top:13px;font-size:11px;color:#7891a0}.metric-arrow{color:#0a83b6;font-size:16px}.overview-columns{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.operations-card,.admin-card{margin:0;min-width:0;padding:26px 27px;border:1px solid #e5eaf0;border-radius:13px}.panel-kicker{font-size:10px;letter-spacing:1.8px;color:#0b8bb5;font-weight:800;margin:0 0 9px}.panel-heading{display:flex;justify-content:space-between}.panel-heading h3,.admin-card h3{font-size:20px;letter-spacing:-.65px;margin:0 0 8px}.panel-heading p:not(.panel-kicker){margin:0;color:#92a2ae;font-size:12px}.panel-watermark{font-size:32px;color:#c8e6f1}.operation-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.operation-links a{display:flex;align-items:center;gap:13px;border:1px solid #e7eef3;border-radius:10px;padding:16px 12px;min-width:0;transition:.15s}.operation-links a:hover{background:#f4fafe;border-color:#c9e3ee}.op-icon{height:35px;width:35px;border-radius:9px;display:grid;place-items:center;background:#eaf6fa;color:#0c83af;font-size:11px;font-weight:800;flex-shrink:0}.operation-links a span:nth-child(2){min-width:0;flex:1}.operation-links strong{display:block;font-size:12px;color:#20394c}.operation-links small{display:block;font-size:10px;color:#8ba0af;margin-top:4px;line-height:1.4}.operation-links b{font-size:15px;color:#0c8cb4}.admin-card{background:linear-gradient(155deg,#fff 0%,#f5fbfe 100%)}.admin-card h3{font-size:24px;line-height:1.2}.admin-card>p:not(.panel-kicker){font-size:12px;color:#8196a6;line-height:1.8;max-width:320px}.admin-divider{height:1px;background:#e1ebf1;margin:20px 0}.admin-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:10px 0;color:#7791a2;font-weight:700}.admin-row strong{color:#157b9b}.admin-settings{display:block;margin-top:15px;font-size:12px;color:#137fa5;font-weight:750}.card{border-radius:13px}.card-head{margin-bottom:16px}.card h3{letter-spacing:-.4px}table th{padding:15px;font-size:10px;color:#71899b;background:#f7fafc}table td{padding:15px;font-size:12px}.student-cell strong{color:#213c52}.student-initial{border-radius:50%;width:38px;height:38px}.search button{background:#103a54;color:#fff}.login-body{overflow-x:hidden}.login-frame{max-width:none;width:100%;min-height:100vh;margin:0;display:block;padding:0!important}.login-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;width:min(480px,100%);margin-left:clamp(25px,12vw,230px);padding:32px 0;position:relative;z-index:1}.login-brand{margin:0 0 20px;padding:0 2px;gap:14px}.login-logo{width:132px;height:65px}.login-brand>span{font-size:18px;letter-spacing:2px}.login-card{width:100%;padding:34px 36px 35px;background:#fffffffa;border:1px solid #ffffffbd;border-radius:14px;box-shadow:0 24px 84px #0006}.login-card-symbol{display:flex;justify-content:space-between;color:#8c9ca8;font-size:9px;font-weight:800;letter-spacing:1.1px;border-bottom:1px solid #e9edf1;padding-bottom:18px;margin-bottom:21px}.login-card-symbol span{color:#329a85;font-size:9px}.login-card .eyebrow{font-size:10px;letter-spacing:.9px;margin:0 0 8px}.login-card h1{font-size:27px;letter-spacing:-1px;margin:0 0 7px}.login-card .muted{font-size:12px;line-height:1.7;margin-bottom:24px}.login-card label{color:#364f63}.login-card input{border-radius:9px;background:#fcfdff}.login-card button.primary{border-radius:9px;background:#057eae}.login-footer{margin:19px 0 0 4px;color:#b3cad8;font-size:11px}.login-aside{position:absolute;right:6%;bottom:7%;z-index:1;color:#fff;text-align:right;pointer-events:none}.login-aside-line{height:2px;width:50px;background:#66c8ec;display:block;margin-left:auto}.login-aside p{font-weight:800;font-size:21px;letter-spacing:2px;line-height:1.3;text-shadow:0 3px 10px #00121c;margin:15px 0 10px}.login-aside small{font-size:9px;letter-spacing:1.5px;color:#b3d3e1}.student-form-card .form-section{border-top:1px solid #e9eef3}.student-form-card .form-head{border-bottom:1px solid #e8eef3;padding-bottom:20px}.student-form-card .form-head h3{color:#142f45}.student-form-card .form-section h4 span{font-weight:750}.photo-side{background:#f6fafd}
@media(max-width:1180px){.modern-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-columns{grid-template-columns:1fr}.login-aside{display:none}.banner-ornament{right:5%}}
@media(max-width:780px){.topbar-context{display:none}.sidebar{width:205px}.content{padding:27px 20px}.topbar{padding:0 20px}.banner-ornament{opacity:.25}.login-shell{margin:0 auto;padding:24px!important;width:min(480px,100%)}.login-body{background-position:center,60% center,center!important}.page-intro-right{display:none}}
@media(max-width:650px){.sidebar{width:100%}.sidebar nav{display:flex;gap:5px}.sidebar nav a{font-size:12px}.overview-banner{padding:27px;min-height:245px}.overview-banner h2{font-size:27px}.modern-metrics{gap:10px}.modern-metrics .metric{padding:18px 14px;min-height:145px}.modern-metrics .metric strong{font-size:29px}.metric-bottom{font-size:10px}.operation-links{grid-template-columns:1fr}.page-intro h1{font-size:29px}.login-shell{padding:18px!important}.login-card{padding:28px 24px}}