:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172b47;background:#f6f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed!important}h1,h2,h3,p{margin-top:0}a{text-decoration:none}input,select,textarea{color:#243a55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9bd4f4;outline-offset:2px}.muted{color:#8693a5}.capitalize{text-transform:capitalize}.danger-text{color:#d45352!important}.success-text{color:#219d7a!important}.strong-text{font-weight:680;color:#263b58}.subline{display:block;color:#91a0b1;font-size:12px;font-weight:500;margin-top:4px}.overline{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#50d4ca}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;flex:0 0 261px;background:#10233f;color:#fff;display:flex;flex-direction:column;z-index:60}.brand{display:flex;align-items:center;gap:12px;padding:29px 21px 28px;border-bottom:1px solid #213753}.brand-icon,.logo-icon{display:grid;place-items:center;border-radius:13px;width:44px;height:44px;background:#2a9fc0;color:#fff;box-shadow:0 8px 20px #081c365c}.brand b{display:block;font-size:21px;letter-spacing:-.8px}.brand-light{font-weight:400;color:#d4ecf3;margin-left:4px}.brand small{display:block;font-size:8.5px;letter-spacing:1.55px;color:#8ca7c2;margin-top:4px}.side-navigation{overflow-y:auto;padding:22px 12px 12px;flex:1;scrollbar-color:#39516e transparent;scrollbar-width:thin}.nav-section{margin-bottom:19px}.nav-heading{padding:9px 14px 12px;color:#7d96b5;font-size:10px;font-weight:800;letter-spacing:1.65px}.nav-link{width:100%;padding:12px 14px;display:flex;align-items:center;gap:13px;border:none;color:#b1c1d5;background:transparent;border-radius:10px;text-align:left;font-size:13px;font-weight:550;min-height:46px;margin:2px 0;transition:background .15s,color .15s}.nav-link:hover{background:#1c3555;color:#fff}.nav-link.selected{color:#fff;background:linear-gradient(95deg,#207ea7,#23567c);box-shadow:0 5px 15px #07172e35}.nav-link span:nth-child(2){flex:1}.nav-selected-dot{height:6px;width:6px;border-radius:50%;background:#b3f4e8}.sidebar-user{border-top:1px solid #203855;padding:15px 13px 18px}.sidebar-profile{width:100%;border:0;border-radius:10px;background:#1b3452;display:flex;align-items:center;text-align:left;color:#fff;gap:9px;padding:10px}.sidebar-profile span:nth-of-type(2){min-width:0;flex:1}.sidebar-profile b,.top-user b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile small,.top-user small{display:block;color:#94aec5;font-size:11px;margin-top:3px}.logout{width:100%;display:flex;align-items:center;gap:11px;padding:12px 13px;border:none;background:transparent;color:#9eb3c9;text-align:left;margin-top:5px;font-size:13px}.logout:hover{color:#fff}.sidebar-close,.sidebar-overlay,.mobile-menu{display:none!important}.main-shell{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid #ebeff5;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.crumbs,.top-actions,.top-user{display:flex;align-items:center;gap:14px}.crumb-home{color:#9ca8ba;font-size:13px}.crumb-slash{color:#c7cfd9;font-size:18px}.crumbs b{font-size:13px;font-weight:700;color:#32465f}.top-date{font-size:12px;color:#8291a6}.top-divider{height:26px;width:1px;background:#e3e8f0}.top-user{border:none;background:none;text-align:left;gap:10px;color:#2f415d}.top-user small{color:#93a0b1}.content{padding:30px 36px 60px;max-width:1600px;width:100%;margin:0 auto;flex:1}.main-footer{border-top:1px solid #eaf0f7;padding:18px 36px;color:#91a0b2;font-size:11px;display:flex;justify-content:space-between}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.page-heading h1{font-size:26px;line-height:1.25;letter-spacing:-.9px;font-weight:780;margin-bottom:7px;color:#172c49}.page-heading p{color:#8a98aa;font-size:13px;margin:0}.head-actions,.inline-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:12px;padding:12px 17px;white-space:nowrap;min-height:41px;transition:transform .12s,box-shadow .12s}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{background:#1a88ad;color:#fff;box-shadow:0 6px 13px #1688b22b}.btn-primary:not(:disabled):hover{background:#167da2;box-shadow:0 8px 20px #1688b234}.btn-soft{background:#eef4f8;color:#4d667f}.btn-outline{background:#fff;color:#47718f;border-color:#dce6ef}.btn-sm{font-size:11px;min-height:34px;padding:8px 12px}.icon-btn{border:none;background:transparent;color:#7a8aa0;padding:6px;display:inline-flex;align-items:center;justify-content:center}.avatar{display:inline-grid;place-items:center;background:#dcebf6;color:#326688;font-size:11px;font-weight:800;border-radius:12px;flex-shrink:0}.avatar-sm{height:36px;width:36px}.avatar-lg{height:65px;width:65px;font-size:21px;border-radius:17px;background:#e1f1f7}.identity{display:flex;align-items:center;gap:10px;min-width:150px}.identity strong{font-size:12px;font-weight:750;display:block;color:#243850}.identity small{font-size:11px;color:#9cabb8;display:block;margin-top:4px}.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:10.5px;font-weight:750;text-transform:capitalize}.pill.success{background:#e6f7ef;color:#259777}.pill.danger{background:#fff0f1;color:#d55360}.pill.warning{background:#fff5df;color:#d59a32}.pill.neutral{background:#eff3fa;color:#70859c}.dot{height:6px;width:6px;border-radius:50%;background:currentColor}.tag{background:#edf5fc;border-radius:7px;padding:7px 9px;color:#427698;font-size:11px;font-weight:730;white-space:nowrap}.date-indicator{display:flex;align-items:center;gap:10px;color:#8295a9;background:#fff;border:1px solid #e7edf4;border-radius:8px;padding:12px;font-size:12px}.hero-card{position:relative;overflow:hidden;min-height:185px;display:flex;justify-content:space-between;padding:26px 31px;border-radius:16px;color:#fff;background:linear-gradient(103deg,#113f6b,#136a91 65%,#3b94a1);margin-bottom:21px;box-shadow:0 12px 25px #235f9317}.hero-card h2{font-size:24px;letter-spacing:-.5px;margin:14px 0 9px}.hero-card h2 span{color:#c8f3c8}.hero-card p{color:#b9deea;font-size:12.5px;margin:0 0 19px}.hero-card button{display:flex;align-items:center;gap:10px;background:#fff;color:#1e6a8c;border:none;border-radius:7px;font-size:11px;font-weight:750;padding:11px 14px}.hero-art{position:relative;display:grid;place-items:center;width:225px;color:#a9edfd99;z-index:1}.hero-orbit{position:absolute;border:1px solid #c6f0f84b;border-radius:50%;width:150px;height:150px}.orbit-two{width:250px;height:250px;opacity:.4}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{min-width:0;background:#fff;border:1px solid #eaf0f7;box-shadow:0 2px 15px #243e5510;border-radius:13px;padding:18px 19px}.stat-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.stat-icon.sky{background:#e9f5fc;color:#3a9dc2}.stat-icon.mint{background:#def8ee;color:#25a98a}.stat-icon.violet{background:#f0ebfd;color:#8b72d7}.stat-icon.amber{background:#fff4df;color:#e3a537}.stat-arrow{color:#bac7d4}.stat-value{font-size:24px;font-weight:800;letter-spacing:-.9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:12px;font-weight:680;color:#52657e;margin-top:6px}.stat .muted{display:block;font-size:10px;margin-top:7px}.dashboard-bottom{display:grid;grid-template-columns:1.08fr 1fr;gap:18px;margin-bottom:20px}.panel{border-radius:13px;border:1px solid #e6edf5;background:#fff;box-shadow:0 2px 16px #1b43600b;margin-bottom:20px;min-width:0;padding:20px 22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:19px}.panel-head h3{font-size:15px;letter-spacing:-.1px;font-weight:800;margin:0 0 5px}.panel-head p{font-size:11.5px;color:#8b9aaa;margin:0;line-height:1.5}.collection-row{display:flex;align-items:baseline;gap:10px;margin:30px 0 10px}.collection-row strong{font-size:27px;letter-spacing:-.7px}.collection-row span{font-size:12px;color:#8795a5}.progress{height:9px;border-radius:999px;background:#edf2f6;overflow:hidden}.progress>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#33bcb0,#52d1c4);min-width:0}.split-legend,.chart-legend{display:flex;justify-content:space-between;margin:13px 0 23px;font-size:11px;color:#8da0ae}.split-legend span,.chart-legend span{display:flex;align-items:center;gap:7px}.legend{height:9px;width:9px;border-radius:3px;display:inline-block}.mint-bg{background:#35beac}.amber-bg{background:#f4b64f}.sky-bg{background:#68a9e9}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-grid button{min-height:78px;background:#f5f9fc;border:1px solid #edf1f6;color:#3b566f;border-radius:9px;text-align:left;display:flex;align-items:center;gap:12px;padding:15px;font-size:12px;font-weight:760}.quick-grid button svg:last-child{margin-left:auto}.quick-grid button:hover{background:#e8f4fb}.quick-grid.compact button{font-size:11px;min-height:56px}.alert-list{display:flex;flex-direction:column;gap:0}.alert-entry{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #f0f2f6}.alert-entry:last-child{border:none}.alert-entry .danger-text{font-size:12px;font-weight:800}.text-action{display:inline-flex;gap:5px;align-items:center;color:#168db2;font-size:11px;font-weight:760;border:0;background:transparent;padding:4px 0}.text-action:hover{text-decoration:underline}.mini-metrics{display:flex;align-items:center;gap:23px;background:#fff;border:1px solid #e8edf4;padding:15px 19px;border-radius:12px;margin:0 0 21px;font-size:12px;color:#7990a5;flex-wrap:wrap}.mini-metrics span{display:flex;align-items:center;gap:9px}.mini-metrics svg{color:#31a2b7}.mini-metrics b{color:#273e5a}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:17px}.filters input,.filters select,.toolbar-month input,.panel-head>input{background:#fff;border:1px solid #e2eaf2;border-radius:8px;padding:10px 11px;height:38px;font-size:11.5px;min-width:130px}.filters select{max-width:200px}.filters .filter-short{min-width:0;width:110px}.search-wrap{display:flex;align-items:center;gap:8px;border:1px solid #e3eaf2;padding:0 12px;border-radius:8px;height:38px;flex:1;min-width:175px;max-width:340px;color:#9faebf}.search-wrap input{flex:1;min-width:0;width:100%;border:0;outline:none;padding:0;height:32px}.search-wrap:focus-within{border-color:#61b1d0}.table-wrap{max-width:100%;overflow:auto;min-height:90px}table{border-collapse:collapse;width:100%;font-size:11.5px}thead th{color:#8c9cae;text-align:left;background:#f7f9fc;font-size:10px;letter-spacing:.2px;font-weight:800;padding:13px;white-space:nowrap;border-bottom:1px solid #e9eef4}thead th:first-child{border-radius:8px 0 0 8px}thead th:last-child{border-radius:0 8px 8px 0}tbody td{padding:12px 13px;border-bottom:1px solid #f0f3f7;white-space:nowrap;color:#687c93}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdff}.table-action{display:inline-flex;gap:5px;align-items:center;border:0;background:none;color:#2787ad;font-size:11px;font-weight:750;padding:5px}.row-actions{display:flex;align-items:center;gap:6px}.icon-action{width:31px;height:31px;display:grid;place-items:center;background:#f0f4f8;color:#627d9a;border:0;border-radius:7px}.icon-action.blue{background:#e8f4fc;color:#238dba}.icon-action.green{background:#e8f9ef;color:#23a17b}.icon-action:hover{filter:brightness(.96)}.empty{padding:35px 12px;text-align:center;color:#a3b0c2;display:flex;align-items:center;flex-direction:column;gap:10px;justify-content:center}.empty strong{font-size:12px;color:#698099}.empty small{font-size:11px;color:#9fafc0}.loading{display:flex;gap:12px;align-items:center;justify-content:center;color:#8495a6;padding:35px;font-size:13px}.spinner{height:20px;width:20px;border:3px solid #dfecf3;border-top-color:#2897b5;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;align-items:center;gap:17px;border-bottom:1px solid #e1e9f1;margin-bottom:22px}.tabs button{background:transparent;color:#8594a6;border:0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:13px 12px;border-bottom:2px solid transparent}.tabs button.active{color:#187fa4;border-color:#168eb3}.info-strip{display:flex;align-items:center;gap:11px;padding:15px 18px;border:1px solid #cbe8f3;background:#f0f9fd;color:#597b92;border-radius:10px;font-size:12px;line-height:1.6;margin-bottom:22px}.info-strip svg{flex-shrink:0;color:#2e99b5}.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.program-card{border-radius:13px;padding:23px;border:1px solid #e7edf5;background:#fff;box-shadow:0 2px 12px #18395009}.program-badge{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:#e7f5fa;color:#238daf;margin-bottom:20px}.program-card h3{font-size:15px;margin-bottom:7px}.program-card .muted{font-size:11px}.program-meta{margin-top:26px;padding-top:17px;border-top:1px solid #ecf1f5;display:flex;align-items:center;justify-content:space-between;gap:10px}.program-meta>span:first-child{display:flex;align-items:center;gap:7px;color:#8494a9;font-size:11px}.selection-actions{display:flex;gap:17px;padding:2px 0 13px}.promote-list{max-height:420px;overflow:auto;border:1px solid #eef2f6;border-radius:10px}.promote-row{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #f0f4f7;cursor:pointer}.promote-row:last-child{border:0}.promote-row:hover{background:#f8fbfd}.promote-row input{width:16px;height:16px;accent-color:#208bb2}.promote-row .identity{flex:1}.small-summary{font-size:11px;font-weight:750;color:#218c9c;background:#e7f8f7;padding:7px 12px;border-radius:7px}.promote-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:15px}.promote-footer>span{font-size:11px;color:#8b9aa9}.toolbar-month{background:#fff;border:1px solid #e7edf5;border-radius:11px;margin-bottom:20px;display:flex;align-items:center;gap:14px;padding:13px 18px;font-size:12px;color:#6f849b}.toolbar-month svg{color:#238daf}.toolbar-month .muted{font-size:11px}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-identity,.student-banner{display:flex;align-items:center;gap:17px}.profile-identity h3,.student-banner h2{margin:0 0 4px}.profile-identity p,.student-banner p{color:#899aab;margin:0 0 8px;font-size:12px}.student-banner{padding:22px 25px;border:1px solid #d9e9f3;background:linear-gradient(90deg,#e9f5fc,#f6fafc);border-radius:13px;margin-bottom:20px}.student-banner>div{flex:1}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-preview{display:flex;gap:16px;background:#f4f9fc;border:1px solid #e7f0f6;padding:16px;border-radius:11px;margin-top:12px}.settings-preview>div{flex:1}.settings-preview small{display:block;color:#889caf;font-size:11px}.settings-preview b{display:block;font-size:15px;margin-top:5px}.password-form{max-width:450px}.password-form .btn{margin-top:12px}.chart-legend{justify-content:flex-start;gap:18px}.bar-chart{height:240px;display:flex;gap:15px;align-items:flex-end;border-bottom:1px solid #e5edf3;padding:8px 6px 0;overflow-x:auto}.bar-col{min-width:38px;flex:1;max-width:65px;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-end}.bar-stack{height:90%;display:flex;gap:4px;justify-content:center;align-items:flex-end;width:100%}.bar{width:38%;border-radius:5px 5px 0 0;min-height:2px}.sky-bar{background:#78afe0}.mint-bar{background:#3ccbb2}.bar-col small{font-size:10px;padding:7px 0;color:#8a9bad}.program-distribution{margin:20px 0 27px}.program-distribution>div:first-child{display:flex;justify-content:space-between;font-size:11.5px;margin-bottom:10px}.program-distribution strong{color:#41546b}.program-distribution span{color:#889aab}.program-distribution .progress{height:7px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#122640a9;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(100%,520px);max-height:calc(100vh - 44px);background:#fff;box-shadow:0 24px 85px #10213d53;border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.modal-wide{width:min(100%,770px)}.modal-header{padding:22px 25px;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.modal-header h2{font-size:18px;margin-bottom:6px}.modal-header p{font-size:11px;color:#96a2b1;margin:0}.modal-body{overflow-y:auto;padding:23px 25px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;min-width:0}.field>span{font-size:11.5px;color:#475e78;font-weight:730}.field em{font-style:normal;color:#d86260}.field input,.field select,.field textarea{width:100%;border:1px solid #dce6f0;background:#fff;border-radius:9px;padding:11px 12px;min-height:41px;font-size:12.5px;outline:none}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4da1c1;box-shadow:0 0 0 3px #4da1c116}.field input[readonly]{background:#f4f7f9}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.form-section-title{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#2395b3;font-weight:800;border-bottom:1px solid #edf2f6;padding:8px 0 10px;margin:5px 0 17px}.form-actions{border-top:1px solid #edf1f5;padding-top:17px;margin-top:13px;display:flex;align-items:center;justify-content:flex-end;gap:11px}.form-hint{display:flex;gap:10px;align-items:center;font-size:11px;color:#648da0;line-height:1.5}.form-hint svg{flex-shrink:0}.fee-item-row{display:grid;grid-template-columns:1.8fr 1fr 30px;gap:10px;align-items:center}.remove-item{margin-top:9px}.add-line{margin-bottom:19px}.payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:20px}.payment-summary>div{padding:15px;border:1px solid #e7edf4;background:#f7fafc;border-radius:9px}.payment-summary small{display:block;color:#8297a9;margin-bottom:8px}.payment-summary strong{font-size:18px;display:block;color:#1f536e}.payment-summary span{display:block;color:#839aab;font-size:11px;margin-top:6px}.inline-error{padding:12px 15px;background:#fff0f0;border-radius:8px;border:1px solid #ffd0d0;color:#bf4d57;font-size:12px;margin:12px 0}.toast{position:fixed;bottom:24px;right:24px;z-index:300;display:flex;align-items:center;gap:12px;max-width:430px;padding:15px 16px;background:#103c4c;color:#fff;border-radius:11px;box-shadow:0 12px 28px #12304448;font-size:12px}.toast>span{color:#6de0bf}.toast-error{background:#683344}.toast-error>span{color:#ffb2ad}.toast strong{font-weight:600;flex:1}.toast .icon-btn{color:#d2e8e8}.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#8b9aac;margin-bottom:12px}.attendance-list{border:1px solid #edf2f6;border-radius:10px;max-height:440px;overflow:auto}.attendance-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 15px;border-bottom:1px solid #edf2f6}.attendance-row:last-child{border:0}.attendance-choice{display:flex;gap:6px}.attendance-choice button{border:1px solid #e1e9f2;background:#f6f8fb;padding:7px 11px;font-size:11px;border-radius:7px;text-transform:capitalize;color:#8291a4}.attendance-choice button.selected.present{color:#208c70;background:#dcf7ec;border-color:#b4eccc}.attendance-choice button.selected.absent{color:#c34e57;background:#fff0f0;border-color:#fac8cd}.attendance-choice button.selected.late{color:#b48a2b;background:#fff6df;border-color:#f5dda6}.attendance-choice button.selected.excused{color:#3974ae;background:#e7f2fc;border-color:#b9d9f5}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-showcase{background:linear-gradient(140deg,#0c263e,#144f72 80%,#15788c);color:#fff;padding:40px 8%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-showcase:after{content:"";width:460px;height:460px;border-radius:50%;border:60px solid #ffffff09;position:absolute;right:-260px;top:25%}.login-mark{display:flex;align-items:center;gap:15px;font-size:20px}.login-mark span b{font-weight:400}.login-display{z-index:2;max-width:600px}.login-display h1{font-size:clamp(35px,3.6vw,58px);line-height:1.14;letter-spacing:-1.8px;margin:20px 0}.login-display>p{color:#b0d4e6;font-size:16px;line-height:1.8;max-width:440px}.login-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.login-points span{display:flex;align-items:center;gap:8px;padding:10px 13px;background:#ffffff12;border:1px solid #ffffff23;border-radius:30px;font-size:11px}.login-points svg{color:#76e0cf}.login-foot{color:#89b4c9;font-size:12px}.login-form-side{display:flex;align-items:center;justify-content:center;padding:30px 8%}.login-box{max-width:400px;width:100%}.login-emoji{height:56px;width:56px;background:#eaf5fb;color:#2591b1;display:grid;place-items:center;border-radius:17px;margin-bottom:20px}.login-box h2{font-size:30px;letter-spacing:-1px;margin:0 0 10px}.login-box>p{color:#8494a7;font-size:13px;margin:0 0 34px}.login-box .field{margin-bottom:22px}.login-box .field input{min-height:48px}.login-submit{width:100%;justify-content:space-between;min-height:49px;font-size:13px;margin-top:5px}.login-caption{display:block;margin-top:32px;text-align:center;color:#a0aebd;font-size:11px}.login-mobile-brand{display:none}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.boot-logo{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:800;color:#134d72}.boot .loading{padding:12px}@media (max-width:1250px){.sidebar{flex-basis:235px}.content{padding:26px 25px 45px}.topbar{padding:0 25px}.stat{padding:16px}.stat-value{font-size:20px}.stats-grid{gap:10px}.dashboard-bottom{grid-template-columns:1fr 1fr}.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.sidebar{position:fixed;left:0;transform:translate(-100%);width:265px;transition:transform .2s}.sidebar.open{transform:translate(0)}.sidebar-close,.mobile-menu{display:inline-flex!important}.sidebar-close{margin-left:auto;color:#a1bbca}.sidebar-overlay{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#1226408a;border:0;z-index:55}.main-shell{width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom,.portal-grid{grid-template-columns:1fr}.content{padding:27px 24px 45px}.topbar{height:65px}.login-showcase{padding:37px 6%}}@media (max-width:680px){.page-heading{flex-direction:column;margin-bottom:20px}.page-heading h1{font-size:22px}.content{padding:22px 14px 35px}.topbar{padding:0 15px}.top-date,.top-divider{display:none}.top-user span:nth-child(2){display:none}.hero-card{padding:22px;min-height:170px}.hero-card h2{font-size:21px}.hero-art{display:none}.stats-grid{gap:10px}.stat{padding:15px 13px}.stat-value{font-size:18px}.stat-label{font-size:11px}.stat-icon{width:36px;height:36px}.stat-icon svg{width:18px}.panel{padding:17px 13px}.panel-head{flex-wrap:wrap}.program-grid{grid-template-columns:1fr}.mini-metrics{gap:10px}.filters{align-items:stretch}.filters>*{flex:1!important;max-width:none!important;min-width:110px}.search-wrap{flex-basis:100%!important}.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{max-height:calc(100vh - 16px)}.modal-header,.modal-body{padding:17px}.attendance-row{flex-direction:column;align-items:stretch;gap:10px}.attendance-choice{justify-content:space-between}.attendance-choice button{flex:1;padding:8px 4px}.head-actions,.inline-actions{width:100%}.inline-actions .btn{flex:1}.toolbar-month{flex-wrap:wrap}.toolbar-month .muted{flex-basis:100%}.promote-footer{flex-direction:column;align-items:stretch}.promote-footer>span{text-align:center}.login-screen{grid-template-columns:1fr}.login-showcase{display:none}.login-form-side{min-height:100vh;padding:30px 25px}.login-mobile-brand{display:flex;align-items:center;gap:11px;font-weight:800;color:#15608a;font-size:22px;margin-bottom:45px}.main-footer{padding:18px 15px}.main-footer span{display:none}.tabs{gap:2px}.tabs button{font-size:11px;padding:11px 8px}}.college-logo{display:inline-grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:#eaf5fb;color:#2591b1;overflow:hidden}.college-logo img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fff}.college-logo.login-emoji{width:72px;height:72px;margin-bottom:20px}.college-logo-large{width:112px;height:112px;border:1px solid #dce6f0}.college-logo-editor{display:flex;align-items:flex-start;gap:22px;flex-wrap:wrap}.college-logo-editor>div{flex:1;min-width:200px}.college-logo-editor p{font-size:12px;line-height:1.6}.logo-actions{display:flex;gap:10px;flex-wrap:wrap}.manual-enrollment{padding:16px;border:1px solid #dce6f0;background:#f4f9fc;border-radius:10px;margin-bottom:18px}.manual-enrollment-toggle{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;margin-bottom:12px}.manual-enrollment-toggle input{width:17px;height:17px;accent-color:#208bb2}.manual-enrollment p{font-size:12px;margin:8px 0 0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0 0;color:#6f849b;font-size:12px}.pagination>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagination select{padding:6px;border:1px solid #dce6f0;border-radius:7px;margin-left:5px;background:#fff}.search-select{grid-column:1 / -1;border:1px solid #e2eaf2;border-radius:9px;padding:12px;margin-bottom:16px}.search-select .pagination{padding-top:0}.password-recovery-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:#f6f8fc}.password-recovery-screen .login-box{background:#fff;padding:28px;border-radius:16px;max-width:480px;border:1px solid #e2eaf2}.password-recovery-screen .btn{margin:8px 8px 0 0}.forgot-password-link{margin-top:18px}.password-input-wrap{position:relative;display:flex;align-items:center}.field .password-input-wrap input{padding-right:48px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#68839b}.password-toggle:hover{background:#eaf3fa;color:#187fa4}.announcement-entry{padding:18px 0;border-bottom:1px solid #e8eef5}.announcement-entry:last-of-type{border-bottom:0}.announcement-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.announcement-heading h3{font-size:15px;margin:0 0 9px}.announcement-entry p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;margin:12px 0}.announcement-entry small{font-size:11px}.login-foot a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}.login-foot a:hover{color:#fff}.login-mobile-credit{display:none}@media (max-width:680px){.login-mobile-credit{display:block;margin-top:20px;text-align:center;font-size:12px;color:#64778d}.login-mobile-credit a{color:#15608a;font-weight:700;text-decoration:underline;text-underline-offset:3px}.login-mobile-credit a:hover{color:#0d465f}}