:root{--navy:#061b38;--blue:#0b2f61;--royal:#175aa8;--gold:#f3bd48;--bg:#f3f6fa;--ink:#14243a;--muted:#68778b;--line:#dce4ee;--white:#fff;--green:#15805c;--red:#b33b4a}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.home-nav{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 max(24px,50% - 580px);display:flex}.brand{color:var(--navy);font-size:20px;font-weight:800}.brand small{letter-spacing:2px;color:var(--muted);font-size:11px;display:block}.navlinks{align-items:center;gap:24px;font-weight:600;display:flex}.pill,.primary{border:0;border-radius:7px;padding:11px 17px;font-weight:700}.primary{background:var(--gold);color:var(--navy)}.hero{color:#fff;background:linear-gradient(115deg,#061b38 0%,#0b2f61 60%,#175aa8 100%);place-items:center;min-height:580px;padding:40px;display:grid}.hero>div{width:min(1160px,100%)}.hero h1{letter-spacing:-5px;max-width:850px;margin:18px 0;font-size:clamp(48px,8vw,92px);line-height:.98}.hero p{color:#d6e5f5;max-width:620px;font-size:19px;line-height:1.6}.hero .eyebrow{color:#b9dcff;text-transform:uppercase;letter-spacing:3px;font-size:13px}.quickbar{background:#fff;border-radius:10px;grid-template-columns:repeat(4,1fr);width:min(1100px,100% - 30px);margin:-42px auto 50px;display:grid;overflow:hidden;box-shadow:0 18px 45px #061b3820}.quickbar a{border-right:1px solid var(--line);color:var(--navy);padding:24px;font-weight:700}.quickbar small{color:var(--muted);margin-top:4px;display:block}.login-wrap{background:linear-gradient(135deg,var(--navy),var(--royal));place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#fff;border-radius:14px;width:min(440px,100%);padding:38px;box-shadow:0 25px 80px #0005}.login-card h1{color:var(--navy);margin:0 0 8px}.login-card p{color:var(--muted);line-height:1.6}.discord{text-align:center;color:#fff;background:#5865f2;border-radius:7px;margin-top:24px;padding:13px;font-weight:700;display:block}.dash{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.side{background:var(--navy);color:#c8d9eb;padding:25px 18px}.side .brand{color:#fff;border-bottom:1px solid #ffffff20;padding:0 10px 22px}.side nav{margin-top:22px}.side button{color:#bed0e1;text-align:left;background:0 0;border:0;border-radius:7px;width:100%;margin:3px 0;padding:12px}.side button.active,.side button:hover{color:#fff;background:#133963}.side .logout{color:#f4c4ca;margin-top:30px;padding:12px;display:block}.main{min-width:0}.top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:75px;padding:0 32px;display:flex}.content{max-width:1400px;margin:auto;padding:30px}.content h1{color:var(--navy);margin:0}.sub{color:var(--muted);margin:7px 0 25px}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.stat,.panel{border:1px solid var(--line);background:#fff;border-radius:10px;padding:20px}.stat span{color:var(--muted);font-size:14px}.stat strong{color:var(--navy);margin-top:8px;font-size:30px;display:block}.panel{margin-bottom:18px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel h2{color:var(--navy);margin:0;font-size:18px}.btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 13px;font-weight:700}.btn.blue{background:var(--royal);border-color:var(--royal);color:#fff}.formgrid{grid-template-columns:2fr 1fr 1fr auto;gap:10px;display:grid}.formgrid input,.formgrid select,.grade-row input{border:1px solid #bdc9d7;border-radius:7px;padding:10px}.classes{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.class{border:1px solid var(--line);border-radius:9px;padding:17px}.class h3{color:var(--navy);margin:0}.class p{color:var(--muted);font-size:14px}.tabs{gap:8px;margin-bottom:18px;display:flex}.tabs button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 15px;font-weight:700}.tabs button.active{background:var(--navy);color:#fff}.roster{border-collapse:collapse;width:100%}.roster th,.roster td{text-align:left;border-bottom:1px solid var(--line);padding:13px}.roster th{color:var(--muted);font-size:13px}.status{border:1px solid var(--line);border-radius:99px;padding:5px 8px}.message{color:var(--green);background:#e7f6ef;border-radius:7px;margin-bottom:15px;padding:12px}.error{color:var(--red);background:#fdebed}@media (max-width:800px){.navlinks a:not(.pill){display:none}.quickbar{grid-template-columns:1fr 1fr}.dash{display:block}.side{position:static}.side nav{display:flex;overflow:auto}.side button{white-space:nowrap}.classes,.stats,.formgrid{grid-template-columns:1fr}.content{padding:20px}.top{padding:0 20px}.hero h1{letter-spacing:-2px}}
.school-home{--sky:#b9dcff;color:var(--ink);background:#fff;line-height:1.6}.site-wrap{width:min(1160px,100% - 40px);margin:auto}.school-top{background:var(--navy);color:#cfe0f2;font-size:13px}.school-top .site-wrap{justify-content:flex-end;gap:24px;padding:8px 0;display:flex}.school-top a:hover{color:#fff}.school-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;position:sticky;top:0}.school-header nav{justify-content:space-between;align-items:center;height:82px;display:flex}.school-brand{align-items:center;gap:13px;display:flex}.school-brand img{object-fit:contain;width:60px;height:60px}.school-brand strong{color:var(--navy);font-size:18px;display:block}.school-brand small{color:#64748b;letter-spacing:2px;text-transform:uppercase;font-size:12px;display:block}.school-links{align-items:center;gap:28px;font-size:15px;font-weight:700;display:flex}.school-links>a:not(.site-btn):hover{color:var(--royal)}.school-menu{display:none;position:relative}.school-menu summary{background:var(--bg);color:var(--navy);cursor:pointer;border-radius:8px;padding:9px 13px;list-style:none}.school-menu div{border:1px solid var(--line);background:#fff;border-radius:9px;width:210px;padding:10px;position:absolute;top:48px;right:0;box-shadow:0 15px 35px #061b3825}.school-menu div a{border-radius:6px;padding:10px;display:block}.school-menu div a:hover{background:var(--bg)}.site-btn{border:1px solid #0000;border-radius:7px;align-items:center;padding:13px 20px;font-weight:800;display:inline-flex}.site-primary{background:var(--gold);color:var(--navy)}.site-primary:hover{background:#ffd16b}.site-secondary{color:#fff;border-color:#ffffff8c}.site-secondary:hover{background:#ffffff18}.school-hero{color:#fff;background:linear-gradient(115deg,#061b38fa 0%,#0b2f61eb 54%,#175aa88c 100%),radial-gradient(circle at 82% 35%,#8bc3ef 0 2%,#0000 3%),linear-gradient(145deg,#296dae,#0a315f);align-items:center;min-height:590px;display:grid;position:relative;overflow:hidden}.school-hero:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:590px;height:590px;position:absolute;bottom:-190px;right:-110px;box-shadow:0 0 0 75px #ffffff0a,0 0 0 150px #ffffff08}.school-hero .site-wrap{z-index:1;position:relative}.site-eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--sky);align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.site-eyebrow:before{content:"";background:var(--gold);width:36px;height:3px}.school-hero h1{letter-spacing:-5px;max-width:820px;margin:24px 0 22px;font-size:clamp(48px,7vw,98px);line-height:.96}.school-hero p{color:#d7e6f5;max-width:620px;margin:0 0 32px;font-size:18px}.site-actions{flex-wrap:wrap;gap:14px;display:flex}.school-quick{z-index:4;margin-top:-46px;position:relative}.quick-grid{background:#fff;border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden;box-shadow:0 18px 46px #061b3826}.quick-grid>a{border-right:1px solid var(--line);align-items:center;gap:16px;padding:26px;display:flex}.quick-grid>a:last-child{border:0}.quick-grid>a:hover{background:#eef5fb}.quick-grid strong{color:var(--navy);display:block}.quick-grid small{color:var(--muted)}.round-icon{width:42px;height:42px;color:var(--blue);background:#dcecff;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.school-home section:not(.school-hero){padding:88px 0}.site-section-head{justify-content:space-between;align-items:end;gap:28px;margin-bottom:35px;display:flex}.site-kicker{color:var(--royal);letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:800}.site-section-head h2,.about-copy h2{letter-spacing:-2px;color:var(--navy);margin:8px 0;font-size:clamp(32px,4vw,53px);line-height:1.08}.site-section-head>p{max-width:510px;color:var(--muted);margin:0}.school-news,.school-tools{background:#f7fafd}.news-cards{grid-template-columns:1.25fr 1fr 1fr;gap:20px;display:grid}.news-card{border:1px solid var(--line);background:#fff;border-radius:10px;transition:all .2s;overflow:hidden}.news-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #09274f17}.news-art{color:#fff;background:linear-gradient(135deg,#0a2e5d,#1973c5);align-items:end;height:170px;padding:22px;display:flex}.news-card.featured .news-art{background:linear-gradient(135deg,#061b38,#175aa8 66%,#88bce8);height:230px}.news-date{text-transform:uppercase;letter-spacing:2px;color:#b9dcff;font-size:11px;font-weight:700}.news-body{padding:22px}.news-body h3{color:var(--navy);margin:8px 0;font-size:20px;line-height:1.25}.news-body p{color:var(--muted);margin:0;font-size:15px}.news-body a{color:var(--royal);margin-top:16px;font-weight:700;display:inline-block}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.about-visual{background:var(--blue);border-radius:10px;place-items:center;min-height:390px;display:grid;position:relative;overflow:hidden}.about-visual:before{content:"CHS";color:#ffffff14;letter-spacing:-10px;font-size:clamp(80px,13vw,160px);font-weight:900}.pride-card{background:#fff;border-radius:8px;padding:20px 24px;position:absolute;bottom:28px;left:28px;box-shadow:0 14px 35px #0005}.pride-card strong{color:var(--blue);font-size:32px;display:block}.pride-card span,.about-copy p{color:var(--muted)}.school-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.school-stats div{border-left:3px solid var(--gold);padding-left:13px}.school-stats strong{color:var(--navy);font-size:25px;display:block}.school-stats span{color:var(--muted);font-size:13px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tool-grid article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:25px}.school-gradebook .tool-grid article{background:#f9fbfd}.tool-grid h3{color:var(--navy);margin:17px 0 9px;font-size:19px}.tool-grid p{color:var(--muted);margin:0}.school-cta{background:var(--navy);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:25px 28px;display:flex}.school-cta strong,.school-cta span{display:block}.school-cta span{color:#b9cbe0;margin-top:4px}.school-events{background:var(--navy);color:#fff}.school-events .site-kicker{color:#8ec8ff}.school-events .site-section-head h2{color:#fff}.school-events .site-section-head p{color:#b9cbe0}.event-list{border-top:1px solid #fff3}.event-list>a{border-bottom:1px solid #ffffff26;grid-template-columns:90px 1fr auto;align-items:center;gap:25px;padding:24px 0;display:grid}.event-day{color:var(--gold);font-size:32px;font-weight:900;line-height:1}.event-day small,.event-list>a>span:nth-child(2) small{display:block}.event-day small{letter-spacing:2px;margin-top:6px;font-size:11px}.event-list>a>span:nth-child(2) strong{font-size:18px;display:block}.event-list>a>span:nth-child(2) small{color:#abc1d9;margin-top:4px}.event-list b{border:1px solid #7793af;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.school-footer{color:#b6c8db;background:#041329;padding:55px 0 22px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:55px;display:grid}.footer-grid>div:first-child>strong{color:#fff;font-size:20px}.footer-grid h3{color:#fff;margin:0 0 13px}.footer-grid a{margin:7px 0;font-size:14px;display:block}.footer-grid a:hover{color:#fff}.copyright{border-top:1px solid #ffffff21;margin-top:40px;padding-top:20px;font-size:13px}@media (max-width:850px){.school-links{display:none}.school-menu{display:block}.school-top{display:none}.school-hero{min-height:540px}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid>a:nth-child(2){border-right:0}.quick-grid>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.news-cards{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:1/-1}.about-grid{grid-template-columns:1fr;gap:35px}.tool-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media (max-width:560px){.site-wrap{width:min(100% - 26px,1160px)}.school-header nav{height:70px}.school-brand img{width:48px;height:48px}.school-brand strong{font-size:15px}.school-brand small{font-size:10px}.school-hero{min-height:510px}.school-hero h1{letter-spacing:-2px;font-size:49px}.school-quick{margin-top:-28px}.quick-grid>a{gap:10px;padding:17px 14px}.quick-grid small{display:none}.round-icon{width:34px;height:34px}.site-section-head{flex-direction:column;align-items:start}.news-cards{grid-template-columns:1fr}.news-card.featured{grid-column:auto}.news-card.featured .news-art{height:190px}.school-stats{grid-template-columns:1fr}.school-cta{flex-direction:column;align-items:flex-start}.event-list>a{grid-template-columns:64px 1fr}.event-list b{display:none}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}.event-row{border-bottom:1px solid #ffffff26;grid-template-columns:90px 1fr;align-items:center;gap:25px;padding:24px 0;display:grid}.event-row>span:nth-child(2) strong,.event-row>span:nth-child(2) small{display:block}.event-row>span:nth-child(2) strong{font-size:18px}.event-row>span:nth-child(2) small{color:#abc1d9;margin-top:4px}@media (max-width:560px){.event-row{grid-template-columns:64px 1fr}}.homepage-gallery{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.homepage-gallery article{color:#fff;background-position:50%;background-size:cover;border-radius:10px;flex-direction:column;justify-content:end;min-height:260px;padding:22px;display:flex}.homepage-gallery strong{font-size:20px}.homepage-gallery span{text-transform:uppercase;letter-spacing:2px;font-size:11px}@media (max-width:800px){.homepage-gallery{grid-template-columns:1fr 1fr}}@media (max-width:560px){.homepage-gallery{grid-template-columns:1fr}}.language-links{gap:8px;margin-right:auto;display:flex}.language-links a{color:#fff;font-weight:900}.emergency-public{z-index:100;color:#3e2b00;text-align:center;background:#ffd666;justify-content:center;gap:18px;padding:14px 24px;display:flex;position:relative}.emergency-public.closure{color:#fff;background:#a91d35}.emergency-public.warning{color:#fff;background:#ea7a20}.emergency-public strong{font-weight:900}.emergency-public span{font-weight:600}@media (max-width:600px){.emergency-public{flex-direction:column;gap:3px}}
.class .danger{margin-top:15px;display:block}.danger{color:#a32035;border-color:#efb8c0}.danger:hover{background:#fdebed}.grade-entry{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 2fr 1.2fr 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.grade-entry input,.grade-entry select{background:#fff;border:1px solid #bdc9d7;border-radius:7px;min-width:0;padding:10px}@media (max-width:900px){.grade-entry{grid-template-columns:1fr 1fr}.grade-entry strong{grid-column:1/-1}}@media (max-width:560px){.grade-entry{grid-template-columns:1fr}.grade-entry strong{grid-column:auto}.roster{white-space:nowrap;display:block;overflow-x:auto}}.gradebook-form{grid-template-columns:2fr 1.4fr 1.2fr 1fr auto;align-items:end;gap:12px;display:grid}.gradebook-form label span{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.gradebook-form input,.gradebook-form select{background:#fff;border:1px solid #bdc9d7;border-radius:7px;width:100%;padding:10px}.gradebook-form button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1000px){.gradebook-form{grid-template-columns:1fr 1fr}.gradebook-form button{align-self:end}}@media (max-width:560px){.gradebook-form{grid-template-columns:1fr}}.student-picker{max-width:520px;display:block}.student-picker span{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.student-picker select{background:#fff;border:1px solid #bdc9d7;border-radius:7px;width:100%;padding:11px}.grade-summary{background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff;grid-template-columns:1fr 1fr;gap:18px;display:grid}.grade-summary span{color:#b9cbe0;font-size:14px;display:block}.grade-summary strong{margin-top:5px;font-size:26px;display:block}.overall-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:18px;display:grid}@media (max-width:560px){.grade-summary{grid-template-columns:1fr}}.staff-plus-badge{color:var(--royal);text-transform:uppercase;letter-spacing:1.5px;background:#e9f2ff;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-block}.staff-list,.schedule-grid{gap:12px;display:grid}.schedule-grid{grid-template-columns:repeat(3,1fr)}.staff-item{border:1px solid var(--line);background:#f9fbfd;border-radius:9px;align-items:flex-start;gap:16px;padding:18px;display:flex}.staff-item>span{min-width:58px;color:var(--royal);letter-spacing:1px;font-size:13px;font-weight:900}.staff-item strong{color:var(--navy);display:block}.staff-item p{color:var(--muted);margin:5px 0 0;line-height:1.5}@media (max-width:850px){.schedule-grid{grid-template-columns:1fr}}.staff-editor{grid-template-columns:1fr 180px;gap:10px;display:grid}.staff-editor input,.staff-editor textarea{border:1px solid #bdc9d7;border-radius:7px;padding:11px}.staff-editor textarea{resize:vertical;grid-column:1/-1;min-height:90px}.staff-editor button{justify-self:start}@media (max-width:700px){.staff-editor{grid-template-columns:1fr}.staff-editor textarea{grid-column:auto}}.editor-actions,.staff-item-actions{gap:8px;display:flex}.editor-actions{grid-column:1/-1}.staff-item-actions{margin-top:12px}.staff-item>div{flex:1;min-width:0}.homepage-editor{grid-template-columns:1fr 1fr;gap:14px;display:grid}.homepage-editor label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.homepage-editor .wide{grid-column:1/-1}.homepage-editor input,.homepage-editor textarea{color:var(--ink);background:#fff;border:1px solid #bdc9d7;border-radius:7px;padding:11px}.homepage-editor textarea{resize:vertical;min-height:90px}.homepage-editor button{justify-self:start}@media (max-width:700px){.homepage-editor{grid-template-columns:1fr}.homepage-editor .wide{grid-column:auto}}.student-announcement-list{gap:14px;margin-top:20px;display:grid}.student-announcement{border:1px solid var(--line);border-left:5px solid var(--royal);background:#f9fbfd;border-radius:9px;padding:18px}.student-announcement>div:first-child{color:var(--royal);justify-content:space-between;gap:12px;font-size:13px;font-weight:800;display:flex}.student-announcement small{color:var(--muted);font-weight:600}.student-announcement h3{color:var(--navy);margin:10px 0 6px}.student-announcement p{color:var(--muted);white-space:pre-wrap;margin:0;line-height:1.55}.homepage-list{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.hub-panel{margin:0}.hub-panel:nth-child(2n){align-self:start}.hub-row{border-bottom:1px solid var(--line);padding:14px 0}.hub-row:last-child{border-bottom:0}.hub-row>div{justify-content:space-between;gap:12px;display:flex}.hub-row strong{color:var(--navy)}.hub-row small{color:var(--muted)}.hub-row p{color:var(--muted);margin:6px 0 0}.hub-form,.hub-submit{gap:9px;margin:12px 0 20px;display:grid}.hub-form input,.hub-form select,.hub-form textarea,.hub-submit input{background:#fff;border:1px solid #bdc9d7;border-radius:7px;padding:10px}.hub-form textarea{min-height:75px}.hub-submit{border:1px solid var(--line);border-radius:8px;padding:14px}.hub-submit small{color:var(--muted)}.hub-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hub-stats div{background:#f1f6fb;border-radius:8px;padding:16px}.hub-stats strong,.hub-stats span{display:block}.hub-stats strong{color:var(--navy);font-size:26px}.hub-stats span{color:var(--muted);font-size:13px}@media (max-width:850px){.hub-grid{grid-template-columns:1fr}}.hub-submit textarea,.quiz-card select{background:#fff;border:1px solid #bdc9d7;border-radius:7px;padding:10px}.quiz-card{border:1px solid var(--line);border-radius:9px;gap:12px;margin-top:12px;padding:16px;display:grid}.quiz-card label{gap:6px;display:grid}.quiz-card label span{color:var(--navy);font-weight:700}.check-field{color:var(--muted);align-items:center;gap:8px;font-weight:700;display:flex}.check-field input{width:auto}.credit-meter>strong{color:var(--navy);font-size:22px}.credit-meter>div{background:#e4ebf2;border-radius:99px;height:12px;margin-top:10px;overflow:hidden}.credit-meter span{background:linear-gradient(90deg,var(--royal),var(--blue));border-radius:99px;height:100%;display:block}.layout-compact .panel{padding:16px}.layout-compact .hub-grid{gap:10px}.layout-focus .side{background:#071a31}.layout-focus .hub-grid{grid-template-columns:1fr}.student-id-card{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:14px;grid-template-columns:90px 1fr auto;align-items:center;gap:18px;padding:22px;display:grid}.student-id-card img{object-fit:contain;background:#fff;border-radius:50%;width:86px;height:86px}.student-id-card h3{margin:3px 0;font-size:25px}.student-id-card p{color:#d8e7f5;margin:2px 0}.student-id-card small{letter-spacing:2px}@media (max-width:600px){.student-id-card{grid-template-columns:70px 1fr}.student-id-card img{width:68px;height:68px}.student-id-card button{grid-column:1/-1}}@media print{body *{visibility:hidden}.student-id-card,.student-id-card *{visibility:visible}.student-id-card{width:620px;position:absolute;top:20px;left:20px}}.mobile-nav-toggle{display:none}.side nav button{justify-content:space-between;align-items:center;gap:8px;display:flex}.nav-badge{background:var(--gold);min-width:22px;height:22px;color:var(--navy);border-radius:99px;place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.hub-search{border:1px solid #bdc9d7;border-radius:8px;width:100%;margin:12px 0;padding:12px}.quiz-builder{gap:12px;display:grid}.quiz-builder fieldset{border:1px solid var(--line);border-radius:8px;gap:9px;padding:12px;display:grid}.quiz-builder legend{color:var(--navy);font-weight:800}.quiz-builder label{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.quiz-builder label span{align-items:center;gap:5px;font-size:12px;display:flex}.print-heading{border-bottom:2px solid var(--navy);align-items:center;gap:15px;padding-bottom:12px;display:flex}.print-heading img{object-fit:contain;width:70px;height:70px}.print-heading h2,.print-heading p{margin:0}.print-student{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr auto;gap:10px;padding:14px 0;display:grid}.print-student small{grid-column:1/-1}.print-records{margin:14px 0}@media (max-width:800px){.mobile-nav-toggle{z-index:50;background:var(--navy);color:#fff;text-align:left;border:0;width:100%;padding:14px 20px;font-weight:800;display:block;position:sticky;top:0}.dash .side{display:none}.dash.mobile-open .side{z-index:49;display:block;position:fixed;inset:48px 0 0;overflow:auto}.dash.mobile-open .side nav{display:grid}.dash.mobile-open .main{display:none}}@media print{.print-records,.print-records *{visibility:visible!important}.print-records{width:calc(100% - 40px);position:absolute;top:20px;left:20px}}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.calendar-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.calendar-head h2{margin:0}.calendar-week,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-week b{text-align:center;color:var(--muted);padding:14px 5px;font-size:12px}.calendar-day{border:1px solid var(--line);background:#fff;min-height:110px;padding:8px}.calendar-day strong{color:var(--navy);margin-bottom:6px;display:block}.calendar-day small{color:var(--royal);white-space:nowrap;text-overflow:ellipsis;background:#e9f2ff;border-radius:4px;margin:3px 0;padding:4px 6px;display:block;overflow:hidden}.muted-day{opacity:.55;background:#f5f7f9}.text-btn{color:var(--royal);cursor:pointer;background:0 0;border:0;margin-left:8px;font-weight:800}.hub-form>label{color:var(--navy);gap:6px;font-weight:700;display:grid}.hub-row .btn{margin:7px 4px 0 0}@media (max-width:850px){.overview-grid{grid-template-columns:1fr}.calendar-day{min-height:75px;padding:5px}.calendar-day small,.calendar-week b{font-size:10px}.calendar-head h2{font-size:18px}}.schedule-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.schedule-cards article{border:1px solid var(--line);border-left:5px solid var(--royal);border-radius:9px;align-items:center;gap:14px;padding:16px;display:flex}.schedule-cards article>span{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.schedule-cards p{color:var(--muted);margin:4px 0}.report-filters,.export-grid{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.report-filters select{background:#fff;border:1px solid #bdc9d7;border-radius:7px;padding:10px}.report-stats{grid-template-columns:repeat(4,1fr);margin-top:18px}.progress-alert{background:#fff8e2;border-left:5px solid #e0a100;border-radius:8px;justify-content:space-between;gap:12px;margin:10px 0;padding:14px 16px;display:flex}.progress-alert span{color:var(--muted)}.dashboard-emergency{color:#5f4200;background:#fff1bf;border-radius:8px;justify-content:center;gap:12px;margin-bottom:18px;padding:13px 18px;display:flex}.dashboard-emergency.closure{color:#8e1025;background:#ffe1e4}.dashboard-emergency.warning{color:#7a4100;background:#fff0d8}.table-note{color:var(--muted);margin-top:4px;display:block}@media (max-width:700px){.report-stats{grid-template-columns:1fr 1fr}.progress-alert,.dashboard-emergency{flex-direction:column}}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.services-grid .hub-panel{align-self:start}.club-card,.request-card{border:1px solid var(--line);background:#f9fbfd;border-radius:9px;margin:10px 0;padding:15px}.club-card{justify-content:space-between;align-items:center;gap:14px;display:flex}.club-card p{color:var(--muted);margin:5px 0}.club-card small{color:var(--muted)}.request-card strong,.request-card small{display:block}.request-card p{color:var(--muted);margin:7px 0}.request-card small{margin-bottom:9px}.request-card input{background:#fff;border:1px solid #bdc9d7;border-radius:7px;width:100%;margin-bottom:8px;padding:10px}.request-card>div{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:900px){.services-grid{grid-template-columns:1fr}}@media (max-width:600px){.club-card{flex-direction:column;align-items:flex-start}}.document-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.document-grid article{border:1px solid var(--line);border-top:5px solid var(--royal);background:#f9fbfd;border-radius:9px;padding:16px}.document-grid article>span{color:var(--royal);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:900}.document-grid article>strong{color:var(--navy);margin-top:7px;font-size:18px;display:block}.document-grid article p{color:var(--muted);min-height:42px}.document-grid article>div{flex-wrap:wrap;gap:8px;display:flex}.maintenance-list{gap:12px;display:grid}.maintenance-list form{border:1px solid var(--line);border-radius:9px;grid-template-columns:180px 1fr 170px auto;align-items:center;gap:10px;padding:14px;display:grid}.maintenance-list strong,.maintenance-list small{display:block}.maintenance-list small{color:var(--muted);margin-top:3px}.maintenance-list input,.maintenance-list select{background:#fff;border:1px solid #bdc9d7;border-radius:7px;padding:10px}.priority-tag{text-transform:uppercase;letter-spacing:1px;color:var(--royal);vertical-align:middle;background:#e9f2ff;border-radius:99px;margin-right:8px;padding:4px 7px;font-size:10px;display:inline-block}.priority-tag.important{color:#795000;background:#fff0c7}.priority-tag.urgent{color:#9d1830;background:#ffe1e4}.announcement-attachment{color:var(--royal);margin-top:10px;font-weight:800;display:block}@media (max-width:900px){.maintenance-list form{grid-template-columns:1fr 1fr}.maintenance-list form>div,.maintenance-list form>input{grid-column:1/-1}}@media (max-width:560px){.maintenance-list form{grid-template-columns:1fr}}.language-fixed{background:#f6f9fc;border:1px solid #bdc9d7;border-radius:7px;justify-content:space-between;align-items:center;padding:10px;display:flex}.language-fixed span{color:var(--muted)}.admin-suite{grid-column:1/-1}.admin-suite .panel-head{margin-bottom:10px}.admin-suite .panel-head p{margin:5px 0 0}.suite-tabs{border-bottom:1px solid var(--line);gap:7px;margin-bottom:18px;padding:4px 0 18px;display:flex;overflow-x:auto}.suite-tabs button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#f5f8fb;border-radius:99px;flex:none;padding:9px 13px;font-weight:700}.suite-tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff}.suite-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.suite-card{border:1px solid var(--line);border-left:4px solid var(--royal);background:#f9fbfd;border-radius:9px;padding:15px}.suite-card span{color:var(--royal);text-transform:uppercase;font-size:12px;font-weight:800}.suite-card h3{color:var(--navy);margin:6px 0}.suite-card code{color:var(--muted);font-size:12px}.suite-card p{color:var(--muted);margin:9px 0 0}.suite-columns{grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:24px;display:grid}.suite-columns h3{color:var(--navy);margin:0 0 12px}.access-preview{background:#eef5fc;border:1px solid #cbdced;border-radius:10px;margin-top:16px;padding:20px}.access-preview>strong{color:var(--navy);font-size:22px}.report-actions{flex-wrap:wrap;gap:10px;display:flex}.accountability-list{gap:8px;margin-top:18px;display:grid}.accountability-list>div{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:15px;padding:12px;display:flex}.accountability-list strong,.accountability-list small{display:block}.accountability-list small{color:var(--muted);margin-top:3px}.accountability-list select{background:#fff;border:1px solid #bdc9d7;border-radius:7px;min-width:170px;padding:9px}@media (max-width:800px){.suite-columns{grid-template-columns:1fr}.accountability-list>div{flex-direction:column;align-items:flex-start}.accountability-list select{width:100%}}.planner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.preference-list{gap:10px;display:grid}.preference-list label{border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.preference-list span,.preference-list strong,.preference-list small{display:block}.preference-list small{color:var(--muted);margin-top:3px}.analytics-cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.analytics-cards>div{background:linear-gradient(135deg,var(--navy),var(--royal));color:#fff;border-radius:10px;padding:20px}.analytics-cards span,.analytics-cards strong{display:block}.analytics-cards span{color:#cbdced;font-size:13px}.analytics-cards strong{margin-top:5px;font-size:28px}.bar-chart{gap:12px;display:grid}.bar-chart>div{grid-template-columns:90px 1fr 45px;align-items:center;gap:10px;display:grid}.bar-chart i{background:linear-gradient(90deg,var(--royal),#63a5ff);border-radius:99px;min-width:3px;height:18px;display:block}.timeline-feed article{grid-template-columns:18px 1fr;gap:12px;padding:0 0 18px;display:grid}.timeline-feed i{background:var(--royal);border-radius:50%;width:12px;height:12px;margin-top:5px;box-shadow:0 0 0 5px #e9f2ff}.timeline-feed p,.timeline-feed small{color:var(--muted);margin:3px 0}.preset-checks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preset-checks label{border:1px solid var(--line);border-radius:7px;padding:10px}.announcement-read{margin-top:10px}.read-confirmation{color:#167344;margin-top:10px;font-weight:800;display:block}@media (max-width:850px){.planner-grid{grid-template-columns:1fr}.analytics-cards,.preset-checks{grid-template-columns:1fr 1fr}}@media (max-width:520px){.analytics-cards,.preset-checks{grid-template-columns:1fr}}.dash{grid-template-columns:275px minmax(0,1fr)}.side{max-height:100vh;padding:24px 16px;position:sticky;top:0;overflow-y:auto}.side nav{gap:18px;margin-top:14px;display:grid}.nav-section{gap:3px;display:grid}.nav-section h2{color:#7fa2c5;text-transform:uppercase;letter-spacing:1.4px;margin:0 10px 5px;font-size:12px;line-height:1.4}.side .nav-section button{margin:0;padding:10px 12px;font-size:14px}.side .nav-section button.active{color:var(--navy);background:#fff;box-shadow:0 5px 16px #0002}.side .logout{border-top:1px solid #ffffff20;margin-top:22px}.page-heading{margin-bottom:24px}.page-heading>span{color:var(--royal);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px;font-size:12px;font-weight:800;display:block}.page-heading .sub{max-width:720px;margin-bottom:0}.top strong{color:var(--navy)}@media (max-width:800px){.mobile-nav-toggle{z-index:60;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0;box-shadow:0 3px 12px #061b3830}.mobile-nav-toggle:after{content:"☰";font-size:20px}.dash.mobile-open+.mobile-nav-toggle:after{content:"×"}.dash.mobile-open .side{max-height:none;padding-bottom:40px;top:50px}.dash.mobile-open .side nav{display:grid;overflow:visible}.side .nav-section button{white-space:normal}.top{align-items:flex-start;gap:12px;height:auto;min-height:70px;padding-top:16px;padding-bottom:16px}.top span{text-align:right;font-size:13px}}
.picker-grid{grid-template-columns:1fr 1fr;gap:16px;max-width:900px;display:grid}.picker-grid .student-picker{max-width:none}.grade-summary{grid-template-columns:repeat(3,1fr)}@media (max-width:700px){.picker-grid,.grade-summary{grid-template-columns:1fr}}
.attendance-head{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin:24px 0 8px;padding-top:20px;display:flex}.attendance-head strong,.attendance-head span{display:block}.attendance-head span{color:var(--muted);margin-top:3px;font-size:14px}.absence-alert{background:#fff8f8;border-color:#efb8c0}.absence-alert .panel-head{color:#a32035}.absence-row{border-top:1px solid #f2cdd2;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px 0;display:grid}.absence-row span,.absence-row small{color:var(--muted)}@media (max-width:620px){.attendance-head{flex-direction:column;align-items:flex-start}.absence-row{grid-template-columns:1fr}.absence-row span,.absence-row small{margin-top:-7px}}
.row-actions{align-items:center;gap:8px;display:flex}.row-actions .btn{white-space:nowrap}@media (max-width:560px){.row-actions{flex-direction:column;align-items:stretch}}
.brand-with-logo{align-items:center;gap:11px;display:flex}.brand-with-logo>img{object-fit:contain;width:52px;height:52px}.brand-with-logo>span{display:block}.login-logo{object-fit:contain;width:105px;height:105px;margin:0 auto 18px;display:block}.login-card>.brand{text-align:center;margin-bottom:22px}.side>.brand{min-height:53px;padding-left:60px;position:relative}.side>.brand:before{content:"";background:url(/cypress-logo.png) 50%/contain no-repeat;width:46px;height:46px;position:absolute;top:0;left:4px}.home-footer .brand-with-logo>img{width:44px;height:44px}@media (max-width:560px){.brand-with-logo>img{width:44px;height:44px}}