*{box-sizing:border-box}body,html{min-height:100%}body{background:#090b1f;color:#d9def8}button,input,select,textarea{font:inherit}.eoz-language-switcher{display:inline-flex;overflow:hidden;border:1px solid rgba(119,232,255,.45);border-radius:999px}.eoz-language-switcher button{border:0;padding:4px 8px;color:#d9def8;background:transparent;font:inherit;font-size:11px;font-weight:800;line-height:1}.eoz-language-switcher button.active{color:#090b1f;background:#77e8ff}.school-login-card>.school-language-switcher{float:right;margin-bottom:12px}.school-login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,520px);background:linear-gradient(130deg,rgba(30,51,242,.92),rgba(11,14,38,.95)),url(/owlio/images/big/img1.jpg) 50%/cover}.school-login-visual{padding:64px;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh}.school-logo-mark{width:76px;height:76px;margin-bottom:auto;display:grid;place-items:center;border-radius:8px;color:#fff;font-weight:900;background:linear-gradient(135deg,#1e33f2,#1ee5f2);box-shadow:0 14px 34px rgba(30,51,242,.34)}.school-logo-mark-sm{width:44px;height:44px;margin:0;font-size:13px}.school-kicker,.school-login-visual p{color:#77e8ff;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.school-login-visual h1{color:#fff;max-width:720px;font-size:clamp(40px,6vw,76px);line-height:.98;margin:10px 0 0}.school-login-card{align-self:center;margin:32px;padding:34px;border-radius:8px;background:#11152f;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 90px rgba(0,0,0,.34)}.school-card h4,.school-login-card h2,.school-module-head h2,.school-topbar h1{color:#fff}.school-announcement-form input,.school-announcement-form select,.school-announcement-form textarea,.school-inline-form input,.school-inline-form select,.school-local-preview label,.school-login-card label,.school-stack-form input,.school-stack-form select,.school-stack-form textarea{display:grid;gap:8px;color:#aeb7df;font-weight:700}.school-announcement-form input,.school-announcement-form select,.school-announcement-form textarea,.school-inline-form input,.school-inline-form select,.school-login-card input,.school-login-card select,.school-stack-form input,.school-stack-form select,.school-stack-form textarea{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#0b0f28;color:#f8faff;padding:13px 14px}.school-login-card form{display:grid;gap:18px}.school-local-preview{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:14px}.school-error,.school-status-line{padding:12px 14px;border-radius:6px;color:#ffd6d6;background:rgba(255,91,91,.14);border:1px solid rgba(255,91,91,.24)}.school-app-shell{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr);background:#090b1f}.school-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#11152f;border-right:1px solid rgba(255,255,255,.08);overflow:auto}.school-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.school-brand strong{display:block;color:#fff;font-size:18px}.school-announcement-list small,.school-brand span,.school-card p,.school-contact-item small,.school-contact-item span,.school-module-head p,.school-table small,.school-topbar p,.school-userbox span{color:#8f9ac8}.school-sidebar nav{display:grid;gap:10px}.school-sidebar button{border:1px solid transparent;border-radius:8px;background:transparent;color:#cdd5fb;text-align:left;padding:14px;cursor:pointer}.school-sidebar button.active,.school-sidebar button:hover{background:rgba(30,51,242,.18);border-color:rgba(119,232,255,.28)}.school-sidebar button small,.school-sidebar button span{display:block}.school-sidebar button span{color:#fff;font-weight:800;margin-bottom:4px}.school-sidebar button small{line-height:1.35;color:#8994c4}.school-main{min-width:0;padding:28px}.school-card .card-header,.school-module-head,.school-topbar,.school-userbox{display:flex;align-items:center;justify-content:space-between;gap:16px}.school-topbar{margin-bottom:24px}.school-module-head h2,.school-topbar h1{margin:4px 0}.school-userbox{padding:10px;border-radius:8px;background:rgba(255,255,255,.06)}.school-userbox span,.school-userbox strong{display:block}.school-module-head{margin-bottom:18px;padding:18px;border-radius:8px;background:linear-gradient(135deg,rgba(30,51,242,.24),rgba(30,229,242,.08));border:1px solid rgba(255,255,255,.08)}.school-module-grid,.school-three-col,.school-two-col{display:grid;gap:18px}.school-two-col{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.school-three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.school-wide-card{min-width:0}.school-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.school-stat{padding:20px;border-radius:8px;background:#151a3a;border:1px solid rgba(255,255,255,.08)}.school-stat span,.school-stat strong{display:block}.school-stat span{color:#9ba6d0;font-weight:700}.school-stat strong{color:#fff;font-size:28px;margin-top:8px}.school-stat-primary{border-color:rgba(30,51,242,.5)}.school-stat-success{border-color:rgba(42,210,139,.45)}.school-stat-warning{border-color:rgba(255,185,74,.45)}.school-stat-danger{border-color:rgba(255,91,91,.45)}.school-card{border-radius:8px;background:#11152f;border:1px solid rgba(255,255,255,.08);color:#d9def8;overflow:hidden}.school-card .card-header{padding:20px 22px 8px}.school-announcement-form,.school-announcement-list,.school-contact-list,.school-inline-form,.school-progress-list,.school-stack-form{padding:0 22px 22px}.school-inline-form{grid-template-columns:repeat(6,minmax(120px,1fr));align-items:end}.school-inline-form,.school-stack-form{display:grid;gap:12px}.school-announcement-list h5,.school-stack-form h5{color:#fff;margin:0}.school-action-note,.school-card-divider,.school-form-actions{grid-column:1/-1}.school-action-note{margin:0;color:#77e8ff;font-size:12px;font-weight:800}.school-card-divider{height:1px;margin:18px 22px;background:rgba(255,255,255,.08)}.school-leave-list{display:grid;gap:10px;padding:0 22px 22px}.school-leave-list article{display:grid;gap:4px;padding:12px;border-radius:8px;background:rgba(255,255,255,.04)}.school-leave-list small,.school-leave-list span,.school-leave-list strong{display:block}.school-form-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-xs{padding:4px 9px;font-size:12px;width:fit-content}.school-progress-line{margin-top:16px}.school-progress-line>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.school-progress-line .progress{height:8px;background:#090b1f}.school-table{color:#d9def8;margin:0}.school-table th{color:#8f9ac8;font-size:12px;text-transform:uppercase}.school-table td,.school-table th{border-color:rgba(255,255,255,.07)}.school-table td{vertical-align:middle}.school-table small,.school-table strong{display:block}.school-table strong{color:#fff}.badge{border-radius:999px;padding:6px 10px}.school-announcement-list,.school-contact-list{display:grid;gap:12px}.school-mini-list{padding:0 22px 22px}.school-mini-list h5{color:#fff;margin:0 0 12px}.school-compact-table td,.school-compact-table th{font-size:13px}.school-empty-state{padding:28px}.school-empty-state h4{color:#fff;margin:8px 0}.school-announcement-list article,.school-contact-item{padding:14px;border-radius:8px;background:rgba(255,255,255,.04)}.school-contact-item small,.school-contact-item span,.school-contact-item strong{display:block}.school-announcement-form{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(160px,220px));gap:12px}.school-announcement-form textarea{grid-column:1/-1;min-height:120px}@media (max-width:1180px){.school-app-shell,.school-login-page,.school-three-col,.school-two-col{grid-template-columns:1fr}.school-sidebar{position:static;height:auto}.school-sidebar nav,.school-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.school-login-card,.school-login-visual,.school-main{padding:18px;margin:0}.school-announcement-form,.school-inline-form,.school-sidebar nav,.school-stat-grid{grid-template-columns:1fr}.school-card .card-header,.school-module-head,.school-topbar{align-items:flex-start;flex-direction:column}}