/* R.D. Inter College reference redesign. Loaded after V1 to preserve forms. */
:root{--blue:#0059d7;--navy:#061c54;--ink:#10285b;--muted:#637596;--line:#e4edf9;--sky:#e9f3ff}.ui-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.school-crest{width:82px;height:88px;object-fit:contain;flex-shrink:0}.ref-home{color:#081c53;background:#f3f9ff;font-family:Georgia,"Times New Roman",serif;line-height:1.4}.ref-home-main{max-width:1920px;margin:auto}.ref-home .btn{font-family:"Segoe UI",Arial,sans-serif;border-radius:30px;background:linear-gradient(#0873ff,#003ac4);border:0;box-shadow:0 5px 10px #0058d333;padding:12px 27px;font-size:14px;gap:18px}.ref-home .btn.secondary{background:#ffffffde;color:#0043ba;border:1px solid #6ea1f4;box-shadow:none}.ref-home .btn .ui-icon{width:18px;height:18px}.ref-nav{height:105px;display:flex;align-items:center;gap:25px;padding:6px 6.5%;position:relative;z-index:10;background:linear-gradient(100deg,#fff 60%,#e3f2ff);box-shadow:0 8px 25px #4d96d20a}.ref-brand{display:flex;align-items:center;gap:15px;color:#06194e;flex-shrink:0}.ref-brand strong{font-size:clamp(25px,2.65vw,43px);letter-spacing:-1px;font-weight:700;line-height:1.1;display:block}.ref-brand small{display:block;margin-top:5px;font-size:clamp(12px,1.03vw,17px);color:#103c7b}.ref-nav .school-crest{width:105px;height:101px}.ref-nav .site-nav{gap:20px;margin-left:auto;white-space:nowrap}.ref-nav .site-nav a:not(.btn){font:600 13px Georgia,serif;color:#07194f;padding:10px 0}.ref-nav .site-nav a.selected{border-radius:18px;padding:10px 18px;background:linear-gradient(#005fe6,#0038a6);color:white;box-shadow:0 4px 10px #0045aa3d}.nav-login{border-radius:50%;background:#d6ecff;display:grid;place-items:center;width:34px;height:34px;margin-left:10px;color:#003eaa;flex-shrink:0}.nav-login .ui-icon{width:19px}.ref-hero{height:315px;background-image:linear-gradient(90deg,#e8f5ffde 0%,#edf7ffca 25%,#edf7ff00 57%),url('campus-v2.png');background-size:cover;background-position:center 54%;position:relative;overflow:hidden}.ref-hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:65px;background:linear-gradient(transparent,#eaf5ff);pointer-events:none}.ref-hero-copy{position:relative;padding:22px 0 0 8.6%;z-index:2}.ref-hero .eyebrow{font-size:10px;letter-spacing:3px;color:#004dc1;font-weight:700;margin-bottom:10px}.ref-hero h1{font-family:Georgia,serif;font-size:clamp(36px,3.55vw,59px);line-height:.99;letter-spacing:-1.5px;margin-bottom:10px;color:#061950}.ref-hero-copy p{font-size:17px;line-height:1.3;margin-bottom:15px;color:#263d6d}.ref-hero-buttons{display:flex;gap:17px;align-items:center}.hero-script{position:absolute;left:43%;top:16px;font-family:"Brush Script MT","Segoe Print",cursive;font-size:34px;line-height:.95;color:#0458ba;transform:rotate(-12deg);font-style:italic;z-index:1}.hero-script span{padding-left:27px}.hero-script em{display:inline-block;margin-left:54px;color:#0458ba;border-bottom:2px solid #c99728;padding-bottom:8px}.hero-values{position:absolute;right:6%;bottom:30px;z-index:3;display:flex;gap:10px}.hero-values>div{display:flex;align-items:center;gap:12px;background:#fffffff2;box-shadow:0 5px 12px #5b9ec124;padding:10px 17px;border-radius:20px;color:#03449a;font-size:12px;line-height:1.08}.hero-values .ui-icon{width:27px;height:27px;stroke-width:2.2}.campus-caption{position:absolute;right:20px;bottom:8px;color:#3d5575;font:9px "Segoe UI",sans-serif;z-index:4;background:#ffffffbb;padding:2px 5px;border-radius:3px}.ref-features{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin:-3px 3.4% 14px;position:relative;z-index:3}.ref-feature{display:flex;align-items:start;gap:14px;background:linear-gradient(135deg,#fff,#fbfdff);border:1px solid #eef6ff;box-shadow:0 7px 15px #0e65aa0c;border-radius:15px;padding:17px 16px 24px;position:relative;min-height:110px;color:var(--navy)}.feature-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e5f0ff;color:#0057c7;flex-shrink:0}.feature-icon .ui-icon{width:31px;height:31px;stroke-width:2}.ref-feature h3{font-size:16px;letter-spacing:-.3px;margin:8px 0 7px}.ref-feature p{font:11px/1.45 "Segoe UI",Arial,sans-serif;color:#415880;margin:0}.feature-arrow{position:absolute;right:10px;bottom:10px;font-family:Arial;color:#0054c0;border:1px solid #bed8f5;border-radius:50%;width:21px;height:21px;text-align:center;font-size:15px}.ref-feature:hover{transform:translateY(-3px);box-shadow:0 10px 25px #185bbb19}.ref-content-grid{display:grid;grid-template-columns:35.5% 1fr;gap:16px;margin:0 3.4% 14px}.ref-notices{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #0d62a20b}.ref-notices>header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;color:#fff;background:linear-gradient(110deg,#004091,#0055c5);gap:10px}.ref-notices h2{font-size:25px;color:#fff;margin:0;display:flex;align-items:center;gap:18px;letter-spacing:0}.ref-notices h2 .ui-icon{width:28px;height:28px}.ref-notices>header>a{font:11px "Segoe UI",sans-serif;color:white;white-space:nowrap}.ref-notice-body{padding:0 20px}.ref-notice{border-bottom:1px solid #e8eff8;padding:10px 0}.ref-notice:last-child{border:0}.ref-notice summary{display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none}.ref-notice summary>span:nth-child(2){flex:1;min-width:0}.ref-notice summary strong{display:block;font-size:13px;margin-bottom:5px}.ref-notice summary small{display:block;color:#657798;font:11px "Segoe UI",sans-serif}.ref-notice summary i{font:20px Arial;color:#708bb1}.ref-notice-date{padding:4px 12px;background:#e7f1ff;border-radius:5px;text-align:center;color:#064394;flex-shrink:0}.ref-notice-date b{font-size:18px;line-height:1}.ref-notice-date small{color:#064394!important;font-size:9px!important}.ref-notice p{font:12px/1.6 "Segoe UI",sans-serif;padding-left:65px}.ref-empty{padding:30px 15px;text-align:center;font-family:"Segoe UI",sans-serif}.ref-empty .feature-icon{margin:0 auto 14px}.ref-empty b{font-size:14px}.ref-empty p,.ref-empty a{font-size:12px}.ref-highlights>header{display:flex;justify-content:space-between;align-items:center;padding:10px 22px 0;background:white;border-radius:15px 15px 0 0;gap:20px}.ref-highlights h2{font-size:29px;margin:0;letter-spacing:-.4px}.ref-highlights>header p{margin:0;font:11px "Segoe UI",Arial;color:#6a7b99}.highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:white;padding:15px;border-radius:0 0 15px 15px}.highlight{text-align:center;padding:12px 8px 10px;border-radius:8px;display:flex;flex-direction:column;align-items:center}.highlight>.ui-icon{width:28px;height:28px;margin-bottom:8px;stroke-width:2.2}.highlight h3{font-size:16px;letter-spacing:0;margin:0 0 5px}.highlight p{font:11px "Segoe UI",sans-serif;color:inherit;opacity:.8;margin:0 0 9px}.highlight a{display:inline-block;border:1px solid currentColor;border-radius:15px;padding:4px 15px;font:9px "Segoe UI",sans-serif;color:inherit;margin-top:auto}.blue{background:#e5f1ff;color:#0064db}.amber{background:#fff1d8;color:#b2730c}.green{background:#e6f6ed;color:#008460}.purple{background:#eee7ff;color:#6330db}.pink{background:#ffe1eb;color:#e52a62}.sky{background:#e3f3ff;color:#006cc4}.cyan{background:#d9fafa;color:#008b9e}.yellow{background:#fff4ca;color:#ac7900}.ref-facts{background:white;border-radius:14px;margin-top:12px;padding:15px 17px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:0 5px 15px #084b9c05}.ref-facts>div{display:flex;gap:14px;align-items:center;padding:0 17px;border-right:1px solid #ccddf2}.ref-facts>div:first-child{padding-left:7px}.ref-facts>div:last-child{border:0}.ref-facts .ui-icon{width:36px;height:36px;color:#0064cf;stroke-width:2}.ref-facts strong{display:block;font-size:25px;line-height:1.1;letter-spacing:-.6px;color:#061b55;white-space:nowrap}.ref-facts b{display:block;font-size:13px;margin:3px 0}.ref-facts small{display:block;font:9px/1.4 "Segoe UI",sans-serif;color:#53678d}.ref-footer{color:white;background:linear-gradient(110deg,#032957,#003571 60%,#032856);padding:0 5%;margin-top:0}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:38px;padding:15px 0}.ref-footer .ref-brand{gap:12px;color:white}.ref-footer .school-crest{width:75px;height:75px}.ref-footer .ref-brand strong{font-size:24px;letter-spacing:-.3px}.ref-footer .ref-brand small{font-size:11px;color:#e2edff;white-space:nowrap}.ref-footer h3{font-size:17px;margin:0 0 12px;letter-spacing:0}.ref-footer p{font:12px/1.5 "Segoe UI",sans-serif;color:#c6d7ee;margin:7px 0 0}.ref-footer p .ui-icon{width:17px;height:17px;margin-right:8px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.footer-links a{font:11px "Segoe UI",sans-serif;color:#d9e7fb}.footer-portal{display:flex;align-items:center;gap:9px;font:11px "Segoe UI",sans-serif;color:#fff;background:#ffffff10;border:1px solid #ffffff30;border-radius:10px;padding:10px}.footer-values{border-top:1px solid #ffffff30;padding-top:14px!important;margin-top:14px!important;font-size:10px!important}.footer-bottom{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;padding:8px 0;font:10px "Segoe UI",sans-serif;color:#c7d9f0}.school-dialog{border:1px solid #d8e8f9;border-radius:22px;max-width:min(90vw,640px);width:640px;padding:35px;box-shadow:0 30px 120px #00265e40;color:#10285b;max-height:90dvh;overflow:auto;font-family:"Segoe UI",Arial,sans-serif}.school-dialog::backdrop{background:#061b4d99;backdrop-filter:blur(3px)}.school-dialog h2{font:700 30px Georgia,serif;margin-right:30px}.school-dialog h3{font-size:17px}.school-dialog p{font-size:14px;line-height:1.65}.school-dialog .dialog-close{position:absolute;right:14px;top:12px;border:0;border-radius:50%;background:#e9f2fd;color:#114879;font-size:24px;width:33px;height:33px;line-height:1}.school-dialog small{display:block;font-size:10px;color:#7686a0;margin-top:10px}.wide-dialog{width:1000px;max-width:92vw}.campus-gallery{width:100%;border-radius:12px}.school-dialog .academic-grid{grid-template-columns:1fr 1fr}.school-dialog .academic-grid article{padding:18px;background:#f1f7ff;border-radius:12px}.dialog-notice{padding:18px 0;border-bottom:1px solid var(--line)}.dialog-notice h3{margin:10px 0}
/* Dashboard */
.ref-erp{--banner-height:134px;--side-width:215px;background:linear-gradient(130deg,#e8f4ff,#f2f8ff);font-family:"Segoe UI",Arial,sans-serif;color:#08245a;line-height:1.4}.school-banner{height:var(--banner-height);position:fixed;inset:0 0 auto;z-index:40;background:linear-gradient(110deg,#063368,#00459f 72%,#083876);display:flex;align-items:center;padding:13px 18px;overflow:hidden;box-shadow:0 4px 12px #032c5c23;color:white}.banner-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:3;color:white;flex-shrink:0;max-width:37%}.banner-brand .school-crest{height:99px;width:99px;background:white;border-radius:50%;padding:7px}.banner-brand strong{font-size:clamp(21px,2.2vw,35px);font-weight:750;text-transform:uppercase;letter-spacing:.2px;display:block;white-space:nowrap;line-height:1.2}.banner-brand b{display:block;text-transform:uppercase;font-size:clamp(10px,1.1vw,17px);font-weight:600;margin:3px 0 8px;max-width:420px}.banner-brand small{display:block;font-size:13px;border-top:1px solid #cba63c;padding-top:6px;max-width:max-content}.banner-campus{position:absolute;left:29%;top:0;bottom:0;width:31%;background:url('campus-v2.png') center right/cover;clip-path:polygon(22% 0,100% 0,92% 100%,0 100%);border-left:5px solid #d0a533;opacity:.96}.banner-script{position:absolute;left:59%;top:17px;transform:rotate(-9deg);font-family:"Brush Script MT","Segoe Print",cursive;font-style:italic;line-height:1.05;font-size:24px;z-index:2;padding-bottom:10px;border-bottom:2px solid #deba38;text-align:center}.banner-script span{margin-left:20px}.banner-tools{position:absolute;right:18px;top:15px;display:flex;align-items:center;gap:15px;z-index:3;max-width:34%}.global-search{background:#f6faff;display:flex;align-items:center;border-radius:11px;height:38px;max-width:270px;overflow:hidden;width:20vw}.global-search input{border:0;background:none;margin:0;padding:10px 13px;font-size:10px;color:#264677}.global-search button{border:0;background:transparent;color:#092e6c;padding:6px 12px}.global-search .ui-icon{width:19px;height:19px}.banner-icon{background:none;border:0;color:white;padding:0;display:grid;place-items:center}.banner-icon .ui-icon{width:21px;height:21px}.banner-user{display:flex;gap:8px;align-items:center;color:white;max-width:135px}.banner-user>span{display:grid;place-items:center;background:#eef6ff;color:#0053a6;border:2px solid white;border-radius:50%;width:35px;height:35px;flex-shrink:0;font-weight:700}.banner-user>div{font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.banner-user small{display:block;font-size:9px;color:#cfddf3;margin-top:2px}.ref-erp .sidebar{top:var(--banner-height);width:var(--side-width);background:linear-gradient(120deg,#073468,#063f82);border:0;padding:12px 0 15px;box-shadow:none}.ref-erp .sidebar nav{gap:0}.ref-erp .sidebar nav a{border-radius:0;padding:13px 23px;color:#f2f7ff;font-size:13px;gap:16px;font-weight:400;line-height:1.25;min-height:45px;box-shadow:none}.ref-erp .sidebar nav a>.ui-icon{height:21px;width:21px;stroke-width:2.1}.ref-erp .sidebar nav a>span{font-size:13px;width:auto;text-align:left;flex:1}.ref-erp .sidebar nav a>small{font-size:16px;opacity:.6}.ref-erp .sidebar nav a.active{background:linear-gradient(90deg,#0077eb,#0052b8);border-left:4px solid #4de1ff;padding-left:19px;color:white}.ref-erp .sidebar nav a:hover{background:#0c5eaa;color:white}.ref-erp .sidebar-bottom{padding:25px 23px 0;gap:9px}.ref-erp .sidebar-bottom a{color:#c5dcf5;font-size:11px}.ref-erp .logout{display:flex;align-items:center;gap:9px;color:white;font-size:12px}.ref-erp .logout .ui-icon{width:18px;height:18px}.mobile-menu-title{display:none}.ref-erp .workspace{margin-left:var(--side-width);padding-top:var(--banner-height);background:transparent}.ref-erp .erp-main{padding:18px 17px 12px;min-width:0}.ref-erp .erp-footer{font-size:8px;padding:13px 20px}.mobile-workbar{display:none}.ref-erp .page-heading h1{font-size:29px}.ref-erp .panel{border:0;box-shadow:0 3px 16px #145eaf05;border-radius:13px}.ref-erp .btn{background:linear-gradient(110deg,#057aff,#0048c7);border:0;border-radius:9px;box-shadow:0 4px 9px #125ec91a}.ref-erp .btn.secondary{background:white;border:1px solid #cddff5;color:#0849a0}.dashboard-v2{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:'welcome date' 'main glance' 'quick quick' 'bottom bottom';gap:15px}.dash-welcome{grid-area:welcome;display:flex;align-items:center;gap:15px;min-height:66px}.welcome-icon{width:40px;height:42px;border:4px solid #0062bf;border-radius:5px;background:#99d1ff;color:#003e94;display:grid;place-items:center;box-shadow:5px -4px 0 #c4e5ff;margin:0 4px}.welcome-icon .ui-icon{width:25px;height:25px;stroke-width:2}.dash-welcome h1{font-size:21px;margin:0 0 5px;letter-spacing:-.4px;line-height:1.2}.dash-welcome p{font-size:13px;color:#243f72;margin:0}.session-filter{display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap}.session-filter label{font-size:11px;font-weight:400;color:#193569}.session-filter select{width:125px;font-size:12px;padding:9px 12px;margin:0;background:#fff;border:1px solid #d8e5f6;border-radius:7px}.filter-apply{border:1px solid #d8e5f6;background:#fff;border-radius:6px;font-size:10px;color:#164a92;padding:5px}.js-ready .filter-apply{display:none}.dash-date{grid-area:date;background:linear-gradient(120deg,#f8fcff,#e0efff);border-radius:12px;box-shadow:0 4px 9px #0537631a;padding:14px 22px;display:flex;align-items:center;gap:20px;margin-top:-73px;align-self:start;min-height:69px;position:relative;z-index:45;pointer-events:none}.dash-date .ui-icon{width:27px;height:27px;stroke-width:2.4}.dash-date span{font-size:12px;display:block}.dash-date strong{font-size:17px;font-weight:600;display:block;margin-top:1px}.dash-main{grid-area:main;min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{border-radius:9px;display:grid;grid-template-columns:58px 1fr;column-gap:15px;padding:22px 17px 0;overflow:hidden;color:white;box-shadow:0 5px 9px #0864c013;min-height:128px;position:relative;align-items:center}.metric:before{content:'';position:absolute;left:-30px;top:0;width:140px;height:150px;border-radius:50%;background:#ffffff0c;pointer-events:none}.metric-blue{background:linear-gradient(110deg,#3b9cff,#005ad0 60%)}.metric-green{background:linear-gradient(110deg,#28cf92,#009c79 80%)}.metric-orange{background:linear-gradient(110deg,#ffb452,#ff7b13 90%)}.metric-pink{background:linear-gradient(110deg,#ff6084,#d7245b 90%)}.metric-icon{width:60px;height:64px;border-radius:20px;background:#ffffff24;display:grid;place-items:center;z-index:1}.metric-icon .ui-icon{width:35px;height:35px;stroke-width:2.5}.metric-info{position:relative;min-width:0}.metric-info>span{font-size:12px;line-height:1.2;display:block}.metric-info small{font-size:11px}.metric-info strong{font-size:27px;white-space:nowrap;font-weight:650;letter-spacing:-.5px;display:block;margin:7px 0 0;line-height:1}.metric-pink strong{font-size:23px}.metric-link{grid-column:2;text-align:left;font-size:11px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff26;margin-top:17px;padding:9px 0 10px;z-index:1}.metric-link b{font-size:22px;line-height:1;font-weight:400}.metric:hover{transform:translateY(-2px);filter:brightness(1.04)}.dash-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin-top:15px}.dash-panel{background:#ffffffed;border-radius:12px;border:1px solid #edf5ff;box-shadow:0 4px 15px #2964a505;min-width:0;overflow:hidden}.dash-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px 8px}.dash-panel h2{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0;color:#092458}.dash-panel h2 .ui-icon{width:22px;height:22px;color:#075ab6;stroke-width:2.3}.dash-panel>header>a{font-size:10px;background:#f0f5fc;padding:6px 12px;border-radius:6px;white-space:nowrap;color:#0a376e}.chart-chip{display:block;border:1px solid #dbe5f2;border-radius:6px;padding:9px 10px;font-size:10px;white-space:nowrap}.chart-panel header select{padding:8px 9px;font-size:10px;margin:0;max-width:95px;border-color:#d8e5f5}.chart-panel header form{display:flex;gap:3px;align-items:center}.chart-frame{padding:7px 10px 12px;aspect-ratio:1.96}.chart-frame svg{width:100%;height:100%;display:block;overflow:visible}.chart-grid{stroke:#e6eef9;stroke-width:1}.chart-tick{fill:#405d88;font-size:11px;font-family:"Segoe UI",Arial,sans-serif}.chart-number{fill:#0a2e64;font-family:"Segoe UI",Arial,sans-serif;font-size:13px;font-weight:650}.dash-glance{grid-area:glance;align-self:stretch;padding:0 16px 5px}.dash-glance>header{padding:16px 0 12px;border-bottom:1px solid #edf2f8}.glance-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e9eff7;padding:11px 0;color:#233e70;position:relative}.glance-row:last-child{border:0}.glance-icon{width:47px;height:48px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.glance-icon .ui-icon{width:26px;height:26px;stroke-width:2.2}.glance-row>span:nth-child(2){font-size:12px;line-height:1.3;flex:1}.glance-row strong{display:block;font-size:16px;margin-top:5px;color:#09265e;white-space:nowrap}.glance-row small{font-size:9px;color:#7386a3;display:block;margin-top:3px}.attendance-ring{position:relative;width:48px;height:48px;flex-shrink:0}.attendance-ring svg{height:48px;width:48px}.attendance-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#0a3769}.dash-quick{grid-area:quick;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.dash-quick>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px 5px;border-radius:8px;text-align:center;box-shadow:0 4px 8px #155ea406}.dash-quick>a:hover{transform:translateY(-2px);filter:saturate(1.3)}.dash-quick .ui-icon{width:25px;height:25px;stroke-width:2.3}.dash-quick strong{font-size:12px;font-weight:600}.dash-bottom{grid-area:bottom;display:grid;grid-template-columns:1fr 1fr .82fr;gap:14px;min-width:0}.dash-bottom .table-wrap{margin:0;padding:3px 15px 12px}.dash-bottom table{font-size:11px}.dash-bottom th{font-size:10px;padding:9px 7px;color:#153366;background:#f0f5fc;letter-spacing:0}.dash-bottom td{font-size:11px;padding:7px 7px;border-bottom:1px solid #e8eff8;vertical-align:middle;white-space:nowrap}.dash-bottom tr:last-child td{border-bottom:0}.student-cell{display:flex;align-items:center;gap:9px;color:#18356b;font-size:11px}.row-avatar{width:25px;height:25px;object-fit:cover;border-radius:50%;flex-shrink:0}.row-avatar.initials{background:linear-gradient(#ddedff,#b5d8ff);color:#004d9b;display:grid;place-items:center;font-size:11px;font-weight:600}.due-value{color:#ed325f;font-weight:700}.dash-notices{padding:0 14px 10px}.dash-notices>a{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #ecf2fa;color:#0c2b63}.dash-notices>a:last-child{border:0}.notice-square{display:grid;place-items:center;width:30px;height:31px;border-radius:6px;flex-shrink:0}.notice-square .ui-icon{width:19px;height:19px}.dash-notices strong{font-size:10px;line-height:1.3;font-weight:550;flex:1}.dash-notices small{font-size:9px;color:#687fa1;white-space:nowrap}.dash-empty{padding:28px 12px!important;text-align:center;color:#7186a4;font-size:11px;white-space:normal!important}.ref-erp .panel>details summary,.ref-erp details.panel>summary{color:#08418f}.ref-erp .sidebar-toggle{color:white;background:#ffffff18}
@media(min-width:1700px){.ref-hero{height:335px}.ref-features{margin-top:0}.dashboard-v2{grid-template-columns:minmax(0,1fr) 325px}.chart-frame{aspect-ratio:2.15}.ref-erp .erp-main{padding:20px}.metric{min-height:140px}.metric-info strong{font-size:30px}.banner-tools{max-width:34%}}
@media(max-width:1400px){.ref-nav{padding:7px 4%;gap:16px;height:94px}.ref-nav .school-crest{width:85px;height:86px}.ref-brand{gap:12px}.ref-nav .site-nav{gap:15px}.ref-nav .site-nav a:not(.btn){font-size:12px}.ref-hero{height:285px}.ref-hero-copy{padding-top:21px;padding-left:7%}.ref-hero-copy p{font-size:15px}.hero-script{font-size:28px;left:45%}.hero-values>div{font-size:10px;padding:9px 12px;gap:8px;border-radius:15px}.hero-values .ui-icon{width:24px}.ref-feature{padding:15px 12px 22px;gap:10px}.feature-icon{width:45px;height:45px}.feature-icon .ui-icon{width:27px;height:27px}.ref-feature h3{font-size:14px}.ref-feature p{font-size:10px}.ref-facts{padding:14px 9px}.ref-facts>div{gap:10px;padding:0 12px}.ref-facts strong{font-size:22px}.ref-facts .ui-icon{width:30px;height:30px}.highlight-grid{gap:12px}.highlight h3{font-size:14px}.ref-content-grid{grid-template-columns:35% 1fr}.footer-main{gap:26px}.ref-footer .ref-brand strong{font-size:21px}.ref-footer .ref-brand small{font-size:9px}.ref-footer .school-crest{width:62px;height:64px}.ref-erp{--side-width:200px;--banner-height:125px}.banner-brand{gap:10px}.banner-brand .school-crest{width:85px;height:85px}.banner-brand small{font-size:11px}.banner-tools{gap:11px;max-width:33%;right:15px}.banner-tools .global-search{max-width:205px}.banner-script{font-size:20px;left:59%;top:20px}.ref-erp .sidebar nav a{padding:12px 19px;font-size:12px;gap:13px;min-height:44px}.ref-erp .sidebar nav a.active{padding-left:15px}.ref-erp .sidebar nav a>span{font-size:12px}.dashboard-v2{grid-template-columns:minmax(0,1fr) 265px;gap:13px}.dash-date{margin-top:-64px;padding:12px 17px;gap:15px;min-height:64px}.dash-date span{font-size:10px}.dash-date strong{font-size:16px}.dash-welcome{gap:12px}.dash-welcome h1{font-size:19px}.dash-welcome p{font-size:11px}.session-filter{gap:7px}.session-filter label{font-size:10px}.session-filter select{width:109px;font-size:11px}.metric{grid-template-columns:45px 1fr;gap:10px;padding:18px 13px 0;min-height:118px}.metric-icon{width:46px;height:53px;border-radius:15px}.metric-icon .ui-icon{width:29px;height:29px}.metric-info>span{font-size:11px}.metric-info strong{font-size:24px}.metric-pink strong{font-size:19px}.metric-info small{font-size:10px}.metric-link{font-size:10px;margin-top:14px;padding:7px 0 8px}.metric-grid{gap:11px}.dash-panel h2{font-size:14px}.dash-panel>header{padding:13px 14px 8px}.dash-glance{padding:0 13px 4px}.dash-glance>header{padding:14px 0 11px}.glance-row{gap:12px;padding:10px 0}.glance-icon{width:40px;height:42px;border-radius:12px}.glance-row>span:nth-child(2){font-size:10px}.glance-row strong{font-size:14px}.glance-row small{font-size:8px}.attendance-ring{width:42px;height:42px}.attendance-ring svg{width:42px;height:42px}.glance-icon .ui-icon{width:24px;height:24px}.dash-quick strong{font-size:11px}.dash-bottom{grid-template-columns:1fr 1fr .85fr;gap:12px}.dash-bottom td{font-size:10px;padding:7px 5px}.student-cell{font-size:10px;gap:6px}.dash-bottom .table-wrap{padding:3px 10px 10px}.dash-bottom th{font-size:9px;padding:8px 5px}.dash-panel>header>a{font-size:9px;padding:5px 9px}.dash-notices strong{font-size:9px}.dash-notices{padding:0 10px 8px}.dash-notices>a{gap:7px}.dash-notices small{font-size:8px}.dash-charts{gap:12px}.chart-frame{aspect-ratio:1.78}.ref-erp .erp-main{padding:16px 15px}}
@media(max-width:1150px){.ref-nav .site-nav{gap:12px}.ref-nav .site-nav a:not(.btn){font-size:11px}.ref-brand strong{font-size:28px}.ref-brand small{font-size:11px}.ref-nav .school-crest{width:70px;height:78px}.ref-nav{padding:7px 3%;gap:12px;height:87px}.ref-hero h1{font-size:44px}.ref-hero-copy{padding-left:5%}.ref-features{grid-template-columns:repeat(3,1fr);margin-bottom:15px}.ref-feature{min-height:90px;padding:14px 18px}.ref-feature h3{font-size:16px;margin-top:4px}.ref-feature p{font-size:11px}.feature-icon{width:50px;height:50px}.ref-content-grid{grid-template-columns:33% 1fr}.ref-notices h2{font-size:22px;gap:10px}.ref-notices>header{padding:12px 15px}.ref-notice-body{padding:0 13px}.ref-notice summary{gap:10px}.ref-notice summary strong{font-size:12px}.ref-notice summary small{font-size:10px}.highlight-grid{gap:10px}.highlight h3{font-size:13px}.highlight p{font-size:10px}.ref-highlights h2{font-size:26px}.ref-highlights>header p{font-size:10px}.ref-facts{grid-template-columns:1fr 1fr;row-gap:15px}.ref-facts>div:nth-child(2){border:0}.ref-facts>div:nth-child(3){padding-left:7px}.ref-footer{padding:0 4%}.footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:25px}.footer-main>div:last-child{display:none}.ref-erp{--side-width:185px;--banner-height:115px}.banner-brand .school-crest{width:74px;height:78px}.banner-brand strong{font-size:23px}.banner-brand b{font-size:10px}.banner-brand small{font-size:10px}.banner-tools{gap:10px;max-width:35%;top:14px}.banner-script{display:none}.banner-campus{left:35%;width:30%}.banner-tools .global-search{max-width:200px}.banner-user>div{display:none}.dashboard-v2{grid-template-columns:minmax(0,1fr) 235px}.dash-welcome{flex-wrap:wrap;row-gap:8px}.dash-welcome h1{font-size:18px}.dash-welcome p{font-size:10px}.session-filter{margin-left:55px}.dash-date{margin-top:-55px;padding:12px 15px;gap:10px;min-height:60px}.dash-date span{font-size:10px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:110px}.metric-icon{width:50px;height:53px}.metric-info strong{font-size:26px}.metric-pink strong{font-size:23px}.metric-link{margin-top:12px}.dash-charts{grid-template-columns:1fr}.chart-frame{aspect-ratio:2.4}.dash-glance{align-self:start}.glance-row{padding:16px 0}.dash-quick{grid-template-columns:repeat(4,1fr)}.dash-bottom{grid-template-columns:1fr 1fr}.dash-bottom>section:last-child{grid-column:1/-1}.dash-notices{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:0 15px 15px}.dash-notices strong{font-size:11px}.dash-notices small{font-size:10px}.ref-erp .sidebar nav a{padding:12px 14px;gap:10px}.ref-erp .sidebar nav a.active{padding-left:10px}.ref-erp .sidebar nav a>.ui-icon{width:20px;height:20px}.ref-erp .sidebar nav a>span{font-size:11px}}
@media(max-width:850px){.ref-nav{height:86px;padding:6px 5%;gap:14px}.ref-nav .site-nav{margin:0;top:86px;padding:16px 25px;background:#fff;box-shadow:0 15px 20px #134b7720}.ref-nav .site-nav a:not(.btn){font-size:14px;padding:10px}.ref-nav .site-nav a.selected{padding:10px 15px}.ref-nav .menu-toggle{margin-left:auto}.nav-login{margin-left:0}.ref-brand strong{font-size:29px}.ref-brand small{font-size:12px}.ref-hero{height:320px;background-position:60% center}.ref-hero h1{font-size:41px}.ref-hero-copy p{font-size:14px;max-width:360px}.ref-hero-copy{padding-top:25px}.hero-script{left:auto;right:8%;top:20px;font-size:25px}.hero-values{right:4%;bottom:24px;gap:6px}.hero-values>div{padding:8px 10px;font-size:9px}.hero-values .ui-icon{width:20px}.ref-features{margin-top:0;gap:10px}.ref-feature{padding:13px 12px 23px;gap:10px}.ref-feature h3{font-size:15px}.ref-feature p{font-size:10px}.feature-icon{width:43px;height:43px}.feature-icon .ui-icon{width:25px;height:25px}.ref-content-grid{grid-template-columns:1fr;gap:14px}.ref-notices .ref-empty{padding:20px}.ref-notices .ref-empty .feature-icon{display:none}.ref-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-facts strong{font-size:20px}.ref-facts>div:nth-child(2){border-right:1px solid #ccddf2}.ref-facts>div:nth-child(3){padding-left:12px}.ref-facts .ui-icon{width:27px;height:27px}.ref-facts b{font-size:11px}.ref-facts small{font-size:8px}.ref-erp{--side-width:0px;--banner-height:100px}.school-banner{padding:10px 15px}.banner-brand{max-width:70%}.banner-brand .school-crest{width:72px;height:78px}.banner-brand strong{font-size:25px}.banner-brand b{font-size:11px}.banner-brand small{font-size:10px}.banner-campus{left:45%;width:30%;opacity:.3}.banner-tools{max-width:34%;right:17px;top:31px}.banner-tools .global-search{display:none}.banner-user>div{display:block;max-width:85px}.banner-user>span{width:34px;height:34px}.ref-erp .sidebar{top:100px;width:225px;z-index:50;box-shadow:20px 0 60px #062d6133}.ref-erp .sidebar nav a{padding:13px 22px;font-size:13px;gap:15px}.ref-erp .sidebar nav a>span{font-size:13px}.ref-erp .sidebar nav a.active{padding-left:18px}.mobile-workbar{display:flex;align-items:center;gap:13px;background:#073873;color:white;padding:10px 17px;font-size:12px}.mobile-workbar>span{flex:1}.mobile-workbar time{font-size:11px;color:#d1e4fa}.ref-erp .sidebar-toggle{display:block}.dashboard-v2{grid-template-columns:minmax(0,1fr) 235px}.dash-date{margin:0;z-index:1;align-self:center}.dash-welcome{min-height:80px}.dash-date span{font-size:10px}.dash-welcome h1{font-size:18px}.session-filter{margin-left:54px}.metric-grid{grid-template-columns:1fr 1fr}.metric-info>span{font-size:11px}.metric-info strong{font-size:25px}.metric-pink strong{font-size:21px}.metric{min-height:115px}.ref-erp .workspace{margin-left:0}.ref-erp .erp-main{padding:15px}}
@media(max-width:600px){.ref-nav{height:77px;padding:7px 4%;gap:10px}.ref-nav .school-crest{width:54px;height:64px}.ref-brand{gap:8px;min-width:0}.ref-brand strong{font-size:23px;letter-spacing:-.5px}.ref-brand small{font-size:9px;margin-top:4px}.ref-nav .menu-toggle{font-size:22px;padding:3px 8px}.ref-nav .site-nav{top:77px}.nav-login{width:28px;height:28px}.nav-login .ui-icon{width:16px}.ref-hero{height:400px;background-image:linear-gradient(90deg,#edf8fff2,#eef7ffb8 55%,#edf7ff1a),url('campus-v2.png');background-size:auto 100%;background-position:60% bottom}.ref-hero-copy{padding:28px 5% 0}.ref-hero .eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:14px}.ref-hero h1{font-size:39px;letter-spacing:-1px;line-height:1.04;max-width:350px;margin-bottom:14px}.ref-hero-copy p{font-size:14px;max-width:310px}.ref-hero-copy p br{display:none}.ref-hero-buttons{gap:11px;margin-top:20px}.ref-home .btn{font-size:12px;padding:11px 19px;gap:11px}.hero-script{display:none}.hero-values{left:5%;right:5%;bottom:29px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.hero-values>div{display:flex;flex-direction:column;gap:6px;text-align:center;border-radius:12px;padding:10px 4px;font-size:9px}.hero-values .ui-icon{width:23px;height:23px}.ref-features{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 4% 14px;gap:10px}.ref-feature{min-height:105px;padding:14px 10px 23px;gap:8px}.ref-feature h3{font-size:14px;margin-top:2px}.ref-feature p{font-size:9px}.feature-icon{width:37px;height:37px}.feature-icon .ui-icon{width:23px;height:23px}.ref-content-grid{margin:0 4% 15px}.ref-highlights>header{padding:14px 15px 0;align-items:start}.ref-highlights h2{font-size:25px}.ref-highlights>header p{font-size:9px;max-width:130px;text-align:right;line-height:1.4}.highlight-grid{grid-template-columns:1fr 1fr;gap:10px;padding:14px}.highlight{padding:15px 7px 12px}.highlight h3{font-size:16px}.highlight p{font-size:11px}.highlight a{font-size:10px}.ref-facts{grid-template-columns:1fr 1fr;padding:15px 12px;row-gap:20px}.ref-facts>div:nth-child(2){border:0}.ref-facts>div:nth-child(3){padding-left:7px}.ref-facts strong{font-size:23px}.ref-facts b{font-size:12px}.ref-facts small{font-size:9px}.ref-facts .ui-icon{width:30px;height:30px}.ref-notice summary strong{font-size:13px}.ref-notice summary small{font-size:10px}.ref-notices h2{font-size:24px}.footer-main{grid-template-columns:1fr 1fr;gap:25px 15px;padding:22px 0}.footer-main>div:first-child{grid-column:1/-1}.ref-footer .ref-brand strong{font-size:26px}.ref-footer .ref-brand small{font-size:11px}.ref-footer .school-crest{width:67px;height:70px}.ref-footer h3{font-size:17px}.ref-footer p{font-size:11px}.footer-links{gap:9px 10px}.footer-links a{font-size:10px}.footer-bottom{display:block;line-height:1.6;font-size:9px;padding:12px 0}.footer-bottom span{display:block}.school-dialog{padding:25px 20px;border-radius:16px;width:94vw;max-width:94vw}.school-dialog h2{font-size:27px}.school-dialog .academic-grid{grid-template-columns:1fr}.school-dialog p{font-size:13px}.ref-erp{--banner-height:90px}.school-banner{padding:10px}.banner-brand{max-width:88%;gap:9px}.banner-brand .school-crest{width:56px;height:61px}.banner-brand strong{font-size:19px;letter-spacing:0}.banner-brand b{font-size:8px;margin:5px 0;max-width:235px}.banner-brand small{font-size:8px;padding-top:5px}.banner-campus{left:55%;width:50%;opacity:.18}.banner-tools{right:10px;top:29px;max-width:10%}.banner-tools .banner-icon{display:none}.banner-user>div{display:none}.banner-user>span{width:29px;height:29px;font-size:11px}.ref-erp .sidebar{top:90px}.mobile-workbar{padding:8px 12px}.ref-erp .erp-main{padding:15px 12px}.dashboard-v2{grid-template-columns:1fr;grid-template-areas:'welcome' 'date' 'main' 'quick' 'glance' 'bottom';gap:12px}.dash-welcome{gap:12px;align-items:start;min-height:0}.welcome-icon{margin-top:3px;width:35px;height:38px;flex-shrink:0}.dash-welcome>div:nth-child(2){flex:1}.dash-welcome h1{font-size:20px;line-height:1.25}.dash-welcome p{font-size:11px;line-height:1.5}.session-filter{margin:3px 0 0 50px;flex-basis:100%;justify-content:space-between}.session-filter label{font-size:11px}.session-filter select{width:140px;font-size:12px}.dash-date{padding:10px 15px;min-height:53px;gap:12px;box-shadow:0 2px 7px #083a6110}.dash-date>div{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.dash-date span{font-size:11px}.dash-date strong{font-size:14px}.dash-date .ui-icon{width:22px;height:22px}.metric-grid{gap:10px}.metric{grid-template-columns:42px 1fr;padding:15px 12px 0;gap:10px;min-height:116px}.metric-icon{width:43px;height:50px;border-radius:14px}.metric-icon .ui-icon{width:28px;height:28px}.metric-info>span{font-size:11px}.metric-info strong{font-size:26px;letter-spacing:-.6px}.metric-pink strong{font-size:20px}.metric-info small{font-size:10px}.metric-link{font-size:10px;padding:8px 0 9px;margin-top:10px}.dash-charts{gap:12px;margin-top:12px;grid-template-columns:1fr}.chart-frame{aspect-ratio:2.02;padding:8px 8px 13px}.dash-panel>header{padding:15px 14px 5px}.dash-panel h2{font-size:16px}.chart-chip{font-size:10px;padding:7px 9px}.chart-panel header select{font-size:11px}.dash-quick{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.dash-quick>a{padding:13px 4px 11px;gap:9px}.dash-quick strong{font-size:9px;line-height:1.3}.dash-quick .ui-icon{width:24px;height:24px}.dash-glance{padding:0 15px 4px}.dash-glance>header{padding:16px 0 12px}.glance-row{padding:12px 0;gap:15px}.glance-icon{width:44px;height:45px}.glance-row>span:nth-child(2){font-size:12px}.glance-row strong{font-size:17px}.glance-row small{font-size:10px}.attendance-ring,.attendance-ring svg{width:47px;height:47px}.dash-bottom{grid-template-columns:1fr;gap:12px}.dash-bottom .table-wrap{padding:5px 12px 12px}.dash-bottom td{padding:9px 6px;font-size:11px}.dash-bottom th{padding:9px 6px;font-size:10px}.student-cell{font-size:11px;gap:8px}.row-avatar{width:26px;height:26px}.dash-notices{display:block;padding:5px 14px 12px}.dash-notices>a{padding:9px 0;gap:10px}.dash-notices strong{font-size:11px}.notice-square{width:32px;height:33px}.dash-notices small{font-size:10px}.dash-panel>header>a{font-size:10px}.ref-erp .panel{padding:18px}.ref-erp .page-heading h1{font-size:26px}}
@media(max-width:370px){.ref-brand strong{font-size:20px}.ref-brand small{font-size:8px}.ref-nav{gap:6px}.ref-nav .school-crest{width:46px}.ref-hero h1{font-size:35px}.ref-home .btn{font-size:11px;padding:11px 16px}.ref-feature{gap:6px;padding-left:8px;padding-right:8px}.feature-icon{width:30px;height:33px}.ref-feature h3{font-size:13px}.metric{grid-template-columns:32px 1fr;padding:15px 9px 0;gap:8px}.metric-icon{width:34px;height:45px}.metric-icon .ui-icon{width:24px;height:24px}.metric-info strong{font-size:23px}.metric-pink strong{font-size:18px}.banner-brand strong{font-size:17px}.banner-brand .school-crest{width:48px;height:55px}.banner-brand small{font-size:7px}.banner-brand b{font-size:7px}}

/* V3 school identity and dedicated portals */
.school-crest{object-fit:contain;background:white;border-radius:12px}.ref-nav .school-crest{width:72px;height:72px}.banner-brand .school-crest{width:88px;height:88px;border:3px solid white}.ref-footer .school-crest{width:70px;height:70px}.home-login-strip{margin:22px 0;padding:22px 25px;background:linear-gradient(115deg,#edf5ff,#f8fbff);border:1px solid #dbe7f7;border-radius:16px;display:flex;gap:25px;align-items:center}.home-login-strip>div:first-child{flex:1}.home-login-strip>div>span{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#0e6bd5}.home-login-strip h2{font-size:20px;margin:8px 0;color:#0d3569}.home-login-buttons{display:flex;gap:12px;flex:2}.home-login-buttons a{display:flex;align-items:center;gap:12px;flex:1;padding:16px;background:white;border:1px solid #cfdef4;border-radius:11px;color:#0c4b9d;box-shadow:0 4px 12px #06377508;text-decoration:none;font-size:13px;font-weight:700}.home-login-buttons a:hover{border-color:#2682ed;background:#eef6ff}.home-login-buttons a small{display:block;font-size:10px;font-weight:400;color:#6e849f;margin-top:5px}.home-login-buttons a b{margin-left:auto}.home-login-buttons .ui-icon{width:25px;height:25px;flex-shrink:0}.home-login-buttons a:nth-child(2){color:#08785e}.home-login-buttons a:nth-child(3){color:#7e459d}
@media(max-width:1000px){.home-login-strip{display:block}.home-login-buttons{margin-top:17px}.ref-nav .school-crest{width:58px;height:58px}}
@media(max-width:600px){.home-login-strip{padding:19px}.home-login-buttons{flex-direction:column}.home-login-buttons a{padding:14px}.home-login-strip h2{font-size:18px}.ref-nav .school-crest{width:50px;height:50px}}