:root{--navy:#073b72;--blue:#0967c6;--red:#e63946;--orange:#ff9f1c;--green:#0f9d68;--ink:#11243d;--bg:#f5f8fc;--line:#dbe5ef}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit}.topbar{background:#06376d;color:#fff;padding:8px 4%;display:flex;justify-content:space-between;gap:15px;font-size:13px}.header{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 4%;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:16px}.pm{font-size:25px;line-height:.85;color:#ef7d16;font-weight:700;border-left:5px solid var(--red);padding-left:12px}.brand h1{margin:0;font-size:clamp(20px,3vw,36px);color:#123b7a}.brand h1 span{color:var(--red)}.brand p{margin:4px 0;color:#53657b}.clockbox{background:linear-gradient(135deg,#073b72,#0b67c5);color:#fff;padding:10px 18px;border-radius:14px;text-align:center;min-width:185px;box-shadow:0 10px 22px #0b67c52b}.clockbox b{display:block;font-size:22px}.clockbox small{display:block;margin-top:2px}.nav{background:#073b72;color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 8px 20px #0001}.navlinks{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.nav a{display:block;padding:15px 14px;text-decoration:none;font-weight:650;font-size:14px}.nav a:hover,.portalnav{background:#0b67c5}.drop{position:relative}.mega{display:none;position:absolute;left:0;top:100%;min-width:230px;background:#fff;color:#17324f;border-radius:0 0 12px 12px;box-shadow:0 16px 35px #0003;overflow:hidden}.mega a{padding:12px 15px;border-bottom:1px solid #edf2f7}.drop:hover .mega{display:block}.hamb{display:none;background:none;border:0;color:#fff;padding:14px 18px;font-weight:700}
.hero{background:linear-gradient(90deg,#ffffffee 0 36%,#ffffff66),url('../img/school-sketch.svg') center/cover no-repeat;min-height:430px;padding:55px 4%;display:grid;grid-template-columns:1.5fr .55fr;align-items:center;gap:25px}.hero h2{font-size:clamp(42px,6vw,74px);line-height:.95;margin:10px 0;color:#073b72}.hero h2 span{color:#0f9d68}.hero p{font-size:17px;max-width:660px;line-height:1.7}.eyebrow{color:var(--red);font-weight:800;letter-spacing:.09em}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-block;text-decoration:none;background:#073b72;color:#fff;border-radius:11px;padding:13px 20px;font-weight:750;border:0}.btn.alt{background:#ff9f1c}.principal-card{background:#fff;border-radius:22px;padding:16px;box-shadow:0 20px 50px #17324f29;text-align:center;border:1px solid #dce8f2}.principal-card img{width:150px;height:175px;object-fit:cover;border-radius:16px;border:4px solid #ffbd48}.principal-card h3{margin:10px 0 2px;color:#073b72}.principal-card p{font-size:14px;margin:5px auto}
.quick{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:18px 4%;background:#fff}.quick a{text-decoration:none;text-align:center;padding:18px 10px;border:1px solid var(--line);border-radius:15px;font-weight:750;background:#fff;box-shadow:0 7px 20px #17446f0c}.quick b{display:block;font-size:26px;margin-bottom:6px}.section{padding:36px 4%}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.sectionhead h2{margin:0;color:#073b72;font-size:28px}.sectionhead a{text-decoration:none;color:#0b67c5;font-weight:700}.dashgrid{display:grid;grid-template-columns:1.15fr 1.4fr 1.25fr .85fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 28px #17324f10}.panel h3{margin:0;background:#073b72;color:#fff;padding:13px 16px;font-size:17px}.panelbody{padding:15px}.notice{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f7}.date{background:#edf5ff;color:#0b67c5;border-radius:9px;padding:6px 8px;font-weight:800;text-align:center;min-width:50px}.cardslider{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.person{min-width:150px;text-align:center;scroll-snap-align:start}.person img{width:112px;height:120px;object-fit:cover;border-radius:18px;background:#f0f4f8}.person b{display:block;margin-top:8px}.person small{color:#58708c}.trophy{border:1px solid #eee;border-radius:15px;padding:12px;text-align:center;min-width:150px}.trophy img{width:90px;height:95px}.trophy .rank{font-size:30px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;font-size:12px}.calendar span{padding:6px;text-align:center;background:#f6f8fb;border-radius:5px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:18px 4%;background:#fff;border-block:1px solid var(--line)}.stat{text-align:center}.stat b{font-size:30px;color:#073b72}.stat span{display:block;color:#63758a}.featuregrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:150px}.feature h3{color:#073b72}.sketchbox{height:150px;background:linear-gradient(135deg,#eaf5ff,#fff4dd);display:grid;place-items:center;border-radius:14px;font-size:55px}.tablewrap{overflow:auto;background:#fff;border-radius:16px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:700px}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left}th{background:#073b72;color:#fff}.pagehero{padding:50px 4%;background:linear-gradient(135deg,#eaf5ff,#fff7e9)}.pagehero h2{font-size:40px;margin:0;color:#073b72}.content{padding:30px 4%;max-width:1250px;margin:auto}.empty{padding:25px;border:2px dashed #c8d5e3;border-radius:15px;text-align:center;color:#63758a}.linkstrip{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;background:#eef5fb;padding:16px 4%;border-top:1px solid var(--line)}.linkstrip a{padding:8px 13px;background:#fff;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:#073b72;font-weight:700}.footer{background:#063568;color:#fff;padding:35px 4%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{display:block;text-decoration:none;margin:7px 0;color:#dbeafe}.footer h3,.footer h4{margin-top:0}.copyright{background:#03274e;color:#dbeafe;padding:12px 4%;text-align:center;font-size:13px}
.form{background:#fff;padding:22px;border:1px solid var(--line);border-radius:18px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #cfdbe7;border-radius:10px;font:inherit}.full{grid-column:1/-1}
@media(max-width:1100px){.dashgrid{grid-template-columns:1fr 1fr}.quick{grid-template-columns:repeat(3,1fr)}.featuregrid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr .6fr}}@media(max-width:720px){.topbar{display:none}.header{align-items:flex-start}.clockbox{display:none}.hamb{display:block}.navlinks{display:none;flex-direction:column;align-items:stretch}.navlinks.show{display:flex}.drop:hover .mega{position:static}.hero{grid-template-columns:1fr;padding-top:35px}.principal-card{max-width:320px}.quick{grid-template-columns:repeat(2,1fr)}.dashgrid,.featuregrid,.footer,.formgrid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.brand h1{font-size:20px}}
.topbar a{color:#fff;text-decoration:none}.edu-strip{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:8px 4%;background:#eef6ff;border-bottom:1px solid var(--line)}.edu-strip a{font-size:12px;font-weight:800;color:#073b72;text-decoration:none;background:#fff;padding:7px 12px;border:1px solid #d9e6f4;border-radius:999px}.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hero-badges span{background:#fff;border:1px solid #dbe5ef;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750}.principal-label{font-weight:800;color:#e63946;text-transform:uppercase;font-size:12px;letter-spacing:.1em;margin-bottom:9px}.quick a small{display:block;font-size:11px;color:#6a7d91;margin-top:4px;font-weight:600}.compact{padding-top:22px}.homegrid{display:grid;grid-template-columns:1.25fr 1fr .8fr;gap:16px}.homegrid.three{grid-template-columns:1fr 1fr 1fr}.panel h3{display:flex;align-items:center;justify-content:space-between}.panel h3 a{color:#fff;font-size:12px;text-decoration:none;font-weight:650}.monthtitle{font-weight:850;text-align:center;margin-bottom:8px;color:#073b72}.calendar b{text-align:center;padding:5px}.todaycell{background:#0b67c5!important;color:#fff!important;font-weight:800}.holiday-note{margin-top:12px;padding:9px;background:#fff4dd;border-radius:9px;font-size:12px}.slider-zone{background:#fff}.topper-zone{background:linear-gradient(135deg,#fff8e8,#f7fbff)}.slider-shell{position:relative}.slider-shell .cardslider{padding:8px 42px 14px}.slidebtn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:#073b72;color:#fff;font-size:28px;line-height:1;box-shadow:0 6px 16px #0002;cursor:pointer}.slidebtn.left{left:0}.slidebtn.right{right:0}.hint{font-size:12px;color:#64778c;text-align:center}.cleanlist{padding-left:20px;line-height:1.9}.link-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.link-list a{text-decoration:none;border:1px solid #dfe8f1;padding:9px;border-radius:9px;color:#073b72;font-weight:700;background:#fafdff}.visiongrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.visiongrid>div{background:linear-gradient(135deg,#eaf5ff,#fff);padding:28px;border-radius:20px;border:1px solid #dae6f2}.visiongrid h2{color:#073b72}.pagehero p{max-width:760px;color:#53657b}.person img,.trophy img{background:#eef4fb}.person{background:#fff;border:1px solid #e4ebf2;border-radius:16px;padding:12px;min-width:165px;box-shadow:0 8px 18px #17324f0b}.trophy{background:#fff;min-width:170px}.quick a:nth-child(4n+1){border-top:4px solid #0b67c5}.quick a:nth-child(4n+2){border-top:4px solid #e63946}.quick a:nth-child(4n+3){border-top:4px solid #0f9d68}.quick a:nth-child(4n+4){border-top:4px solid #ff9f1c}@media(max-width:1100px){.homegrid,.homegrid.three{grid-template-columns:1fr 1fr}.visiongrid{grid-template-columns:1fr}}@media(max-width:720px){.edu-strip{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.homegrid,.homegrid.three{grid-template-columns:1fr}.link-list{grid-template-columns:1fr}.slider-shell .cardslider{padding-left:24px;padding-right:24px}.slidebtn{width:32px;height:32px}.quick a small{font-size:10px}}