:root{--navy:#12315c;--navy-dark:#0c2444;--green:#2f9e6b;--green-dark:#25835a;--gold:#e3a72b;--terracotta:#b5602f;--red:#d6534a;--ink:#1c2438;--slate:#5c6b85;--slate-light:#8a97ad;--bg:#f5f3ee;--bg-cool:#f5eede;--card:#fff;--line:#e6e1d6;--radius:12px;--radius-lg:20px;--red-dark:#b23a31;--gold-dark:#93690c;--navy-tint:#e9eef7;--navy-tint-ink:#1e3d6b;--green-tint:#e5f5ed;--green-tint-ink:#1f7a50;--gold-tint:#fdf3de;--gold-tint-ink:#8a6109;--shadow-sm:0 2px 10px -4px #12315c1a;--shadow-md:0 12px 28px -14px #12315c33;--shadow-lg:0 26px 48px -20px #12315c47;--school-primary:#1f4b3f;--school-primary-dark:#153630;--school-accent:#e3a72b}[data-school=colombe]{--school-primary:#7a3b1e;--school-primary-dark:#5c2c15;--school-accent:#e3a72b}[data-school=bosangani]{--school-primary:#1f4b3f;--school-primary-dark:#153630;--school-accent:#c9622a}[data-school=sacrecoeur]{--school-primary:#1f4b3f;--school-primary-dark:#153630;--school-accent:#e3a72b}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:14.5px;line-height:1.55}h1,h2,h3,h4{color:var(--ink);font-family:Poppins,system-ui,sans-serif;font-weight:600}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--school-accent);outline-offset:2px}::selection{background:#cfe6da}#toast{background:var(--green-dark);color:#fff;z-index:400;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:13px;font-weight:600;transition:transform .25s;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)translateY(-140%);box-shadow:0 8px 22px #0000002e}#toast.error{background:var(--red)}#toast.show{transform:translate(-50%)translateY(0)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--school-primary-dark);color:#dbe6f5;flex-direction:column;flex-shrink:0;width:250px;min-height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{background:linear-gradient(135deg,#ffffff08,#0000 60%);border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:20px 18px;display:flex;position:relative;overflow:hidden}.sidebar-brand>*{z-index:1;position:relative}.school-logo{flex-shrink:0}.wordmark{align-items:center;gap:11px;display:flex}.wordmark-text{flex-direction:column;line-height:1.2;display:flex}.wordmark-name{color:var(--navy);white-space:nowrap;font-family:Poppins;font-size:16px;font-weight:700}.wordmark-name b{font-weight:700}.wordmark-tag{color:var(--slate);margin-top:1px;font-size:11px}.sidebar-brand .names{overflow:hidden}.sidebar-brand .school-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins;font-size:13.5px;font-weight:600;overflow:hidden}.sidebar-brand .platform-tag{color:#8fa6c9;letter-spacing:.02em;font-size:10.5px}.nav-group{padding:14px 10px}.nav-group-label{text-transform:uppercase;letter-spacing:.06em;color:#5f7699;margin-top:6px;padding:6px 10px;font-size:10.5px}.nav-link{color:#c3d3ea;border-radius:9px;align-items:center;gap:10px;margin-bottom:2px;padding:7px 10px;font-size:13.5px;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:#ffffff14;font-weight:600}.nav-link .ic{color:#8fa6c9;background:#ffffff0d;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:inline-flex}.nav-link:hover .ic{color:#fff;background:#ffffff1f}.nav-link.active .ic{background:var(--school-accent);color:#0c2444}.nav-link .nlbadge{background:var(--red);color:#fff;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.nav-link-disabled{color:#5f7699;cursor:default}.nav-link-disabled:hover{color:#5f7699;background:0 0}.nlbadge-soon{color:#8fa6c9;text-transform:uppercase;letter-spacing:.03em;background:#ffffff14;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:9.5px;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:14px 18px}.sidebar-user{align-items:center;gap:9px;display:flex}.avatar-sm{background:var(--school-accent);color:#0c2444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.sidebar-user .u-name{color:#fff;font-size:12.5px;font-weight:600}.sidebar-user .u-role{color:#8fa6c9;font-size:11px}.logout-link{color:#8fa6c9;cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:12px;display:block}.logout-link:hover{color:#fff}.main{background:var(--bg-cool);flex-direction:column;flex:1;min-width:0;display:flex}.menu-toggle{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.sidebar-backdrop{display:none}.topbar{border-bottom:1px solid var(--line);border-top:3px solid var(--gold);z-index:50;background:#fff;align-items:center;gap:18px;padding:14px 26px;display:flex;position:sticky;top:0}.topbar h1{font-size:19px}.topbar .tb-sub{color:var(--slate);margin-top:1px;font-size:12px}.topbar-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--slate);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.icon-btn .dot{background:var(--red);border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.gsearch-wrap{width:260px;position:relative}.gsearch-toggle{display:none}.gsearch-overlay{z-index:200;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.gsearch-overlay-bar{border-bottom:1px solid var(--line);color:var(--slate-light);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.gsearch-overlay-bar input{border:1px solid var(--line);color:var(--ink);border-radius:8px;flex:1;padding:10px 12px;font-family:inherit;font-size:14px}.gsearch-overlay-bar input:focus{border-color:var(--school-primary);outline:none}.gsearch-overlay-results{flex:1;overflow-y:auto}.content{background:var(--bg-cool);flex:1;width:100%;max-width:1600px;margin:0 auto;padding:26px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stat-card .s-label{color:var(--slate);margin-bottom:8px;font-size:12.5px}.stat-card .s-value{color:var(--ink);font-family:Poppins;font-size:26px;font-weight:700}.stat-card .s-sub{color:var(--green-dark);margin-top:5px;font-size:11.5px}.stat-card .s-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:12px;font-size:16px;display:flex}.stat-card.stat-warn{background:#fff9f8;border-color:#f2c6c0}.stat-card.stat-warn .s-value{color:#b23a31}.summary-row{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:32px;margin-bottom:24px;padding-bottom:18px;display:flex}.summary-item{flex-direction:column;gap:3px;display:flex}.summary-item .sv{color:var(--ink);font-family:Poppins;font-size:21px;font-weight:700;line-height:1}.summary-item .sv.accent{color:#b23a31}.summary-item .sl{color:var(--slate);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.stat-highlight{align-items:flex-end;gap:12px;margin-bottom:4px;display:flex}.stat-highlight .sh-value{color:var(--navy);font-family:Fraunces,serif;font-size:40px;font-weight:600;line-height:1}.stat-highlight.warn .sh-value{color:#b23a31}.stat-highlight .sh-label{color:var(--slate);padding-bottom:7px;font-size:12.5px}.section{margin-bottom:28px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section-head h3{color:var(--ink);font-family:Poppins;font-size:15px;font-weight:600}.section-head .section-sub{color:var(--slate);font-size:12px}.section-list{flex-direction:column;display:flex}.section-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.section-row:last-child{border-bottom:none}.section-row:hover{background:0 0}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;transition:box-shadow .2s}.dash-grid .panel,.dash-grid .quick-card,.dash-grid .child-card{margin-bottom:0}.dash-grid .panel:hover{box-shadow:0 14px 30px -24px #12315c59}.panel-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.panel-head h3{font-size:15.5px}.panel-body{padding:20px}.panel-sub{color:var(--slate);margin-top:2px;font-size:12px}.btn{white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s,transform .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:var(--school-primary);color:#fff}.btn-primary:hover{background:var(--school-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-accent{background:var(--school-accent);color:#123}.btn-outline{border:1px solid var(--line);color:var(--ink);background:#fff}.btn-outline:hover{border-color:var(--slate-light)}.btn-ghost{color:var(--slate);background:0 0;padding:7px 10px}.btn-sm{padding:6px 11px;font-size:12px}:is(.panel:has(table),.card-elevated:has(table),.table-scroll){overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--slate);border-bottom:1px solid var(--line);background:#fafaf7;padding:10px 20px;font-size:11.5px}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 20px;font-size:13.5px}tr:last-child td{border-bottom:none}tr:hover td{background:#fafaf7}.cell-user{align-items:center;gap:10px;display:flex}.mini-avatar{background:var(--bg-cool);border:1px solid var(--line);width:32px;height:32px;color:var(--slate);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.cell-name{font-size:13.5px;font-weight:600}.cell-sub{color:var(--slate);font-size:11.5px}.badge{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-green{color:var(--green-dark);background:#e3f4ec}.badge-gold{color:#93690c;background:#fcf1da}.badge-red{color:#b23a31;background:#fbe9e7}.badge-blue{color:var(--navy);background:#e6ecf6}.badge-gray{color:var(--slate);background:#eef1f5}.badge-boy{color:#1d5fae;background:#e4eefb}.badge-girl{color:#b84e22;background:#fce6da}.table-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;display:flex}.table-toolbar input[type=text]{border:1px solid var(--line);border-radius:7px;flex:1;max-width:260px;padding:8px 11px;font-family:inherit;font-size:13px}.table-toolbar select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 11px;font-family:inherit;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--ink);font-size:12.5px;font-weight:600}.field .hint{color:var(--slate-light);font-size:11px;font-weight:400}.field .error-text{color:var(--red);font-size:11px;font-weight:600}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=date],.field input[type=tel],.field input[type=number],.field select,.field textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--school-primary);outline:none}.field-password{position:relative}.field-password input{padding-right:40px!important}.field-password-toggle{width:32px;height:32px;color:var(--slate);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.field-password-toggle:hover{color:var(--ink);background:var(--bg-cool)}.grid-2{grid-template-columns:2fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quick-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:10px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.quick-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.quick-card .qc-icon{background:var(--bg-cool);border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.quick-card h4{font-size:14px}.quick-card p{color:var(--slate);font-size:12px}.child-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}button.child-card{font:inherit;padding:0;transition:border-color .15s,box-shadow .15s}button.child-card:hover{border-color:var(--school-accent)}.child-card.selected{border-color:var(--school-primary);box-shadow:0 0 0 2px var(--school-primary) inset}.child-banner{background:linear-gradient(120deg, var(--school-primary), var(--school-accent));height:56px}.child-body{margin-top:-28px;padding:16px}.child-photo{background:var(--bg-cool);width:56px;height:56px;color:var(--slate-light);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;overflow:hidden}.child-photo img{object-fit:cover;width:100%;height:100%}.child-body h4{margin-top:10px;font-size:15px}.child-body .cb-sub{color:var(--slate);margin-bottom:12px;font-size:12px}.child-stats{gap:10px;display:flex}.child-stats div{background:var(--bg-cool);border-radius:7px;flex:1;padding:8px 10px}.child-stats .cv{font-family:Poppins;font-size:15px;font-weight:700}.child-stats .cl{color:var(--slate);font-size:10.5px}.notif-item{border-bottom:1px solid var(--line);gap:12px;padding:14px 20px;display:flex}.notif-item.unread{background:#fbfbf6}.notif-item:last-child{border-bottom:none}.notif-ic{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.notif-title{align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:flex}.notif-title .unread-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:7px;height:7px}.notif-text{color:var(--slate);margin-top:2px;font-size:12.5px}.notif-time{color:var(--slate-light);margin-top:4px;font-size:11px}.chat-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;height:560px;display:flex;overflow:hidden}.chat-list{border-right:1px solid var(--line);flex-shrink:0;width:280px;overflow-y:auto}.chat-item{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;padding:13px 16px;display:flex}.chat-item.active{background:#f5f3ee}.chat-item .ci-name{font-size:13px;font-weight:600}.chat-item .ci-last{color:var(--slate);white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:11.5px;overflow:hidden}.chat-main{flex-direction:column;flex:1;display:flex}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 18px;display:flex}.chat-body{background:#fafaf7;flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow-y:auto}.bubble{border-radius:12px;max-width:64%;padding:10px 13px;font-size:13px}.bubble.in{border:1px solid var(--line);background:#fff;border-bottom-left-radius:3px;align-self:flex-start}.bubble.out{background:var(--school-primary);color:#fff;border-bottom-right-radius:3px;align-self:flex-end}.bubble .b-time{opacity:.65;margin-top:4px;font-size:10px}.chat-input{border-top:1px solid var(--line);gap:10px;padding:12px 16px;display:flex}.chat-input input{border:1px solid var(--line);border-radius:20px;flex:1;padding:10px 16px;font-family:inherit;font-size:13px}.tab-row{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tab-btn{color:var(--slate);background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 14px;font-size:13px;font-weight:600}.tab-btn.active{color:var(--school-primary);border-color:var(--school-primary)}.profile-hero{background:linear-gradient(125deg, var(--school-primary) 0%, var(--school-primary-dark) 75%);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-lg);align-items:center;gap:20px;margin-bottom:22px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.profile-hero .hero-illustration{z-index:1;opacity:.92;pointer-events:none;width:190px;height:auto;position:absolute;bottom:0;right:18px}@media (width<=640px){.profile-hero .hero-illustration{display:none}}.profile-hero .ph-photo{background:var(--school-accent);color:#0c2444;z-index:2;border:3px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:74px;height:74px;font-family:Poppins;font-size:22px;font-weight:700;display:flex}.profile-hero h2{color:#fff;z-index:2;font-family:Fraunces,serif;font-size:21px;font-weight:600}.profile-hero .ph-sub{color:#dbe6f5;z-index:2;margin-top:3px;font-size:13px}.profile-hero-photo{min-height:128px;padding:30px 26px}.profile-hero .ph-bg{z-index:0;position:absolute;inset:0}.profile-hero .ph-bg img{object-fit:cover;object-position:center 25%;width:100%;height:100%}.profile-hero .ph-scrim{z-index:1;background:linear-gradient(100deg,#0a1a16eb 0%,#153630d9 45%,#1f4b3f8c 100%);position:absolute;inset:0}.dash-grid{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}.dash-main,.dash-side{flex-direction:column;gap:20px;min-width:0;display:flex}@media (width<=980px){.dash-grid{grid-template-columns:1fr}}.bento-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;margin-bottom:22px;display:grid}.bento-grid .span-2{grid-column:span 2}.bento-grid .span-3{grid-column:span 3}.bento-grid .row-2{grid-row:span 2}@media (width<=1180px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-grid .span-3{grid-column:span 2}}@media (width<=980px){.bento-grid{grid-template-columns:1fr}.bento-grid .span-2,.bento-grid .span-3{grid-column:span 1}}.card-elevated{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:22px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.card-elevated:hover{transform:translateY(-2px)}.card-elevated .panel-head,.card-elevated .section-head{margin-bottom:0}.surface{border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.surface:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.surface h4{font-size:14px}.surface p{font-size:12.5px;line-height:1.55}.surface-navy{background:var(--navy-tint);color:var(--navy-tint-ink)}.surface-navy h4{color:var(--navy)}.surface-green{background:var(--green-tint);color:var(--green-tint-ink)}.surface-green h4{color:var(--green-dark)}.surface-gold{background:var(--gold-tint);color:var(--gold-tint-ink)}.surface-gold h4{color:var(--gold-dark)}.surface .surf-value{font-family:Poppins;font-size:26px;font-weight:700;line-height:1}.surface .surf-icon{background:#fff9;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:2px;display:flex}.decor-blob{z-index:0;pointer-events:none;position:absolute}.decor-content{z-index:1;position:relative}.sidebar-usermenu{position:relative}.user-menu-pop{box-shadow:var(--shadow-lg);z-index:60;background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.user-menu-pop a,.user-menu-pop button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:13px;display:flex}.user-menu-pop a:hover,.user-menu-pop button:hover{background:var(--bg-cool)}.user-menu-pop .danger{color:var(--red-dark)}.mobile-tabbar{display:none}@media (width<=980px){.mobile-tabbar{z-index:130;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -18px #12315c59}.mobile-tabbar a{color:var(--slate);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;font-size:10px;display:flex}.mobile-tabbar a.active{color:var(--school-primary);font-weight:600}}.empty-state{text-align:center;color:var(--slate);padding:36px 20px;animation:.5s cubic-bezier(.16,1,.3,1) empty-state-in}.empty-state .es-ic{background:var(--gold-tint);width:48px;height:48px;color:var(--gold-dark);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.empty-state .es-title{color:var(--ink);margin-bottom:4px;font-family:Poppins;font-size:14px;font-weight:600}.empty-state .es-text{max-width:340px;margin:0 auto;font-size:12.5px}@keyframes empty-state-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.empty-state{animation:none}}.att-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;display:flex}.att-row:last-child{border-bottom:none}.att-choices{gap:6px;display:flex}.att-btn{border:1px solid var(--line);color:var(--slate);background:#fff;border-radius:7px;padding:6px 11px;font-size:11.5px;font-weight:600}.att-btn.present.on{border-color:var(--green-dark);color:var(--green-dark);background:#e3f4ec}.att-btn.absent.on{border-color:var(--red);color:#b23a31;background:#fbe9e7}.att-btn.late.on{border-color:var(--gold);color:#93690c;background:#fcf1da}.att-btn.excused.on{border-color:var(--navy);color:var(--navy);background:#e6ecf6}.average-pill{border-radius:20px;padding:4px 12px;font-family:Poppins;font-size:14px;font-weight:700}.average-pill.good{color:var(--green-dark);background:#e3f4ec}.average-pill.mid{color:#93690c;background:#fcf1da}.average-pill.low{color:#b23a31;background:#fbe9e7}.landing{background:var(--bg);min-height:100vh;overflow-x:hidden}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(26px)}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transition:none!important;transform:none!important}}.landing-hero-full{flex-direction:column;min-height:86vh;display:flex;position:relative;overflow:hidden}.landing-hero-full .hero-bg{z-index:0;will-change:transform;position:absolute;inset:0}.landing-hero-full .hero-bg img{object-fit:cover;object-position:center 28%;width:100%;height:100%}.landing-hero-full .hero-scrim{z-index:1;background:linear-gradient(100deg,#091a31f2 0%,#0a1e38e0 30%,#0c244494 58%,#0c244438 100%);position:absolute;inset:0}.landing-hero-full .btn-primary{background:var(--gold);color:#3a2807}.landing-hero-full .btn-primary:hover{background:#cb9424;transform:translateY(-1px)}.landing-hero-full .btn-outline{color:#fff;background:0 0;border:1px solid #ffffff80}.landing-hero-full .btn-outline:hover{background:#ffffff14;border-color:#fff;transform:translateY(-1px)}.landing-nav{z-index:20;justify-content:space-between;align-items:center;padding:22px 40px;transition:background .25s,padding .25s,box-shadow .25s;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav>*{max-width:1240px}.landing-nav-solid{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;padding:14px 40px;box-shadow:0 2px 18px #12315c14}.landing-nav-solid .wordmark-name{color:var(--navy)!important}.landing-nav-solid .wordmark-tag{color:var(--slate)!important}.landing-nav .btn-primary{background:var(--gold);color:#3a2807}.landing-nav .btn-primary:hover{background:#cb9424}.hero-warm .btn-primary{background:var(--gold);color:#3a2807}.hero-warm .btn-primary:hover{background:#cb9424;transform:translateY(-1px)}.landing-hero-content{z-index:2;flex:1;align-items:center;width:100%;max-width:1240px;margin:0 auto;padding:96px 40px 100px;display:flex;position:relative}.landing-hero-text{max-width:600px}.landing-hero-text .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-size:12.5px;font-weight:700}.landing-hero-text h1{color:#fff;letter-spacing:-.01em;margin-bottom:20px;font-family:Fraunces,serif;font-size:44px;font-weight:600;line-height:1.18}.landing-hero-text h1 span{color:var(--gold);font-style:italic}.landing-hero-text .lead{color:#dbe6f5;max-width:480px;margin-bottom:34px;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions .btn{transition:background .15s,transform .15s,border-color .15s}.scroll-cue{z-index:2;border:2px solid #ffffff8c;border-radius:20px;justify-content:center;width:26px;height:42px;padding-top:7px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-cue span{background:#fff;border-radius:2px;width:4px;height:8px;animation:1.8s ease-in-out infinite scroll-cue-move}@keyframes scroll-cue-move{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(12px)}to{opacity:0;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.scroll-cue span{animation:none}}.landing-intro{background:var(--bg);padding:88px 40px}.landing-intro-inner{text-align:center;max-width:760px;margin:0 auto}.landing-intro-inner .eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--green-dark);margin-bottom:16px;font-size:12px;font-weight:700}.intro-lead{color:var(--navy);font-family:Fraunces,serif;font-size:25px;font-weight:500;line-height:1.5}.split-section{grid-template-columns:1fr 1fr;align-items:center;gap:0;max-width:1240px;margin:0 auto;padding:20px 40px 70px;display:grid}.split-reverse .split-visual{order:2}.split-reverse .split-text{order:1}.split-visual{aspect-ratio:4/3;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -34px #12315c73}.split-visual img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.split-visual:hover img{transform:scale(1.045)}.split-text{padding:0 20px}.split-text .eyebrow{letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:700}.eyebrow-green{color:var(--green-dark)}.eyebrow-gold{color:#93690c}.eyebrow-navy{color:var(--navy)}.eyebrow-terracotta{color:var(--terracotta)}.persona-tabs{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.persona-tab{border:1px solid var(--line);color:var(--slate);background:#fff;border-radius:30px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.persona-tab:hover{border-color:var(--school-accent)}.persona-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}.persona-tab .pt-badge{text-transform:uppercase;letter-spacing:.03em;background:var(--gold);color:#3a2807;border-radius:20px;margin-left:2px;padding:2px 7px;font-size:9.5px;font-weight:700}.device-frame{box-shadow:var(--shadow-lg);border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.device-frame .df-bar{border-bottom:1px solid var(--line);background:#f7f6f2;align-items:center;gap:6px;padding:12px 16px;display:flex}.device-frame .df-dot{border-radius:50%;width:9px;height:9px}.device-frame .df-url{color:var(--slate-light);border:1px solid var(--line);background:#fff;border-radius:20px;margin-left:10px;padding:3px 12px;font-size:11px}.device-frame .df-body{grid-template-columns:150px 1fr;min-height:280px;display:grid}.df-side{background:var(--navy-dark);padding:16px 10px}.df-side .df-navitem{background:#ffffff1f;border-radius:5px;height:9px;margin-bottom:9px}.df-side .df-navitem.on{background:var(--school-accent,#2f9e6b)}.df-main{background:var(--bg-cool);flex-direction:column;gap:16px;padding:22px;display:flex}.split-text h2{color:var(--navy);margin-bottom:14px;font-family:Fraunces,serif;font-size:27px;font-weight:600;line-height:1.3}.split-lead{color:var(--slate);max-width:440px;margin-bottom:20px;font-size:14.5px;line-height:1.65}.split-list{flex-direction:column;gap:11px;list-style:none;display:flex}.split-list li{color:var(--ink);align-items:center;gap:9px;font-size:13.5px;font-weight:500;display:flex}.split-list li svg{color:var(--green-dark);flex-shrink:0}.landing-preview{max-width:1240px;margin:0 auto;padding:76px 40px 30px}.preview-wrap{position:relative}.hero-warm{background:var(--bg);padding:148px 40px 86px;position:relative;overflow:hidden}.hero-warm-inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;max-width:1240px;margin:0 auto;display:grid;position:relative}.hero-warm-text h1{color:var(--navy);letter-spacing:-.01em;margin-bottom:20px;font-family:Fraunces,serif;font-size:44px;font-weight:600;line-height:1.16}.hero-warm-text h1 span{color:var(--gold);font-style:italic}.hero-warm-text .lead{color:var(--slate);max-width:480px;margin-bottom:26px;font-size:16px;line-height:1.7}.hero-visual{position:relative}.hero-photo-frame{box-shadow:var(--shadow-lg);aspect-ratio:4/3;z-index:1;border-radius:28px;position:relative;overflow:hidden}.hero-photo-frame img{object-fit:cover;object-position:center 28%;width:100%;height:100%}.floating-card{box-shadow:var(--shadow-lg);z-index:2;background:#fff;border-radius:16px;align-items:center;gap:12px;max-width:230px;padding:13px 16px;display:flex;position:absolute}.floating-card .fc-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.floating-card .fc-title{color:var(--ink);font-family:Poppins;font-size:14px;font-weight:700;line-height:1.25}.floating-card .fc-sub{color:var(--slate);margin-top:1px;font-size:11px}.value-chips{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.value-chip{border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-sm);background:#fff;border-radius:30px;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-size:12.5px;font-weight:600;display:flex}.value-chip .vc-ic{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.preview-split{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;max-width:1240px;margin:0 auto;padding:0 40px;display:grid}.preview-visual{padding:20px;position:relative}.preview-illustration{z-index:1;width:100%;height:auto;position:relative}.login-illustrated-side{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-illustrated-inner{z-index:2;text-align:center;max-width:420px;position:relative}.login-illustrated-inner .wordmark{justify-content:center;margin-bottom:8px}.login-illustration-visual{max-width:300px;margin:18px auto 26px;position:relative}.login-illustrated-inner h2{color:var(--navy);margin-bottom:12px;font-family:Fraunces,serif;font-size:25px;font-weight:600;line-height:1.3}.login-illustrated-inner p{color:var(--slate);font-size:14px;line-height:1.65}@media (width<=980px){.hero-warm{padding:110px 24px 60px}.hero-warm-inner{grid-template-columns:1fr;gap:36px}.hero-warm-text h1{font-size:32px}.hero-visual{order:-1}.floating-card{max-width:200px;padding:11px 13px}.preview-split{grid-template-columns:1fr;gap:32px;padding:0 24px}}.persona-section{max-width:1240px;margin:0 auto;padding:20px 0 76px}.persona-section .landing-section-head{padding:0 40px 22px}.persona-section .persona-tabs{padding:0 40px}.persona-section .split-section{padding:20px 40px 0}.landing-cta{position:relative;overflow:hidden}.landing-values{background:var(--bg-cool);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 0 74px}.landing-section-head{max-width:1240px;margin:0 auto;padding:0 40px 34px}.landing-section-head .eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--green-dark);margin-bottom:10px;font-size:12px;font-weight:700}.landing-section-head h2{color:var(--navy);max-width:560px;font-family:Fraunces,serif;font-size:26px;font-weight:600}.landing-features{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1240px;margin:0 auto;padding:0 40px;display:grid}.lf-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px 22px;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 28px -22px #12315c66}.lf-card:hover{transform:translateY(-4px);box-shadow:0 20px 36px -22px #12315c80}.lf-card .lf-ic{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.lf-ic-navy{color:var(--navy);background:#e6ecf6}.lf-ic-green{color:var(--green-dark);background:#e3f4ec}.lf-ic-gold{color:#93690c;background:#fcf1da}.lf-ic-terracotta{color:var(--terracotta);background:#f6e7de}.lf-card h4{margin-bottom:7px;font-size:14px}.lf-card p{color:var(--slate);font-size:12.5px;line-height:1.55}.landing-life{background:var(--bg);padding:76px 0}.landing-life-inner{grid-template-columns:1.3fr 1fr;gap:40px;max-width:1240px;margin:0 auto;padding:0 40px;display:grid}.landing-life-col .ll-head{color:var(--navy);align-items:center;gap:9px;margin-bottom:20px;display:flex}.landing-life-col .ll-head h3{font-family:Fraunces,serif;font-size:20px;font-weight:600}.ll-list{flex-direction:column;gap:14px;display:flex}.ll-item{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:14px;padding:15px 17px;transition:border-color .2s,box-shadow .2s;display:flex}.ll-item:hover{border-color:var(--school-accent);box-shadow:0 10px 24px -18px #12315c59}.ll-tag{text-transform:uppercase;letter-spacing:.04em;background:var(--bg-cool);color:var(--navy);border-radius:20px;flex-shrink:0;padding:4px 9px;font-size:10.5px;font-weight:700}.ll-title{margin-bottom:3px;font-size:13.5px;font-weight:600}.ll-text{color:var(--slate);font-size:12.5px;line-height:1.55}.ll-agenda{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:8px;display:flex}.ag-item{border-radius:9px;align-items:center;gap:14px;padding:10px 12px;transition:background .15s;display:flex}.ag-item:hover{background:var(--bg-cool)}.ag-date{background:var(--navy);color:#fff;border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.ag-month{letter-spacing:.04em;font-size:9.5px;font-weight:700}.ag-day{font-family:Poppins;font-size:16px;font-weight:700}.ag-label{color:var(--ink);font-size:13px;font-weight:500}.ll-note{color:var(--slate-light);align-items:center;gap:7px;margin-top:14px;font-size:11.5px;display:flex}.landing-cta{background:linear-gradient(120deg, var(--navy), var(--navy-dark));padding:80px 40px}.landing-cta-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:640px;margin:0 auto;display:flex}.landing-cta-inner h2{color:#fff;font-family:Fraunces,serif;font-size:29px;font-weight:600;line-height:1.3}.landing-cta-inner p{color:#cfe0ff;max-width:460px;font-size:14.5px}.landing-cta-inner .btn-primary{background:var(--gold);color:#3a2807;margin-top:8px}.landing-cta-inner .btn-primary:hover{background:#cb9424;transform:translateY(-1px)}.landing-footer{background:var(--navy-dark);color:#a9bad6}.landing-footer-inner{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;max-width:1240px;margin:0 auto;padding:56px 40px 36px;display:grid}.lf-col h5{color:#fff;letter-spacing:.02em;margin-bottom:16px;font-family:Poppins;font-size:13px}.lf-col{flex-direction:column;gap:10px;font-size:13px;display:flex}.lf-col a,.lf-col span{color:#a9bad6;align-items:center;gap:8px;transition:color .15s;display:flex}.lf-col a:hover{color:#fff}.lf-brand p{color:#8fa6c9;max-width:280px;margin:14px 0 4px;font-size:12.5px;line-height:1.65}.lf-social{gap:10px;display:flex}.lf-social a{background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.lf-social a:hover{background:var(--school-accent);color:#0c2444}.landing-footer-bottom{border-top:1px solid #ffffff14}.landing-footer-bottom>div,.landing-footer-bottom{max-width:1240px;margin:0 auto}.landing-footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:20px 40px;font-size:12px;display:flex}.lf-legal{gap:20px;display:flex}.lf-legal a{color:#8fa6c9}.lf-legal a:hover{color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:300;background:#0c182c80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--card);border-radius:16px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 30px 60px -20px #091a3173}.modal-head{border-bottom:1px solid var(--line);background:var(--card);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 22px;display:flex;position:sticky;top:0}.modal-head h3{font-size:16px}.modal-body{padding:22px}.modal-foot{border-top:1px solid var(--line);background:var(--card);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-head h1{font-size:20px}.page-head .ph-sub{color:var(--slate);margin-top:3px;font-size:13px}.chip{background:var(--bg-cool);border:1px solid var(--line);border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:12px;font-weight:500;display:inline-flex}.chip .chip-avatar{background:var(--school-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9.5px;font-weight:700;display:flex}.chip button{color:var(--slate);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.chip button:hover{color:var(--red)}.temp-pass-box{border:1px dashed var(--gold);background:#fcf8ee;border-radius:10px;margin-top:6px;padding:14px 16px}.temp-pass-box .tp-value{letter-spacing:.04em;color:var(--ink);font-family:Poppins;font-size:17px;font-weight:700}.temp-pass-box p{color:var(--slate);margin-top:6px;font-size:12px;line-height:1.5}.form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.inline-fields{align-items:flex-end;gap:12px;display:flex}.inline-fields .field{flex:1;margin-bottom:0}.login-shell{min-height:100vh;display:flex}.login-side{flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.login-side .hero-bg{z-index:0;position:absolute;inset:0}.login-side .hero-bg img{object-fit:cover;object-position:center 22%;width:100%;height:100%}.login-side .hero-scrim{z-index:1;background:linear-gradient(200deg,#091a31f0 0%,#0a1e38e6 45%,#0c2444b8 100%);position:absolute;inset:0}.login-side-inner{z-index:2;color:#fff;max-width:420px;position:relative}.login-side-inner .wordmark{margin-bottom:36px}.login-side-inner h2{margin-bottom:14px;font-family:Fraunces,serif;font-size:28px;font-weight:600;line-height:1.3}.login-side-inner p{color:#cfe0ff;font-size:14px;line-height:1.65}.login-form-side{background:var(--bg);flex-shrink:0;justify-content:center;align-items:center;width:460px;padding:40px;display:flex}.login-card{border:1px solid var(--line);border-top:3px solid var(--gold);width:100%;max-width:340px;box-shadow:var(--shadow-lg);background:#fff;border-radius:18px;padding:32px 28px}.login-card .back-link{color:var(--slate);cursor:pointer;background:0 0;border:none;margin-bottom:18px;font-size:12px;display:inline-block}.login-card h1{margin-bottom:6px;font-size:22px}.login-card .lc-sub{color:var(--slate);margin-bottom:26px;font-size:13px}.login-card .field{margin-bottom:16px}.login-card .row-between{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12.5px;display:flex}.login-card .row-between a{color:var(--navy);font-weight:600}.login-card .btn-primary{background:var(--navy);justify-content:center;width:100%;padding:11px}.login-card .btn-primary:hover{background:var(--navy-dark)}.login-foot{color:var(--slate);text-align:center;margin-top:20px;font-size:12px;line-height:1.6}.login-foot a{color:var(--navy);font-weight:600}@media (width<=980px){.stat-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.grid-2,.grid-3{grid-template-columns:1fr}.landing-hero-full{min-height:auto}.landing-hero-content{padding:84px 24px 56px}.landing-hero-text h1{font-size:32px}.landing-nav{padding:18px 24px}.landing-nav-solid{padding:13px 24px}.landing-intro{padding:60px 24px}.intro-lead{font-size:20px}.split-section{grid-template-columns:1fr;gap:28px;padding:14px 24px 54px}.split-reverse .split-visual,.split-reverse .split-text{order:initial}.split-text{padding:0}.landing-preview{padding:56px 24px 10px}.persona-section .landing-section-head,.persona-section .persona-tabs{padding-left:24px;padding-right:24px}.persona-section .split-section{padding:20px 24px 0}.device-frame .df-body{grid-template-columns:0 1fr}.df-side{display:none}.landing-features{grid-template-columns:repeat(2,1fr);padding:0 24px}.landing-section-head{padding:0 24px 28px}.landing-life-inner{grid-template-columns:1fr;gap:36px;padding:0 24px}.landing-cta{padding:60px 24px}.landing-footer-inner{grid-template-columns:1fr 1fr;gap:28px;padding:44px 24px 28px}.landing-footer-bottom{padding:18px 24px}.sidebar{z-index:150;height:100vh;transition:left .2s;position:fixed;top:0;left:-260px}.sidebar.open{left:0;box-shadow:6px 0 24px #0003}.menu-toggle,.gsearch-toggle{display:flex}.gsearch-wrap{display:none}.sidebar-backdrop{z-index:140;opacity:0;pointer-events:none;background:#091a3173;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.topbar{gap:12px;padding:12px 16px}.topbar h1{font-size:16.5px}.content{padding:16px 16px 82px}.login-side,.login-illustrated-side{display:none}.login-form-side{width:100%}}@media (width<=560px){.landing-nav .wordmark-tag{display:none}.landing-hero-text h1{font-size:27px}.landing-hero-text .lead{font-size:14.5px}.hero-actions .btn{flex:1;justify-content:center}.landing-footer-inner{grid-template-columns:1fr;gap:26px}.lf-brand p{max-width:none}.landing-footer-bottom{flex-direction:column;align-items:flex-start}.ag-item{gap:10px}}.print-report{display:none}.print-report.active{z-index:500;background:#fff;padding:32px;display:block;position:fixed;inset:0;overflow:auto}.print-report-toolbar{justify-content:flex-end;gap:10px;margin-bottom:26px;display:flex}.print-head{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;padding-bottom:14px;display:flex}.print-head h2{font-family:Poppins;font-size:19px}.print-head p{color:var(--slate);margin-top:3px;font-size:12.5px}.print-head .print-meta{text-align:right;color:var(--slate);font-size:12px}.print-table{border-collapse:collapse;width:100%;margin-top:6px}.print-table th,.print-table td{text-align:left;border:1px solid #ccc;padding:7px 9px;font-size:11.5px}.print-table th{background:#f3f3f0;font-weight:600}.print-table td.pr-center{text-align:center;font-weight:700}.print-table td.pr-present{color:var(--green-dark)}.print-table td.pr-absent{color:#b23a31}.print-table td.pr-late{color:#93690c}.print-table td.pr-excused{color:var(--navy)}.print-foot{color:var(--slate-light);margin-top:22px;font-size:10.5px}@media print{body *{visibility:hidden}.print-report.active,.print-report.active *{visibility:visible}.print-report.active{z-index:auto;width:100%;padding:0;position:absolute;inset:0 auto auto 0}.print-report-toolbar{display:none}}.import-tabs{gap:8px;margin-bottom:18px;display:flex}.import-tabs button{border:1px solid var(--line);color:var(--slate);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.import-tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff}.import-tabs button:not(.active):hover{border-color:var(--slate-light);color:var(--ink)}.import-dropzone{border:2px dashed var(--line);text-align:center;cursor:pointer;background:var(--bg-cool);border-radius:14px;padding:36px 20px;transition:border-color .15s,background .15s}.import-dropzone:hover,.import-dropzone.dragover{border-color:var(--school-primary);background:var(--navy-tint)}.import-dropzone .id-ic{border:1px solid var(--line);width:48px;height:48px;color:var(--slate);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.import-dropzone .id-title{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:600}.import-dropzone .id-text{color:var(--slate);font-size:12.5px}.import-dropzone input[type=file]{display:none}.import-file-chip{background:var(--bg-cool);border:1px solid var(--line);border-radius:20px;align-items:center;gap:8px;margin-top:14px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.import-table-scroll{overflow-x:auto}.import-table-scroll table{min-width:760px}tr.import-row-error td{background:#fbe9e7}tr.import-row-error:hover td{background:#f8dcd8}.import-error-list{color:var(--red-dark);flex-direction:column;gap:2px;font-size:11.5px;font-weight:600;display:flex}.import-cell-empty{color:var(--slate-light);font-style:italic}.import-report-card{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.import-step-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.verify-fields{flex-direction:column;gap:12px;display:flex}.verify-fields>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.verify-fields>div:last-child{border-bottom:none;padding-bottom:0}.verify-fields dt{color:var(--slate);font-size:12px;font-weight:600}.verify-fields dd{color:var(--ink);text-align:right;margin:0;font-size:13.5px}