:root{--navy-950:#072442;--navy-900:#0a3158;--navy-800:#104772;--blue-600:#1769aa;--blue-100:#e9f3fb;--gold-500:#f8c900;--gold-100:#fff7cf;--ink-900:#17263a;--ink-700:#43536a;--ink-500:#718096;--line:#e4eaf1;--surface:#f4f7fb;--white:#fff;--green:#1a936f;--green-bg:#e8f7f2;--purple:#7257b8;--purple-bg:#f1edfb;--orange:#c87816;--orange-bg:#fff3df;--red:#c14949;--red-bg:#fceaea;--shadow:0 12px 34px #132d4914;--radius:18px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--surface);color:var(--ink-900);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #1769aa59}.ui-icon{flex:none;display:block}.eyebrow{color:var(--blue-600);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.6rem;font-size:.72rem;font-weight:800;display:block}.eyebrow.light{color:#a9d7ff}.login-page{background:var(--white);grid-template-columns:minmax(480px,1.12fr) minmax(430px,.88fr);min-height:100vh;display:grid}.login-brand-panel{color:var(--white);background:linear-gradient(145deg,#052340f5,#083960f0),radial-gradient(circle at 18% 18%,#256e9e,#0000 42%);flex-direction:column;min-height:100vh;padding:clamp(2rem,5vw,5rem);display:flex;position:relative;overflow:hidden}.login-brand-panel:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:560px;height:560px;position:absolute;top:12%;right:-270px;box-shadow:0 0 0 90px #ffffff06,0 0 0 180px #ffffff05}.brand-lockup{z-index:1;align-items:center;gap:1rem;display:flex;position:relative}.brand-lockup img{filter:drop-shadow(0 8px 18px #00000038);height:auto}.brand-lockup div{flex-direction:column;display:flex}.brand-lockup strong{font-size:1.35rem}.brand-lockup .eyebrow{margin:0}.login-hero-copy{z-index:1;max-width:680px;margin:auto 0;position:relative}.security-pill{background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .8rem;font-size:.8rem;font-weight:700;display:inline-flex}.security-pill:before{background:var(--gold-500);content:"";border-radius:50%;width:7px;height:7px}.login-hero-copy h1{letter-spacing:-.055em;max-width:780px;margin:1.6rem 0 1.3rem;font-size:clamp(2.8rem,5.2vw,5.4rem);line-height:.98}.login-hero-copy p{color:#ffffffba;max-width:610px;font-size:clamp(1rem,1.7vw,1.25rem)}.login-feature-grid{z-index:1;border-top:1px solid #ffffff21;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.5rem;display:grid;position:relative}.login-feature-grid div{align-items:center;gap:.75rem;display:flex}.login-feature-grid span{color:var(--gold-500);font-size:.72rem;font-weight:800}.login-feature-grid p{color:#ffffffc7;margin:0;font-size:.82rem}.login-form-panel{justify-content:center;align-items:center;padding:clamp(2rem,6vw,6rem);display:flex}.login-card{width:100%;max-width:470px}.login-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.1rem,3vw,3rem)}.form-intro{color:var(--ink-500);margin:.55rem 0 2rem}.mobile-brand{align-items:center;gap:.8rem;margin-bottom:2.5rem;display:none}.login-form{flex-direction:column;display:flex}.login-form label,.password-label{color:var(--ink-700);font-size:.82rem;font-weight:750}.password-label{justify-content:space-between;align-items:center;display:flex}.text-button{color:var(--blue-600);background:0 0;border:0;padding:0;font-size:.76rem}.login-form input{color:var(--ink-900);background:#fbfcfe;border:1px solid #dce4ed;border-radius:11px;margin:.45rem 0 1.15rem;padding:.9rem 1rem;transition:all .2s}.login-form input:focus{border-color:var(--blue-600);background:#fff;outline:none;box-shadow:0 0 0 4px #1769aa17}.first-access-note{background:var(--gold-100);color:var(--ink-700);border:1px solid #f2df86;border-radius:11px;flex-direction:column;gap:.12rem;margin:-.15rem 0 1rem;padding:.72rem .85rem;font-size:.74rem;display:flex}.first-access-note strong{color:var(--navy-900);font-size:.76rem}.login-error{background:var(--red-bg);color:var(--red);border-radius:9px;margin:0 0 .8rem;padding:.65rem .75rem;font-size:.76rem}.primary-button{background:var(--navy-900);color:#fff;border:0;border-radius:11px;margin-top:.35rem;padding:.95rem 1rem;font-weight:800}.primary-button:disabled{cursor:not-allowed;opacity:.55}.demo-box{background:var(--blue-100);border-radius:14px;justify-content:space-between;align-items:center;margin-top:1.35rem;padding:1rem 1.1rem;display:flex}.demo-box strong{font-size:.85rem;display:block}.demo-box p{color:var(--ink-500);margin:.15rem 0 0;font-size:.75rem}.demo-link{color:var(--blue-600);white-space:nowrap;font-size:.8rem;font-weight:800;text-decoration:none}.demo-box.expanded{align-items:flex-start}.demo-actions{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.demo-link.secondary{color:var(--ink-700)}.compact-demo-box{margin-top:.8rem}.trial-accounts{border:1px solid var(--line);background:#f7f9fc;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:.55rem;margin-top:1rem;padding:.8rem;display:grid}.trial-heading{flex-direction:column;grid-column:1/-1;padding:.1rem .15rem .25rem;display:flex}.trial-heading strong{font-size:.8rem}.trial-heading span{color:var(--ink-500);font-size:.69rem}.trial-accounts button{border:1px solid var(--line);color:var(--ink-700);cursor:pointer;text-align:left;background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.65rem .7rem;display:flex}.trial-accounts button:hover{border-color:var(--blue-600)}.trial-accounts button span{color:var(--blue-600);text-transform:uppercase;font-size:.68rem;font-weight:800}.trial-accounts code{color:var(--navy-900);font-family:inherit;font-size:.7rem;font-weight:750}.trial-accounts small{color:var(--ink-500);font-size:.66rem}.privacy-note{color:var(--ink-500);text-align:center;max-width:390px;margin:1.2rem auto 0;font-size:.72rem}.password-change-page{background:radial-gradient(circle at 20% 15%, #1769aa1f, transparent 32%), var(--surface);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.password-change-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;width:100%;max-width:520px;padding:clamp(1.5rem,5vw,3rem)}.password-change-brand{align-items:center;gap:.8rem;margin-bottom:2rem;display:flex}.password-change-brand div{flex-direction:column;display:flex}.password-change-brand strong{color:var(--navy-900)}.password-change-brand span{color:var(--ink-500);font-size:.76rem}.access-step{color:var(--ink-500);align-items:center;gap:.45rem;margin-bottom:2rem;font-size:.67rem;display:flex}.access-step span{background:var(--green-bg);color:var(--green);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:850;display:inline-flex}.access-step span.active{background:var(--gold-500);color:var(--navy-950)}.access-step i{background:var(--line);flex:1;height:1px}.password-change-card h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.password-change-form{flex-direction:column;display:flex}.password-change-form label{color:var(--ink-700);font-size:.82rem;font-weight:750}.password-change-form input{background:#fbfcfe;border:1px solid #dce4ed;border-radius:11px;margin:.45rem 0 1.1rem;padding:.9rem 1rem}.password-change-form input:focus{border-color:var(--blue-600);outline:none;box-shadow:0 0 0 4px #1769aa17}.demo-disclaimer{color:var(--ink-500);text-align:center;margin:.8rem 0 0;font-size:.68rem}.portal-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.portal-sidebar{background:var(--navy-950);color:#fff;flex-direction:column;height:100vh;padding:1.65rem 1rem 1rem;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:.7rem;padding:0 .55rem 1.7rem;display:flex}.sidebar-brand img{height:auto}.sidebar-brand div{text-transform:uppercase;flex-direction:column;font-size:1.04rem;line-height:1.05;display:flex}.sidebar-brand span{color:var(--gold-500);font-weight:800}.sidebar-section-label{color:#6f8aa3;letter-spacing:.15em;text-transform:uppercase;padding:0 .8rem .6rem;font-size:.61rem;font-weight:800}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.sidebar-nav button,.sidebar-support button,.sidebar-support a{color:#a9bccd;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.72rem .8rem;font-size:.84rem;font-weight:650;text-decoration:none;transition:all .18s;display:flex}.sidebar-nav button:hover,.sidebar-support button:hover,.sidebar-support a:hover{color:#fff;background:#ffffff0f}.sidebar-nav button.active{color:#fff;background:#f8c9001f}.sidebar-nav button.active .ui-icon{color:var(--gold-500)}.nav-count{background:var(--gold-500);color:var(--navy-950);border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;margin-left:auto;font-size:.62rem;font-weight:900;display:flex}.sidebar-spacer{flex:1}.sidebar-support{border-top:1px solid #ffffff14;flex-direction:column;padding-top:.75rem;display:flex}.sidebar-profile{border-top:1px solid #ffffff14;align-items:center;gap:.7rem;margin-top:.75rem;padding:1rem .55rem 0;display:flex}.sidebar-profile div{flex-direction:column;min-width:0;display:flex}.sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.sidebar-profile span:not(.avatar){color:#8198ad;font-size:.64rem}.avatar{color:var(--navy-900);background:linear-gradient(145deg,#d9ecfb,#f5faff);border:2px solid #fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:43px;height:43px;font-size:.75rem;font-weight:850;display:inline-flex;box-shadow:0 2px 10px #0b315614}.avatar.small{color:#fff;background:#1a4b73;border:0;width:34px;height:34px}.portal-main{min-width:0}.portal-topbar{border-bottom:1px solid var(--line);z-index:10;background:#fffffff5;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(1.2rem,3.2vw,3rem);display:flex;position:sticky;top:0}.student-picker{align-items:center;gap:.7rem;display:flex}.student-picker label{flex-direction:column;display:flex}.student-picker label>span{color:var(--ink-500);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:800}.student-picker select{appearance:none;color:var(--ink-900);cursor:pointer;background:0 0;border:0;max-width:260px;padding:.1rem 1.35rem .1rem 0;font-size:.85rem;font-weight:800}.topbar-actions{align-items:center;gap:.85rem;display:flex}.demo-status{background:var(--gold-100);color:#795e00;border:1px solid #f4dc6a;border-radius:999px;padding:.35rem .65rem;font-size:.67rem;font-weight:800}.notification-button{border:1px solid var(--line);color:var(--ink-700);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.notification-button span{background:var(--red);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.55rem;font-weight:900;display:flex;position:absolute;top:-5px;right:-5px}.topbar-mobile-brand{display:none}.portal-content{max-width:1500px;margin:0 auto;padding:clamp(1.5rem,3.2vw,3rem)}.mobile-nav{display:none}.welcome-row{justify-content:space-between;align-items:end;margin-bottom:1.7rem;display:flex}.page-heading>span{color:var(--blue-600);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.35rem;font-size:.65rem;font-weight:850;display:block}.page-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.08}.page-heading p{color:var(--ink-500);margin:.5rem 0 0;font-size:.88rem}.portal-content>.page-heading{margin-bottom:1.7rem}.period-chip{border:1px solid var(--line);color:var(--ink-700);background:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem .8rem;font-size:.72rem;font-weight:750;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem;display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:.9rem;min-height:132px;padding:1.15rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #132d4909}.metric-card:before{content:"";opacity:.8;background:currentColor;height:3px;position:absolute;top:0;left:0;right:0}.metric-card>div:not(.metric-icon){flex-direction:column;min-width:0;display:flex}.metric-card span{color:var(--ink-500);font-size:.68rem;font-weight:750}.metric-card strong{color:var(--ink-900);letter-spacing:-.05em;font-size:1.8rem;line-height:1.15}.metric-card small{color:var(--ink-500);font-size:.65rem}.metric-icon{background:currentColor;border-radius:12px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.metric-icon .ui-icon{color:#fff}.metric-card.blue{color:var(--blue-600)}.metric-card.green{color:var(--green)}.metric-card.gold{color:var(--orange)}.metric-card.purple{color:var(--purple)}.metric-card.red{color:var(--red)}.metric-grid.compact .metric-card{min-height:112px}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:1.2rem;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:1.25rem}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:1.1rem;display:flex}.panel-heading>div>span{color:var(--ink-500);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem;font-size:.6rem;font-weight:850;display:block}.panel-heading h2{letter-spacing:-.02em;margin:0;font-size:1.03rem}.panel-heading button{color:var(--blue-600);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;padding:.2rem 0;font-size:.68rem;font-weight:800;display:flex}.compact-grade-list{flex-direction:column;display:flex}.compact-grade{border-top:1px solid #edf1f5;grid-template-columns:9px 1fr auto 34px;align-items:center;gap:.65rem;padding:.74rem 0;display:grid}.compact-grade:first-child{border-top:0;padding-top:.1rem}.course-dot{border-radius:3px;width:4px;height:30px}.course-dot.blue,.course-icon.blue{background:var(--blue-100);color:var(--blue-600)}.course-dot.green,.course-icon.green{background:var(--green-bg);color:var(--green)}.course-dot.gold,.course-icon.gold{background:var(--orange-bg);color:var(--orange)}.course-dot.purple,.course-icon.purple{background:var(--purple-bg);color:var(--purple)}.compact-grade>div{flex-direction:column;display:flex}.compact-grade strong{font-size:.78rem}.compact-grade small{color:var(--ink-500);font-size:.62rem}.compact-grade .trend{background:var(--green-bg);color:var(--green);border-radius:999px;padding:.2rem .45rem;font-size:.57rem;font-weight:800}.compact-grade .score{color:var(--navy-900);text-align:right;font-size:1.05rem}.attendance-week{grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.35rem 0 1rem;display:grid}.attendance-week>div{flex-direction:column;align-items:center;gap:.5rem;display:flex}.attendance-week>div>span:first-child{color:var(--ink-500);text-transform:uppercase;font-size:.61rem;font-weight:800}.day-status{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.day-status.present{background:var(--green-bg);color:var(--green)}.day-status.late{background:var(--orange-bg);color:var(--orange)}.day-status.absent{background:var(--red-bg);color:var(--red)}.attendance-legend{border-top:1px solid #edf1f5;gap:.9rem;padding-top:.9rem;display:flex}.attendance-legend span{color:var(--ink-500);align-items:center;gap:.3rem;font-size:.58rem;display:flex}.attendance-legend i{border-radius:50%;width:7px;height:7px}.attendance-legend i.present{background:var(--green)}.attendance-legend i.late{background:var(--orange)}.attendance-legend i.absent{background:var(--red)}.incident-card-inner{grid-template-columns:42px 1fr;gap:.9rem;display:grid}.incident-symbol{background:var(--orange-bg);color:var(--orange);border-radius:11px;justify-content:center;align-items:center;height:42px;display:flex}.incident-meta{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.incident-meta span{color:var(--ink-500);font-size:.59rem;font-weight:700}.incident-meta span:first-child{color:var(--blue-600);text-transform:uppercase;font-weight:850}.incident-card-inner h3,.announcement-feature h3{margin:0;font-size:.9rem}.incident-card-inner p,.announcement-feature p{color:var(--ink-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.35rem 0 .7rem;font-size:.7rem;line-height:1.55;display:-webkit-box;overflow:hidden}.status-badge{border-radius:999px;align-items:center;gap:.25rem;width:fit-content;padding:.28rem .55rem;font-size:.59rem;font-weight:800;display:inline-flex}.status-badge.closed{background:var(--green-bg);color:var(--green)}.status-badge.pending{background:var(--orange-bg);color:var(--orange)}.status-badge.neutral{color:var(--ink-700);background:#edf1f5}.announcement-feature{grid-template-columns:58px 1fr;align-items:center;gap:1rem;display:grid}.date-block{background:var(--navy-900);color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:58px;height:60px;display:flex}.date-block strong{font-size:1.25rem;line-height:1}.date-block span{color:var(--gold-500);letter-spacing:.1em;font-size:.56rem;font-weight:850}.unread-label{background:var(--gold-100);color:#785e00;text-transform:uppercase;border-radius:999px;margin-bottom:.3rem;padding:.16rem .38rem;font-size:.54rem;font-weight:850;display:inline-flex}.data-panel{margin-top:.6rem}.data-list{flex-direction:column;display:flex}.data-row{border-top:1px solid #edf1f5;grid-template-columns:50px 1fr auto;align-items:center;gap:1rem;padding:.9rem 0;display:grid}.data-row:first-child{border-top:0}.date-square{background:var(--blue-100);color:var(--blue-600);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.date-square strong{font-size:.95rem;line-height:1}.date-square span{font-size:.55rem;font-weight:850}.data-row>div:nth-child(2){flex-direction:column;display:flex}.data-row>div:nth-child(2) strong{font-size:.8rem}.data-row>div:nth-child(2) small{color:var(--ink-500);font-size:.64rem}.grade-summary{background:linear-gradient(135deg, var(--navy-950), var(--navy-800));border-radius:var(--radius);color:#fff;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding:1.5rem 2rem;display:flex;position:relative;overflow:hidden}.grade-summary:after{content:"";border:24px solid #ffffff09;border-radius:50%;width:180px;height:180px;position:absolute;right:-45px}.grade-summary>div:first-child{z-index:1;flex-direction:column;display:flex;position:relative}.grade-summary span{color:#a9c3da;font-size:.7rem;font-weight:750}.grade-summary>div:first-child strong{font-size:2.1rem}.grade-summary small{color:var(--gold-500);font-size:.65rem;font-weight:800}.progress-ring{background:conic-gradient(var(--gold-500) var(--progress), #ffffff1f 0);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;display:flex;position:relative}.progress-ring:before{background:var(--navy-800);content:"";border-radius:50%;position:absolute;inset:7px}.progress-ring span{color:#fff;font-size:1rem;font-weight:850;position:relative}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.course-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:48px 1fr auto;align-items:center;gap:1rem;padding:1.25rem;display:grid}.course-icon{border-radius:12px;justify-content:center;align-items:center;height:48px;font-size:1.05rem;font-weight:900;display:flex}.course-card>div:nth-child(2) span,.course-card>div:nth-child(2) p{color:var(--ink-500);margin:0;font-size:.61rem}.course-card h2{margin:.15rem 0;font-size:.9rem}.course-score{flex-direction:column;align-items:flex-end;display:flex}.course-score strong{font-size:1.45rem}.course-score span{color:var(--green);font-size:.6rem;font-weight:800}.privacy-banner{background:var(--blue-100);color:var(--blue-600);border:1px solid #cfe6f7;border-radius:14px;align-items:center;gap:.8rem;margin-bottom:1.3rem;padding:.9rem 1rem;display:flex}.privacy-banner div{flex-direction:column;display:flex}.privacy-banner strong{color:var(--navy-900);font-size:.75rem}.privacy-banner p{color:var(--ink-700);margin:.1rem 0 0;font-size:.68rem}.timeline{flex-direction:column;gap:1rem;padding-left:1rem;display:flex;position:relative}.timeline:before{content:"";background:#dce4ec;width:1px;position:absolute;inset:12px auto 12px 26px}.timeline-item{grid-template-columns:22px 1fr;gap:1rem;display:grid;position:relative}.timeline-marker{background:var(--green);border:4px solid var(--surface);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-top:1.2rem;margin-left:-3px;display:flex}.timeline-item .panel{box-shadow:0 5px 20px #132d490a}.timeline-item.connected-incident .panel{border-color:#b9dbf2;box-shadow:0 8px 26px #1769aa1a}.timeline-item.connected-incident .timeline-marker{background:var(--blue-600)}.timeline-item h2{margin:.2rem 0 .4rem;font-size:.96rem}.timeline-item p{color:var(--ink-700);max-width:900px;margin:0;font-size:.76rem;line-height:1.6}.incident-footer{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.85rem;display:flex}.acknowledged{color:var(--ink-500);align-items:center;gap:.3rem;font-size:.62rem;display:flex}.acknowledge-button{background:var(--navy-900);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:.3rem;padding:.48rem .7rem;font-size:.65rem;font-weight:800;display:inline-flex}.acknowledge-button:hover{background:var(--blue-600)}.announcement-list{flex-direction:column;gap:.9rem;display:flex}.announcement-row{grid-template-columns:58px 1fr 36px;align-items:center;gap:1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 5px 20px #132d490a}.announcement-row.unread:before{background:var(--gold-500);content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.announcement-meta{align-items:center;gap:.5rem;display:flex}.announcement-meta>span:first-child{color:var(--blue-600);text-transform:uppercase;font-size:.58rem;font-weight:850}.announcement-meta .unread-label{margin:0}.announcement-row h2{margin:.25rem 0;font-size:.92rem}.announcement-row p{color:var(--ink-500);margin:0;font-size:.7rem}.announcement-row>button{color:var(--ink-500);background:#f5f7fa;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.staff-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.staff-sidebar{background:var(--navy-950);color:#fff;flex-direction:column;height:100vh;padding:1.65rem 1rem 1rem;display:flex;position:sticky;top:0}.staff-nav{flex-direction:column;gap:.25rem;display:flex}.staff-nav button{color:#a9bccd;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:.7rem;width:100%;padding:.68rem .75rem;font-size:.84rem;font-weight:650;display:flex}.staff-nav button>span{color:#88a5bc;background:#ffffff12;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:.55rem;font-weight:850;display:flex}.staff-nav button:hover{color:#fff;background:#ffffff0f}.staff-nav button.active{color:#fff;background:#f8c9001f}.staff-nav button.active>span{background:var(--gold-500);color:var(--navy-950)}.staff-nav button i{background:var(--gold-500);color:var(--navy-950);border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;margin-left:auto;font-size:.58rem;font-style:normal;display:flex}.staff-exit{color:#a9bccd;border-top:1px solid #ffffff14;padding:1rem .65rem .3rem;font-size:.78rem;font-weight:650;text-decoration:none}.staff-main{min-width:0}.staff-topbar{border-bottom:1px solid var(--line);z-index:10;background:#fffffff5;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(1.2rem,3.2vw,3rem);display:flex;position:sticky;top:0}.staff-context{align-items:center;gap:1rem;display:flex}.staff-context label{color:var(--ink-500);letter-spacing:.09em;text-transform:uppercase;flex-direction:column;font-size:.58rem;font-weight:850;display:flex}.staff-context select{color:var(--ink-900);cursor:pointer;text-transform:none;background:0 0;border:0;min-width:130px;padding:.12rem 1rem .12rem 0;font-size:.8rem;font-weight:800}.staff-content{max-width:1500px;margin:0 auto;padding:clamp(1.5rem,3.2vw,3rem)}.staff-heading{margin-bottom:1.6rem}.staff-heading>span{color:var(--blue-600);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.35rem;font-size:.65rem;font-weight:850;display:block}.staff-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.08}.staff-heading p{color:var(--ink-500);margin:.5rem 0 0;font-size:.85rem}.staff-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem;display:grid}.staff-metrics article{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;min-height:112px;padding:1.1rem;display:flex;position:relative}.staff-metrics article:after{background:var(--blue-600);content:"";border-radius:999px;width:42px;height:4px;position:absolute;top:0;left:1.1rem}.staff-metrics article:nth-child(2):after{background:var(--green)}.staff-metrics article:nth-child(3):after{background:var(--orange)}.staff-metrics article:nth-child(4):after{background:var(--purple)}.staff-metrics span{color:var(--ink-500);font-size:.66rem;font-weight:750}.staff-metrics strong{letter-spacing:-.05em;font-size:1.75rem;line-height:1.2}.staff-metrics small{color:var(--ink-500);font-size:.62rem}.staff-dashboard-grid{grid-template-columns:1.05fr .95fr;gap:1.2rem;display:grid}.staff-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:1.25rem}.staff-panel-title{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.staff-panel-title>div>span{color:var(--ink-500);letter-spacing:.11em;text-transform:uppercase;font-size:.58rem;font-weight:850;display:block}.staff-panel-title h2{margin:.2rem 0 0;font-size:1rem}.staff-chip{background:var(--blue-100);color:var(--blue-600);border-radius:999px;padding:.28rem .55rem;font-size:.57rem;font-weight:850}.staff-chip.warning{background:var(--orange-bg);color:var(--orange)}.staff-chip.neutral{color:var(--ink-700);background:#edf1f5}.staff-table{flex-direction:column;display:flex}.staff-table-row{border-top:1px solid #edf1f5;grid-template-columns:34px 1fr auto;align-items:center;gap:.7rem;padding:.68rem 0;display:grid}.staff-table-row:first-child{border-top:0}.code-avatar{background:var(--blue-100);color:var(--blue-600);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.62rem;font-weight:850;display:flex}.staff-table-row>div{flex-direction:column;display:flex}.staff-table-row strong{font-size:.72rem}.staff-table-row small{color:var(--ink-500);font-size:.58rem}.attendance-state{cursor:pointer;border:0;border-radius:999px;padding:.3rem .55rem;font-size:.56rem;font-weight:850}.attendance-state.presente{background:var(--green-bg);color:var(--green)}.attendance-state.tardanza{background:var(--orange-bg);color:var(--orange)}.attendance-state.pendiente{color:var(--ink-700);background:#edf1f5}.attendance-state.ausente{background:var(--red-bg);color:var(--red)}.attendance-state.justificada{background:var(--blue-100);color:var(--blue-600)}.attendance-state:hover{box-shadow:0 0 0 3px #1769aa1a}.review-list{flex-direction:column;gap:.65rem;display:flex}.review-list article{background:#f9fbfd;border:1px solid #edf1f5;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.75rem;display:grid}.review-list article>div{flex-direction:column;display:flex}.review-list strong{font-size:.7rem}.review-list small{color:var(--ink-500);font-size:.57rem}.review-list button{border:1px solid var(--line);color:var(--blue-600);background:#fff;border-radius:8px;padding:.4rem .55rem;font-size:.6rem;font-weight:850}.review-list button:hover{border-color:var(--blue-600);cursor:pointer}.review-list article.reviewed{background:var(--green-bg);border-color:#ccebdd}.review-published{color:var(--green);font-size:.62rem;font-weight:850}.staff-save-group{align-items:center;gap:.55rem;display:flex}.staff-save-button{background:var(--navy-900);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.5rem .7rem;font-size:.65rem;font-weight:800}.staff-save-button:disabled{cursor:not-allowed;opacity:.4}.demo-tour{background:linear-gradient(90deg, var(--navy-900), var(--blue-600));color:#fff;border-radius:12px;align-items:center;gap:1rem;margin:-1rem 0 1.1rem;padding:.75rem 1rem;display:flex}.demo-tour strong{color:var(--gold-500);text-transform:uppercase;font-size:.7rem}.demo-tour span{font-size:.68rem}.demo-tour.family-tour{background:var(--blue-100);color:var(--ink-700);margin:0 0 1rem}.demo-tour.family-tour strong{color:var(--blue-600)}.demo-toast{background:var(--navy-950);color:#fff;cursor:pointer;z-index:90;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:.65rem;max-width:calc(100vw - 2rem);padding:.78rem 1rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0523403d}.demo-toast strong{background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.demo-toast span{color:#9eb2c5;margin-left:.25rem}.demo-modal-backdrop{z-index:100;background:#04182b94;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.demo-modal{background:#fff;border-radius:18px;width:100%;max-width:520px;padding:1.5rem;box-shadow:0 24px 70px #04182b40}.demo-modal-kicker{align-items:center;gap:.55rem;display:flex}.demo-modal-kicker>span:last-child{color:var(--ink-500);font-size:.7rem}.demo-modal h2{letter-spacing:-.03em;margin:.9rem 0 .45rem;font-size:1.5rem}.demo-modal>p{color:var(--ink-700);font-size:.8rem;line-height:1.65}.demo-modal-note{background:var(--gold-100);border-radius:10px;flex-direction:column;margin:1rem 0;padding:.8rem;display:flex}.demo-modal-note strong{color:var(--navy-900);font-size:.72rem}.demo-modal-note span{color:var(--ink-700);font-size:.68rem}.demo-modal-actions{justify-content:flex-end;gap:.65rem;display:flex}.demo-modal-actions button{cursor:pointer;border-radius:9px;padding:.65rem .85rem;font-size:.72rem;font-weight:800}.secondary-action{border:1px solid var(--line);color:var(--ink-700);background:#fff}.primary-action{background:var(--navy-900);border:1px solid var(--navy-900);color:#fff}.review-severity{text-align:center;text-transform:uppercase;border-radius:7px;min-width:40px;padding:.35rem .4rem;font-size:.52rem;font-weight:850}.review-severity.medium{background:var(--orange-bg);color:var(--orange)}.review-severity.low{background:var(--blue-100);color:var(--blue-600)}.setup-checks{gap:.35rem;display:grid}.setup-checks p{color:var(--ink-700);align-items:center;gap:.5rem;margin:0;padding:.3rem 0;font-size:.67rem;display:flex}.setup-checks i{background:var(--orange-bg);color:var(--orange);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.58rem;font-style:normal;font-weight:900;display:flex}.setup-checks .done i{background:var(--green-bg);color:var(--green)}.subject-mini-grid{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.subject-mini-grid>div{background:#f8fafc;border:1px solid #edf1f5;border-radius:9px;flex-direction:column;padding:.6rem;display:flex}.subject-mini-grid span{color:var(--blue-600);font-size:.52rem;font-weight:850}.subject-mini-grid strong{font-size:.68rem}.subject-mini-grid small{color:var(--ink-500);font-size:.55rem}.full-panel{margin-top:.5rem}.staff-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.staff-course-grid article{border:1px solid var(--line);background:#fff;border-radius:15px;min-height:155px;padding:1rem;display:grid}.staff-course-grid article>span{color:var(--blue-600);font-size:.55rem;font-weight:850}.staff-course-grid h2{margin:.25rem 0;font-size:.85rem}.staff-course-grid p{color:var(--ink-500);margin:0;font-size:.6rem}.staff-course-grid article>div{border-top:1px solid #edf1f5;justify-content:space-between;align-items:flex-end;margin-top:.65rem;padding-top:.65rem;display:flex}.staff-course-grid strong{font-size:1.25rem}.staff-course-grid small{color:var(--ink-500);font-size:.55rem}.staff-privacy-note{background:var(--blue-100);color:var(--ink-700);border:1px solid #cfe6f7;border-radius:12px;margin-bottom:1rem;padding:.8rem 1rem;font-size:.7rem}.staff-privacy-note strong{color:var(--navy-900)}.student-code-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.student-code-grid>div{background:#f8fafc;border:1px solid #edf1f5;border-radius:9px;grid-template-columns:27px 1fr;gap:.55rem;padding:.6rem;display:grid}.student-code-grid>div>span{background:var(--blue-100);color:var(--blue-600);border-radius:6px;grid-row:span 2;justify-content:center;align-items:center;width:27px;height:27px;font-size:.55rem;font-weight:850;display:flex}.student-code-grid strong{font-size:.65rem}.student-code-grid small{color:var(--ink-500);font-size:.53rem}.staff-mobile-nav{display:none}.teacher-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.teacher-sidebar{background:linear-gradient(180deg, #082b4d, var(--navy-950));color:#fff;flex-direction:column;height:100vh;padding:1.65rem 1rem 1rem;display:flex;position:sticky;top:0}.teacher-main{min-width:0}.teacher-mobile-nav{display:none}.teacher-action-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.teacher-action-grid button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:15px;flex-direction:column;min-height:150px;padding:1.15rem;transition:all .18s;display:flex}.teacher-action-grid button:hover{border-color:var(--blue-600);box-shadow:var(--shadow);transform:translateY(-2px)}.teacher-action-grid span{color:var(--blue-600);font-size:.6rem;font-weight:850}.teacher-action-grid strong{margin-top:auto;font-size:.95rem}.teacher-action-grid small{color:var(--ink-500);margin-top:.3rem;font-size:.65rem}.teacher-grade-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.teacher-grade-list label{background:#f9fbfd;border:1px solid #edf1f5;border-radius:10px;grid-template-columns:30px 1fr 70px;align-items:center;gap:.6rem;padding:.55rem .65rem;display:grid}.teacher-grade-list label>span{background:var(--blue-100);color:var(--blue-600);border-radius:7px;justify-content:center;align-items:center;height:30px;font-size:.6rem;font-weight:850;display:flex}.teacher-grade-list strong{font-size:.7rem}.teacher-grade-list label>div{flex-direction:column;min-width:0;display:flex}.teacher-grade-list label>div strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-grade-list label>div small{color:var(--ink-500);font-size:.56rem}.teacher-grade-list input{border:1px solid var(--line);text-align:center;border-radius:8px;width:100%;padding:.45rem;font-weight:850}.teacher-grade-list input:focus{border-color:var(--blue-600);outline:3px solid #1769aa1a}.teacher-incident-grid{grid-template-columns:1.05fr .95fr;gap:1rem;display:grid}.teacher-incident-form{flex-direction:column;gap:.9rem;display:flex}.teacher-incident-form label{color:var(--ink-700);flex-direction:column;gap:.35rem;font-size:.7rem;font-weight:800;display:flex}.teacher-incident-form select,.teacher-incident-form textarea{border:1px solid var(--line);background:#fbfcfe;border-radius:9px;padding:.7rem}.teacher-incident-form textarea{resize:vertical;min-height:125px}.teacher-flow-card>span{color:var(--blue-600);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;font-weight:850}.teacher-flow-card h2{margin:.3rem 0 1rem;font-size:1.1rem}.teacher-flow-card ol{flex-direction:column;gap:.55rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.teacher-flow-card li{color:var(--ink-500);align-items:center;gap:.55rem;font-size:.72rem;display:flex}.teacher-flow-card li:before{content:"";background:#edf1f5;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.teacher-flow-card li.done:before{background:var(--green-bg);color:var(--green);content:"✓"}.teacher-flow-card li.active{color:var(--blue-600);font-weight:800}.teacher-flow-card li.active:before{background:var(--blue-100);content:"2"}.teacher-flow-card small{color:var(--ink-500);font-size:.65rem}.staff-chip.published{background:var(--green-bg);color:var(--green)}.academic-assignment-rule{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;padding:.9rem 1rem;display:grid}.academic-assignment-rule>div{flex-direction:column;min-width:0;display:flex}.academic-assignment-rule span{color:var(--ink-500);letter-spacing:.06em;text-transform:uppercase;font-size:.55rem;font-weight:800}.academic-assignment-rule strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.7rem;overflow:hidden}.academic-assignment-rule .rule-ok{background:var(--green-bg);border-radius:9px;margin:-.25rem;padding:.25rem .55rem}.academic-assignment-rule .rule-ok span,.academic-assignment-rule .rule-ok strong{color:var(--green)}.competency-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.competency-tabs button{border:1px solid var(--line);color:var(--ink-700);cursor:pointer;text-align:left;background:#fff;border-radius:12px;grid-template-columns:38px 1fr;align-items:center;gap:.65rem;min-height:70px;padding:.75rem;display:grid}.competency-tabs button>span{background:#edf1f5;border-radius:9px;justify-content:center;align-items:center;height:38px;font-size:.65rem;font-weight:900;display:flex}.competency-tabs button>strong{font-size:.67rem;line-height:1.35}.competency-tabs button.active{border-color:var(--blue-600);color:var(--navy-900);box-shadow:0 0 0 3px #1769aa14}.competency-tabs button.active>span{background:var(--blue-100);color:var(--blue-600)}.academic-grade-panel{min-width:0;padding-bottom:.7rem}.academic-grade-title{align-items:flex-start;gap:1rem}.academic-grade-title>div:first-child{max-width:650px}.academic-grade-title p{color:var(--ink-500);margin:.25rem 0 0;font-size:.6rem}.academic-publish-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.academic-publish-actions .secondary-action{cursor:pointer;border-radius:8px;padding:.45rem .65rem;font-size:.65rem;font-weight:800}.academic-grade-scroll{border:1px solid var(--line);border-radius:12px;max-height:560px;overflow:auto}.academic-grade-table{border-collapse:separate;border-spacing:0;width:100%;min-width:3450px}.academic-grade-table th,.academic-grade-table td{text-align:center;background:#fff;border-bottom:1px solid #edf1f5;padding:.5rem}.academic-grade-table thead th{background:var(--navy-900);color:#fff;z-index:3;font-size:.6rem;position:sticky;top:0}.academic-grade-table thead th:first-child{text-align:left;z-index:5;min-width:220px;left:0}.academic-grade-table .academic-group-row th{letter-spacing:.04em;text-transform:uppercase;height:33px}.academic-grade-table .academic-group-row th:not(:first-child){background:#0e3f6b;border-left:1px solid #ffffff1f}.academic-grade-table .academic-column-row th{height:54px;top:33px}.academic-grade-table thead th span,.academic-grade-table thead th small{display:block}.academic-grade-table thead th small{color:#b8cde0;margin-top:.2rem;font-size:.48rem;font-weight:550;line-height:1.3}.academic-grade-table tbody th{text-align:left;z-index:2;align-items:center;gap:.55rem;min-width:220px;display:flex;position:sticky;left:0}.academic-grade-table tbody th>span{background:var(--blue-100);color:var(--blue-600);border-radius:7px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:.55rem;font-weight:850;display:flex}.academic-grade-table tbody th>div{flex-direction:column;min-width:0;display:flex}.academic-grade-table tbody th strong{text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;overflow:hidden}.academic-grade-table tbody th small{color:var(--ink-500);font-size:.5rem}.academic-grade-table td input{border:1px solid var(--line);text-align:center;border-radius:7px;width:54px;padding:.38rem .25rem;font-size:.7rem;font-weight:850}.academic-grade-table td input:focus{border-color:var(--blue-600);outline:3px solid #1769aa1a}.academic-grade-table td input:disabled{color:var(--ink-700);background:#f3f6f9}.academic-grade-table .academic-quincenal-cell{background:#fffaf0}.academic-grade-table .academic-result-cell{background:#f5f8fb;min-width:82px}.academic-grade-table .academic-result-cell.final{background:var(--blue-100);border-left:2px solid #b8d8ee;min-width:105px}.academic-average{color:var(--navy-900);font-size:.8rem}.academic-grade-footer{color:var(--ink-500);justify-content:space-between;gap:1rem;padding:.7rem .15rem 0;font-size:.55rem;display:flex}.academic-grade-footer strong{color:var(--ink-700);flex:none}.area-competency-panel{margin-bottom:1rem}.area-competency-list{flex-direction:column;display:flex}.area-competency-list article{border-top:1px solid #edf1f5;grid-template-columns:38px 1fr auto;align-items:center;gap:.75rem;padding:.75rem 0;display:grid}.area-competency-list article:first-child{border-top:0}.area-competency-list article>span:first-child{background:var(--blue-100);color:var(--blue-600);border-radius:9px;justify-content:center;align-items:center;height:38px;font-size:.65rem;font-weight:900;display:flex}.area-competency-list article>div{flex-direction:column;display:flex}.area-competency-list strong{font-size:.68rem}.area-competency-list small{color:var(--ink-500);font-size:.55rem}.competency-status{border-radius:999px;padding:.3rem .55rem;font-size:.55rem;font-weight:850}.competency-status.published{background:var(--green-bg);color:var(--green)}.competency-status.draft{background:var(--orange-bg);color:var(--orange)}.academic-note-panel{background:#f8fafc;margin-top:.8rem}.academic-note-panel strong{font-size:.7rem}.academic-note-panel p{color:var(--ink-700);margin:.25rem 0 0;font-size:.62rem}.director-area-panel{margin-bottom:1rem}.director-competency-matrix{flex-direction:column;display:flex}.director-competency-header,.director-competency-row{grid-template-columns:1.5fr 1fr 80px 80px;align-items:center;gap:1rem;display:grid}.director-competency-header{border-bottom:1px solid var(--line);color:var(--ink-500);letter-spacing:.07em;text-transform:uppercase;padding:0 .4rem .55rem;font-size:.54rem;font-weight:850}.director-competency-row{border-bottom:1px solid #edf1f5;padding:.75rem .4rem}.director-competency-row:last-child{border-bottom:0}.director-competency-row>div{flex-direction:column;min-width:0;display:flex}.director-competency-row>div:first-child{grid-template-columns:34px 1fr;gap:.6rem;display:grid}.director-competency-row>div:first-child>span{background:var(--blue-100);color:var(--blue-600);border-radius:8px;grid-row:1/span 2;justify-content:center;align-items:center;height:34px;font-size:.58rem;font-weight:900;display:flex}.director-competency-row strong{font-size:.63rem}.director-competency-row small{color:var(--ink-500);font-size:.52rem}.director-competency-row>span{text-align:center;border-radius:999px;padding:.3rem .45rem;font-size:.53rem;font-weight:850}.director-competency-row>span.published{background:var(--green-bg);color:var(--green)}.director-competency-row>span.pending{color:var(--ink-500);background:#edf1f5}.family-area-summary{background:linear-gradient(135deg, var(--navy-950), var(--navy-800));border-radius:var(--radius);color:#fff;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.25rem 1.4rem;display:flex}.family-area-summary span{color:#a9d7ff;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:850}.family-area-summary h2{margin:.2rem 0;font-size:1.35rem}.family-area-summary p{color:#c0d1df;margin:0;font-size:.65rem}.family-area-summary .family-area-progress{color:#fff;letter-spacing:0;text-transform:none;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;padding:.5rem .75rem}.family-competency-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.family-competency-grid article{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:1.1rem}.family-competency-grid header{justify-content:space-between;align-items:center;display:flex}.family-competency-grid header>span{background:var(--blue-100);color:var(--blue-600);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.65rem;font-weight:900;display:flex}.family-competency-grid header small{color:var(--ink-500);font-size:.54rem}.family-competency-grid h2{margin:.75rem 0 .15rem;font-size:.82rem;line-height:1.4}.family-competency-grid>article>p{color:var(--ink-500);margin:0 0 .9rem;font-size:.6rem}.family-competency-grid article>div{border-top:1px solid #edf1f5;grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:.8rem;display:grid}.family-competency-grid article>div span{flex-direction:column;display:flex}.family-competency-grid article>div small{color:var(--ink-500);font-size:.53rem}.family-competency-grid article>div strong{color:var(--navy-900);font-size:1.3rem}.family-grades-empty{border-radius:var(--radius);background:#fff;border:1px dashed #bdcbd8;flex-direction:column;padding:1.4rem;display:flex}.family-grades-empty strong{font-size:.8rem}.family-grades-empty span{color:var(--ink-500);margin-top:.2rem;font-size:.63rem}.director-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.director-sidebar{color:#fff;background:linear-gradient(#061f3a,#0a3158);flex-direction:column;height:100vh;padding:1.65rem 1rem 1rem;display:flex;position:sticky;top:0}.director-readonly{background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;margin:0 .45rem .65rem;padding:.7rem;display:flex}.director-readonly strong{color:var(--gold-500);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.director-readonly span{color:#9ab1c4;margin-top:.15rem;font-size:.58rem;line-height:1.45}.demo-reset-button{color:#a9bccd;cursor:pointer;text-align:left;background:0 0;border:1px solid #ffffff1a;border-radius:9px;margin:0 .45rem .35rem;padding:.55rem .65rem;font-size:.65rem;font-weight:750}.demo-reset-button:hover{color:#fff;background:#ffffff0f}.director-top-status{align-items:center;gap:.55rem;display:flex}.readonly-chip{background:var(--blue-100);color:var(--blue-600);border:1px solid #cfe6f7;border-radius:999px;padding:.35rem .65rem;font-size:.63rem;font-weight:850}.director-tour{background:linear-gradient(90deg,#061f3a,#1769aa)}.director-dashboard-grid{grid-template-columns:1.15fr .85fr;gap:1.2rem;display:grid}.director-section-panel,.director-academic-panel{min-width:0}.director-text-button{color:var(--blue-600);cursor:pointer;background:0 0;border:0;padding:.25rem 0;font-size:.65rem;font-weight:850}.director-section-list{flex-direction:column;display:flex}.director-section-list article{border-top:1px solid #edf1f5;grid-template-columns:minmax(145px,1.5fr) repeat(4,minmax(60px,.7fr));align-items:center;gap:.65rem;padding:.8rem 0;display:grid}.director-section-list article:first-child{border-top:0;padding-top:.2rem}.director-section-name{align-items:center;gap:.65rem;display:flex}.director-section-name>span,.director-card-heading>span{background:var(--navy-900);color:var(--gold-500);border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.7rem;font-weight:900;display:flex}.director-section-name>div{flex-direction:column;display:flex}.director-section-name strong{font-size:.72rem}.director-section-name small{color:var(--ink-500);font-size:.58rem}.director-section-list article>div:not(.director-section-name){flex-direction:column;display:flex}.director-section-list article>div:not(.director-section-name) span{color:var(--ink-500);font-size:.54rem}.director-section-list article>div:not(.director-section-name) strong{font-size:.75rem}.director-section-list strong.attention{color:var(--orange)}.director-priority-list{flex-direction:column;gap:.65rem;display:flex}.director-priority-list article{background:#f8fafc;border:1px solid #edf1f5;border-radius:11px;grid-template-columns:30px 1fr;align-items:center;gap:.65rem;padding:.7rem;display:grid}.director-priority-list article>span{background:var(--blue-100);color:var(--blue-600);border-radius:8px;justify-content:center;align-items:center;height:30px;font-size:.65rem;font-weight:900;display:flex}.director-priority-list article.urgent>span{background:var(--red-bg);color:var(--red)}.director-priority-list article>div{flex-direction:column;display:flex}.director-priority-list strong{font-size:.68rem}.director-priority-list small{color:var(--ink-500);font-size:.57rem}.director-activity-list{flex-direction:column;display:flex}.director-activity-list article{border-top:1px solid #edf1f5;grid-template-columns:30px 1fr auto;align-items:center;gap:.65rem;padding:.65rem 0;display:grid}.director-activity-list article:first-child{border-top:0;padding-top:.15rem}.director-activity-list article>span{background:var(--blue-100);color:var(--blue-600);border-radius:8px;justify-content:center;align-items:center;height:30px;font-size:.6rem;font-weight:900;display:flex}.director-activity-list article>div{flex-direction:column;min-width:0;display:flex}.director-activity-list strong{font-size:.66rem}.director-activity-list small{color:var(--ink-500);text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;overflow:hidden}.director-activity-list time{color:var(--ink-500);font-size:.54rem}.director-empty-activity{background:#f8fafc;border:1px dashed #ccd8e4;border-radius:10px;flex-direction:column;padding:1rem;display:flex}.director-empty-activity strong{font-size:.7rem}.director-empty-activity span{color:var(--ink-500);margin-top:.15rem;font-size:.6rem}.director-progress-list{flex-direction:column;gap:.8rem;display:flex}.director-progress-row{grid-template-columns:minmax(125px,1fr) minmax(90px,1fr) 36px;align-items:center;gap:.7rem;display:grid}.director-progress-row>div:first-child{flex-direction:column;min-width:0;display:flex}.director-progress-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.director-progress-row small{color:var(--ink-500);font-size:.54rem}.director-progress-row>span{color:var(--ink-700);text-align:right;font-size:.62rem;font-weight:850}.progress-track{background:#eaf0f5;border-radius:999px;height:7px;overflow:hidden}.progress-track i{background:linear-gradient(90deg, var(--blue-600), #39a48a);border-radius:inherit;height:100%;display:block}.director-report-card{background:linear-gradient(145deg, var(--navy-950), var(--navy-800));color:#fff;flex-direction:column;justify-content:center;min-height:210px;display:flex}.director-report-card>span{color:var(--gold-500);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;font-weight:850}.director-report-card h2{margin:.35rem 0;font-size:1.35rem}.director-report-card p{color:#b4c7d7;margin:0 0 1rem;font-size:.7rem;line-height:1.6}.director-report-card button{background:var(--gold-500);color:var(--navy-950);align-self:flex-start}.director-section-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.director-card-heading{align-items:center;gap:.8rem;display:flex}.director-card-heading h2{margin:0;font-size:1.05rem}.director-card-heading p{color:var(--ink-500);margin:.15rem 0 0;font-size:.6rem}.director-card-metrics{border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;grid-template-columns:repeat(4,1fr);gap:.55rem;margin:1rem 0;padding:.85rem 0;display:grid}.director-card-metrics>div{flex-direction:column;display:flex}.director-card-metrics span{color:var(--ink-500);font-size:.54rem}.director-card-metrics strong{font-size:1rem}.director-conclusion{color:var(--ink-700);margin:0;font-size:.75rem;line-height:1.65}.director-course-table{flex-direction:column;display:flex}.director-course-header,.director-course-row{grid-template-columns:1.2fr 1fr 80px 1fr;align-items:center;gap:1rem;display:grid}.director-course-header{border-bottom:1px solid var(--line);color:var(--ink-500);letter-spacing:.08em;text-transform:uppercase;padding:0 .5rem .55rem;font-size:.56rem;font-weight:850}.director-course-row{border-bottom:1px solid #edf1f5;padding:.75rem .5rem}.director-course-row:last-child{border-bottom:0}.director-course-row>div:first-child{flex-direction:column;display:flex}.director-course-row>div:first-child small{color:var(--blue-600);font-size:.5rem;font-weight:850}.director-course-row>div:first-child strong{font-size:.68rem}.director-course-row>span{color:var(--ink-500);font-size:.6rem}.director-course-row>strong{font-size:.78rem}.director-course-row>div:last-child{grid-template-columns:1fr 32px;align-items:center;gap:.5rem;display:grid}.director-course-row>div:last-child small{color:var(--ink-500);font-size:.56rem}.director-alert-list{flex-direction:column;gap:.8rem;display:flex}.director-alert-list article{grid-template-columns:54px 1fr auto;align-items:center;gap:.9rem;display:grid}.director-alert-list article>div{flex-direction:column;display:flex}.director-alert-list h2{margin:0;font-size:.82rem}.director-alert-list p{color:var(--ink-700);margin:.2rem 0;font-size:.68rem}.director-alert-list small{color:var(--ink-500);font-size:.57rem}.director-alert-level{text-align:center;text-transform:uppercase;border-radius:8px;padding:.4rem .3rem;font-size:.55rem;font-weight:900}.director-alert-level.alta{background:var(--red-bg);color:var(--red)}.director-alert-level.media{background:var(--orange-bg);color:var(--orange)}.director-alert-level.baja{background:var(--blue-100);color:var(--blue-600)}.director-alert-state{color:var(--ink-700);background:#edf1f5;border-radius:999px;padding:.3rem .55rem;font-size:.55rem;font-weight:850}.director-alert-list article.connected-alert{border-color:#efc4c4}.director-report-actions{justify-content:space-between;align-items:flex-start;display:flex}.director-report-actions>.staff-heading{margin-bottom:1.2rem}.director-report-actions>button{margin-top:.4rem}.director-print-report{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:clamp(1.4rem,3vw,2.4rem)}.director-print-report>header{border-bottom:2px solid var(--navy-900);align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.director-print-report>header div{flex-direction:column;display:flex}.director-print-report>header span{color:var(--blue-600);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;font-weight:850}.director-print-report>header h2{margin:.1rem 0;font-size:1.35rem}.director-print-report>header p{color:var(--ink-500);margin:0;font-size:.65rem}.director-report-summary{grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1.2rem 0;display:grid}.director-report-summary>div{background:#f7f9fc;border-radius:10px;flex-direction:column;padding:.8rem;display:flex}.director-report-summary span{color:var(--ink-500);font-size:.56rem}.director-report-summary strong{font-size:1.25rem}.director-print-report>h3{margin:1.35rem 0 .65rem;font-size:.88rem}.director-print-report>ol{color:var(--ink-700);padding-left:1.25rem;font-size:.7rem;line-height:1.8}.director-print-report>footer{border-top:1px solid var(--line);color:var(--ink-500);justify-content:space-between;margin-top:1.5rem;padding-top:.8rem;font-size:.55rem;display:flex}.director-mobile-nav{display:none}@media (max-width:1100px){.login-page{grid-template-columns:1fr 1fr}.login-brand-panel{padding:2.5rem}.login-hero-copy h1{font-size:3.4rem}.portal-shell{grid-template-columns:210px 1fr}.portal-sidebar{padding-left:.7rem;padding-right:.7rem}.metric-grid{grid-template-columns:repeat(2,1fr)}.staff-shell,.teacher-shell,.director-shell{grid-template-columns:210px 1fr}.staff-metrics,.staff-course-grid,.student-code-grid{grid-template-columns:repeat(2,1fr)}.academic-assignment-rule{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.login-page{display:block}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:2rem 1.2rem}.mobile-brand{display:flex}.portal-shell{padding-bottom:70px;display:block}.portal-sidebar{display:none}.portal-topbar{height:68px;padding:0 1rem}.topbar-mobile-brand{align-items:center;gap:.4rem;display:flex}.student-picker .avatar,.student-picker label>span{display:none}.student-picker select{max-width:165px}.demo-status{display:none}.portal-content{padding:1.3rem 1rem}.mobile-nav{border-top:1px solid var(--line);z-index:20;background:#fff;grid-template-columns:repeat(5,1fr);align-items:stretch;height:66px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--ink-500);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:0;padding:.35rem .1rem;font-size:.52rem;display:flex}.mobile-nav button.active{color:var(--blue-600);font-weight:800}.welcome-row{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-grid{grid-template-columns:1fr}.staff-shell{padding-bottom:70px;display:block}.staff-sidebar{display:none}.teacher-shell{padding-bottom:70px;display:block}.teacher-sidebar{display:none}.director-shell{padding-bottom:70px;display:block}.director-sidebar{display:none}.staff-topbar{height:68px;padding:0 1rem}.staff-context label:first-child{display:none}.staff-content{padding:1.3rem 1rem}.staff-dashboard-grid{grid-template-columns:1fr}.demo-tour{flex-wrap:wrap;align-items:flex-start}.staff-mobile-nav{border-top:1px solid var(--line);z-index:20;background:#fff;grid-template-columns:repeat(5,1fr);align-items:stretch;height:66px;display:grid;position:fixed;bottom:0;left:0;right:0}.staff-mobile-nav button{color:var(--ink-500);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.3rem .05rem;font-size:.48rem;display:flex}.staff-mobile-nav button>span{font-size:.58rem;font-weight:850}.staff-mobile-nav button.active{color:var(--blue-600);font-weight:850}.teacher-mobile-nav{border-top:1px solid var(--line);z-index:20;background:#fff;grid-template-columns:repeat(4,1fr);align-items:stretch;height:66px;display:grid;position:fixed;bottom:0;left:0;right:0}.teacher-mobile-nav button{color:var(--ink-500);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.3rem .05rem;font-size:.52rem;display:flex}.teacher-mobile-nav button>span{font-size:.6rem;font-weight:850}.teacher-mobile-nav button.active{color:var(--blue-600);font-weight:850}.teacher-action-grid{grid-template-columns:1fr}.teacher-action-grid button{min-height:110px}.teacher-incident-grid,.director-dashboard-grid{grid-template-columns:1fr}.academic-grade-title{flex-direction:column}.academic-publish-actions{justify-content:flex-start}.director-mobile-nav{border-top:1px solid var(--line);z-index:20;background:#fff;grid-template-columns:repeat(5,1fr);align-items:stretch;height:66px;display:grid;position:fixed;bottom:0;left:0;right:0}.director-mobile-nav button{color:var(--ink-500);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.3rem .05rem;font-size:.48rem;display:flex}.director-mobile-nav button>span{font-size:.56rem;font-weight:850}.director-mobile-nav button.active{color:var(--blue-600);font-weight:850}}@media (max-width:560px){.login-form-panel{align-items:flex-start}.demo-box{flex-direction:column;align-items:flex-start;gap:.8rem}.demo-actions{align-items:flex-start}.trial-accounts{grid-template-columns:1fr}.metric-grid,.metric-grid.compact{grid-template-columns:repeat(2,1fr);gap:.7rem}.metric-card{flex-direction:column;align-items:flex-start;gap:.55rem;min-height:142px;padding:.9rem}.metric-grid.compact .metric-card{min-height:116px}.metric-grid.compact .metric-card strong{font-size:1.45rem}.metric-icon{border-radius:9px;width:34px;height:34px}.metric-icon .ui-icon{width:18px;height:18px}.metric-card strong{font-size:1.55rem}.period-chip{width:100%}.panel{border-radius:14px;padding:1rem}.panel-heading button{font-size:0}.panel-heading button .ui-icon{width:19px;height:19px}.attendance-legend{flex-wrap:wrap}.course-grid{grid-template-columns:1fr}.grade-summary{padding:1.2rem}.progress-ring{width:68px;height:68px}.privacy-banner{align-items:flex-start}.incident-footer{flex-direction:column;align-items:flex-start;gap:.65rem}.announcement-row{grid-template-columns:52px 1fr;align-items:flex-start}.announcement-row>button{display:none}.announcement-row .date-block{width:52px;height:54px}.data-row{grid-template-columns:46px 1fr}.data-row>.status-badge{grid-column:2}.topbar-mobile-brand strong{display:none}.staff-metrics{grid-template-columns:repeat(2,1fr);gap:.7rem}.staff-metrics article{min-height:105px;padding:.9rem}.staff-course-grid,.student-code-grid{grid-template-columns:1fr}.staff-context label:nth-child(2) select{min-width:105px}.review-list article{grid-template-columns:auto 1fr;align-items:flex-start}.review-list article button{grid-column:2;justify-self:start}.review-published{grid-column:2}.staff-panel-title{align-items:flex-start}.staff-save-group{flex-direction:column;align-items:flex-end}.demo-tour{flex-direction:column;gap:.35rem}.demo-modal-actions{flex-direction:column-reverse}.demo-modal-actions button{width:100%}.subject-mini-grid,.teacher-grade-list,.academic-assignment-rule,.competency-tabs,.family-competency-grid{grid-template-columns:1fr}.academic-grade-footer,.family-area-summary{flex-direction:column;align-items:flex-start}.director-competency-header{display:none}.director-competency-row{grid-template-columns:1fr 1fr;align-items:flex-start}.director-competency-row>div:first-child{grid-column:1/-1}.director-top-status .readonly-chip{display:none}.director-section-cards{grid-template-columns:1fr}.director-section-list article{grid-template-columns:1fr 1fr 1fr;align-items:flex-start}.director-section-name{grid-column:1/-1}.director-section-list article>div:last-child{display:none}.director-card-metrics{grid-template-columns:repeat(2,1fr)}.director-course-header{display:none}.director-course-row{grid-template-columns:1.2fr 70px 1fr}.director-course-row>span{display:none}.director-alert-list article{grid-template-columns:48px 1fr;align-items:flex-start}.director-alert-state{grid-column:2;justify-self:start}.director-report-actions{flex-direction:column;align-items:stretch}.director-report-actions>button{margin:0 0 1rem}.director-report-summary{grid-template-columns:repeat(2,1fr)}.director-print-report>footer{flex-direction:column;gap:.3rem}}@media print{body{background:#fff}.director-sidebar,.staff-topbar,.director-mobile-nav,.director-report-actions{display:none!important}.director-shell{display:block}.staff-content{max-width:none;padding:0}.director-print-report{box-shadow:none;border:0;padding:0}.director-print-report .director-section-list article{break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}