@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#172554;background:#f5f8ff;font-family:DM Sans,sans-serif}.app{background:radial-gradient(circle at 85% 15%,#e0eaff 0,#0000 28%),radial-gradient(circle at 5% 80%,#e8f3ff 0,#0000 30%),#f8faff;min-height:100vh;position:relative;overflow:hidden}.navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:5;background:#fffc;border-bottom:1px solid #e8edf7;justify-content:space-between;align-items:center;height:90px;padding:0 8%;display:flex;position:relative}.brand{align-items:center;gap:13px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#2563eb,#0f2e75);border-radius:15px;place-items:center;width:48px;height:48px;font-size:27px;font-weight:800;display:grid;box-shadow:0 7px 18px #2563eb35}.brand h2{letter-spacing:2px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800}.brand span{color:#8290a9;letter-spacing:1.7px;margin-top:2px;font-size:9px;font-weight:700;display:block}.admin-link{color:#334b77;background:#fff;border:1px solid #dce5f5;border-radius:10px;padding:12px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s}.admin-link:hover{color:#fff;background:#173b85;transform:translateY(-2px)}.hero{justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding:75px 20px 65px;display:flex;position:relative}.hero-content{text-align:center;z-index:2;width:100%;max-width:1000px;animation:.8s both appear;position:relative}.welcome-badge{color:#2856a8;letter-spacing:1.5px;background:#eaf1ff;border:1px solid #d9e6ff;border-radius:50px;align-items:center;gap:9px;margin-bottom:25px;padding:9px 16px;font-size:10px;font-weight:800;display:inline-flex}.status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e20}.hero h1{letter-spacing:-2.5px;color:#15264b;font-family:Manrope,sans-serif;font-size:clamp(38px,5.5vw,65px);font-weight:800;line-height:1.15}.hero h1 span{color:#0000;background:linear-gradient(90deg,#2563eb,#5489ed);-webkit-background-clip:text;background-clip:text}.hero-description{color:#74819a;max-width:620px;margin:22px auto 40px;font-size:15px;line-height:1.8}.portal-cards{text-align:left;grid-template-columns:repeat(2,1fr);gap:22px;max-width:820px;margin:0 auto;display:grid}.portal-card{color:inherit;background:#fffffff2;border:1px solid #e4eaf5;border-radius:22px;min-height:260px;padding:27px;text-decoration:none;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 12px 35px #1e3a8a09}.portal-card:after{content:"";background:#eaf1ff;border-radius:50%;width:150px;height:150px;transition:all .4s;position:absolute;top:-65px;right:-65px}.portal-card:hover{border-color:#a9c5ff;transform:translateY(-9px);box-shadow:0 22px 45px #1e3a8a16}.portal-card:hover:after{transform:scale(1.5)}.card-icon{z-index:1;background:#edf3ff;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:20px;font-size:25px;display:grid;position:relative}.card-label{color:#6281b9;letter-spacing:1.7px;margin-bottom:8px;font-size:9px;font-weight:800}.portal-card h3{color:#172b54;margin-bottom:10px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800}.portal-card p{color:#8490a6;max-width:290px;font-size:12px;line-height:1.7}.card-footer{color:#2859b0;border-top:1px solid #edf0f6;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;font-size:12px;font-weight:800;display:flex}.arrow{font-size:20px;transition:all .3s}.portal-card:hover .arrow{transform:translate(4px,-4px)}.security-note{color:#8491a8;justify-content:center;align-items:center;gap:9px;margin-top:32px;font-size:11px;display:flex}.hero-decoration{pointer-events:none;border:1px solid #dce8ff;border-radius:50%;position:absolute}.decoration-one{width:260px;height:260px;top:8%;left:-160px}.decoration-two{width:350px;height:350px;bottom:-170px;right:-170px}.footer{color:#99a4b8;letter-spacing:.8px;background:#ffffff80;border-top:1px solid #e9eef7;justify-content:space-between;align-items:center;gap:15px;min-height:60px;padding:15px 8%;font-size:9px;font-weight:700;display:flex}@keyframes appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=650px){.navbar{height:75px;padding:0 5%}.brand-logo{width:42px;height:42px}.brand h2{font-size:17px}.brand span{font-size:7px}.admin-link{padding:10px 12px;font-size:11px}.hero{padding:55px 18px}.hero h1{letter-spacing:-1.5px}.hero-description{margin-bottom:30px;font-size:13px}.portal-cards{grid-template-columns:1fr}.portal-card{min-height:240px}.footer{text-align:center;flex-direction:column;font-size:8px}}.portal-card{text-align:left;cursor:pointer;width:100%;font-family:inherit}.placeholder-card{text-align:center;cursor:default;max-width:520px;min-height:auto;margin:35px auto 0}.placeholder-card h3{margin-bottom:15px}.placeholder-card p{margin:0 auto}.back-button{color:#fff;cursor:pointer;background:#2459b8;border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;margin-top:25px;padding:13px 22px;font-weight:700;transition:all .3s;display:inline-flex}.back-button:hover{background:#173b85;transform:translateY(-2px)}.admin-link{cursor:pointer;justify-content:center;align-items:center;gap:8px;font-family:inherit;display:inline-flex}.login-page{background:radial-gradient(circle at 10% 80%,#e4efff 0,#0000 30%),radial-gradient(circle at 90% 10%,#e7edff 0,#0000 30%),#f8faff;min-height:100vh}.login-main{justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding:65px 8%;display:flex;position:relative;overflow:hidden}.login-layout{z-index:2;grid-template-columns:1fr 430px;align-items:center;gap:75px;width:100%;max-width:1100px;animation:.7s both appear;display:grid;position:relative}.login-information h1{letter-spacing:-2px;color:#172b54;margin:25px 0 20px;font-family:Manrope,sans-serif;font-size:clamp(38px,4.5vw,57px);font-weight:800;line-height:1.18}.login-information h1 span{color:#3471e6}.login-information>p{color:#7d8ba5;max-width:490px;font-size:14px;line-height:1.8}.login-benefit{align-items:center;gap:16px;margin-top:28px;display:flex}.benefit-icon{color:#2862c7;background:#e8f0ff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.benefit-icon svg{width:21px}.login-benefit h4{color:#253b63;margin-bottom:5px;font-size:13px}.login-benefit span{color:#929db0;font-size:11px}.login-form-card{background:#fff;border:1px solid #e7edf7;border-radius:23px;padding:34px;box-shadow:0 20px 65px #193d7912}.form-icon{color:#2862c7;background:#eaf1ff;border-radius:16px;place-items:center;width:55px;height:55px;margin-bottom:20px;display:grid}.form-heading h2{color:#172b54;font-family:Manrope,sans-serif;font-size:25px;font-weight:800}.form-heading p{color:#929db0;margin:8px 0 27px;font-size:12px;line-height:1.7}.login-form-card label{color:#405474;margin:19px 0 9px;font-size:11px;font-weight:700;display:block}.input-wrapper{color:#7890b6;background:#f8faff;border:1px solid #e5ebf5;border-radius:11px;align-items:center;gap:11px;height:51px;padding:0 14px;transition:all .3s;display:flex}.input-wrapper:focus-within{background:#fff;border-color:#6595ec;box-shadow:0 0 0 3px #3471e615}.input-wrapper input,.input-wrapper select{color:#30476d;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:12px}.input-wrapper select{cursor:pointer}.input-wrapper input::placeholder{color:#a5afc0}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(100deg,#2862c7,#397cec);border:none;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;margin-top:25px;font-size:13px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 20px #2862c72b}.login-submit:hover{transform:translateY(-3px);box-shadow:0 12px 25px #2862c740}.login-submit:disabled{opacity:.7;cursor:wait}.login-error{color:#c03939;background:#fff0f0;border:1px solid #ffdada;border-radius:8px;margin-top:15px;padding:10px;font-size:11px;line-height:1.5}.form-security{color:#8c9ab0;justify-content:center;align-items:center;gap:8px;margin-top:23px;font-size:10px;display:flex}.login-decoration{pointer-events:none;border:1px solid #dce8ff;border-radius:50%;position:absolute}.login-decoration-one{width:260px;height:260px;top:10%;left:-130px}.login-decoration-two{width:350px;height:350px;bottom:-180px;right:-190px}@media (width<=850px){.login-layout{grid-template-columns:1fr;gap:35px;max-width:500px}.login-information{text-align:center}.login-information>p{margin:auto}.login-benefit{text-align:left;justify-content:center}.login-main{padding:45px 20px}}@media (width<=500px){.login-form-card{padding:25px 20px}.login-information h1{font-size:38px}}.student-page{background:radial-gradient(circle at 5% 75%,#e6f1ff 0,#0000 30%),radial-gradient(circle at 90% 10%,#e9efff 0,#0000 30%),#f8faff;min-height:100vh}.student-main{flex-direction:column;align-items:center;min-height:calc(100vh - 150px);padding:65px 20px;animation:.7s both appear;display:flex}.student-heading{text-align:center;max-width:700px}.student-heading h1{letter-spacing:-2px;color:#172b54;margin:22px 0 16px;font-family:Manrope,sans-serif;font-size:clamp(38px,5vw,57px);font-weight:800;line-height:1.18}.student-heading h1 span{color:#3471e6}.student-heading>p{color:#8490a6;font-size:13px;line-height:1.8}.student-search-card{background:#fff;border:1px solid #e7edf7;border-radius:22px;width:100%;max-width:850px;margin-top:40px;padding:34px;box-shadow:0 20px 65px #193d7910}.student-card-header{align-items:center;gap:16px;margin-bottom:30px;display:flex}.student-icon{color:#2862c7;background:#eaf1ff;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.student-card-header h2{color:#172b54;font-family:Manrope,sans-serif;font-size:21px;font-weight:800}.student-card-header p{color:#929db0;margin-top:6px;font-size:11px}.student-fields{grid-template-columns:1fr 1fr;gap:22px;display:grid}.student-field:last-child{grid-column:1/-1}.student-field label{color:#405474;letter-spacing:.7px;margin-bottom:9px;font-size:10px;font-weight:800;display:block}.student-input{color:#7890b6;background:#f8faff;border:1px solid #e5ebf5;border-radius:11px;align-items:center;gap:12px;height:52px;padding:0 15px;transition:all .3s;display:flex}.student-input:focus-within{background:#fff;border-color:#6595ec;box-shadow:0 0 0 3px #3471e615}.student-input select,.student-input input{color:#30476d;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:12px}.student-input input::placeholder{color:#a5afc0}.student-search-button{color:#fff;cursor:pointer;background:linear-gradient(100deg,#2862c7,#397cec);border:none;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;height:54px;margin-top:28px;font-size:13px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 8px 20px #2862c72b}.student-search-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #2862c740}.student-search-button:disabled{opacity:.7;cursor:wait}.student-error{color:#c03939;background:#fff0f0;border:1px solid #ffdada;border-radius:9px;margin-top:18px;padding:12px;font-size:11px}.student-security{color:#8c9ab0;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:10px;display:flex}.student-help{background:#ffffffa8;border:1px solid #e6edf8;border-radius:15px;justify-content:space-between;align-items:center;width:100%;max-width:850px;margin-top:22px;padding:21px 25px;display:flex}.student-help h3{color:#30476d;margin-bottom:5px;font-size:13px}.student-help p{color:#929db0;font-size:11px;line-height:1.6}.help-arrow{color:#2862c7;background:#eaf1ff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}@media (width<=650px){.student-main{padding:45px 16px}.student-search-card{padding:24px 18px}.student-fields{grid-template-columns:1fr}.student-field:last-child{grid-column:auto}.student-heading h1{font-size:39px}.student-card-header h2{font-size:18px}.student-security{text-align:center;line-height:1.6}}.admin-page{background:linear-gradient(135deg,#f5f8ff,#edf3ff,#fff);flex-direction:column;min-height:100vh;display:flex}.admin-main{flex:1;justify-content:center;align-items:center;padding:55px 20px;display:flex}.admin-login-card{background:#fff;border:1px solid #e7ecf5;border-radius:25px;width:100%;max-width:450px;padding:42px;animation:.6s fadeUp;box-shadow:0 20px 60px #1f376417}.admin-icon{color:#2859c5;background:#eaf1ff;border-radius:20px;place-items:center;width:68px;height:68px;margin-bottom:25px;display:grid}.admin-badge{color:#a76a13;letter-spacing:1px;background:#fff5e8;border-radius:30px;align-items:center;gap:8px;padding:7px 12px;font-size:10px;font-weight:800;display:inline-flex}.status-dot{background:#f0a332;border-radius:50%;width:7px;height:7px}.admin-login-card h1{color:#172747;margin:22px 0 12px;font-size:36px;font-weight:800;line-height:1.2}.admin-login-card h1 span{color:#3568d4}.admin-description{color:#77839a;margin-bottom:32px;font-size:14px;line-height:1.7}.admin-login-card form label{color:#394966;letter-spacing:1px;margin-bottom:11px;font-size:11px;font-weight:800;display:block}.admin-password-input{color:#8290a8;border:1px solid #e1e7f1;border-radius:13px;align-items:center;gap:12px;height:57px;padding:0 16px;transition:all .25s;display:flex}.admin-password-input:focus-within{border-color:#4779e3;box-shadow:0 0 0 4px #4779e317}.admin-password-input input{color:#263653;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.password-toggle{color:#8491a8;cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.admin-submit{color:#fff;cursor:pointer;background:linear-gradient(110deg,#2857bd,#477be5);border:none;border-radius:13px;justify-content:center;align-items:center;gap:12px;width:100%;height:57px;margin-top:24px;font-size:14px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 9px 20px #2f63d033}.admin-submit:hover{transform:translateY(-2px);box-shadow:0 13px 25px #2f63d047}.admin-submit:disabled{opacity:.7;cursor:wait}.admin-error{color:#c03939;background:#fff0f0;border-radius:10px;margin-top:13px;padding:12px;font-size:12px;line-height:1.5}.admin-security{color:#8290a5;border-top:1px solid #edf0f5;justify-content:center;align-items:center;gap:8px;margin-top:27px;padding-top:20px;font-size:11px;display:flex}@media (width<=500px){.admin-login-card{padding:28px 22px}.admin-login-card h1{font-size:31px}}.dashboard-layout{color:#1c2b49;background:#f5f7fc;min-height:100vh;display:flex}.dashboard-sidebar{z-index:20;background:#fff;border-right:1px solid #e9edf5;flex-direction:column;width:260px;min-width:260px;padding:25px 17px;display:flex}.dashboard-brand{align-items:center;gap:11px;padding:0 7px 35px;display:flex}.dashboard-brand h2{letter-spacing:1px;margin:0;font-size:19px;font-weight:900}.dashboard-brand span{color:#8793a9;letter-spacing:1.2px;margin-top:3px;font-size:9px;font-weight:800;display:block}.sidebar-close{color:#53627c;cursor:pointer;background:0 0;border:none;margin-left:auto;display:none}.sidebar-section-title{color:#a1aabd;letter-spacing:1.4px;margin-bottom:12px;padding:0 12px;font-size:10px;font-weight:800}.dashboard-nav{flex-direction:column;gap:6px;display:flex}.dashboard-nav-item{color:#78859b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:47px;padding:0 13px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.dashboard-nav-item:hover{color:#3568d4;background:#f2f5fc}.dashboard-nav-item.active{color:#3568d4;background:#eaf0ff;font-weight:800}.nav-chevron{margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-security{color:#3971d6;border:1px solid #e9edf5;border-radius:13px;align-items:center;gap:11px;padding:15px 11px;display:flex}.sidebar-security strong,.sidebar-security span{display:block}.sidebar-security strong{color:#33415c;font-size:11px}.sidebar-security span{color:#8b97aa;margin-top:4px;font-size:10px}.sidebar-logout{color:#d35b57;cursor:pointer;background:#fff3f2;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;margin-top:12px;padding:13px;font-size:12px;font-weight:700;display:flex}.dashboard-main{flex:1;min-width:0}.dashboard-topbar{background:#fff;border-bottom:1px solid #e9edf5;justify-content:space-between;align-items:center;height:83px;padding:0 35px;display:flex}.dashboard-topbar-left,.dashboard-topbar-right{align-items:center;gap:16px;display:flex}.dashboard-breadcrumb{color:#9aa5b8;letter-spacing:1.1px;font-size:9px;font-weight:800}.dashboard-breadcrumb span{padding:0 6px}.dashboard-topbar h2{color:#1e2c48;margin:5px 0 0;font-size:19px}.dashboard-icon-button{color:#6d7b92;cursor:pointer;background:#fff;border:1px solid #edf0f5;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.notification-dot{background:#f16b67;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:9px}.admin-profile{border-left:1px solid #edf0f5;align-items:center;gap:10px;padding-left:15px;display:flex}.admin-avatar{color:#3568d4;background:#eaf0ff;border-radius:12px;place-items:center;width:39px;height:39px;font-weight:900;display:grid}.admin-profile-info strong,.admin-profile-info span{display:block}.admin-profile-info strong{color:#34415a;font-size:11px}.admin-profile-info span{color:#929db0;margin-top:4px;font-size:10px}.dashboard-content{max-width:1500px;margin:auto;padding:30px 35px}.dashboard-welcome{color:#fff;background:linear-gradient(115deg,#1e438c,#356bd1 65%,#5288ed);border-radius:20px;justify-content:space-between;align-items:center;min-height:205px;padding:35px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #2f5eb926}.welcome-label{color:#d9e5ff;letter-spacing:1.5px;align-items:center;gap:9px;font-size:9px;font-weight:800;display:flex}.welcome-dot{background:#78e6bd;border-radius:50%;width:7px;height:7px}.dashboard-welcome h1{margin:17px 0 9px;font-size:31px;font-weight:800}.dashboard-welcome h1 span{color:#a9c9ff}.dashboard-welcome p{color:#e0eaff;max-width:540px;margin:0;font-size:12px;line-height:1.8}.welcome-illustration{place-items:center;width:150px;height:140px;display:grid;position:relative}.welcome-illustration-icon{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:27px;place-items:center;width:95px;height:95px;display:grid;position:relative}.illustration-circle{border:1px solid #ffffff2e;border-radius:50%;position:absolute}.circle-one{width:130px;height:130px}.circle-two{width:165px;height:165px}.dashboard-section{margin-top:32px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.section-heading h3{color:#253450;margin:0;font-size:17px}.section-heading p{color:#8a96aa;margin:6px 0 0;font-size:11px}.overview-tag{color:#aa751f;background:#fff5e8;border-radius:30px;align-items:center;gap:7px;padding:9px 12px;font-size:9px;font-weight:800;display:flex}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.dashboard-stat-card{background:#fff;border:1px solid #e9edf5;border-radius:16px;padding:21px;transition:all .25s}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #1e376412}.stat-icon,.quick-action-icon{border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.stat-icon.blue,.quick-action-icon.blue{color:#4775d7;background:#eaf0ff}.stat-icon.purple,.quick-action-icon.purple{color:#8a63d7;background:#f1ebff}.stat-icon.green,.quick-action-icon.green{color:#32a77b;background:#e6f8f0}.stat-icon.orange,.quick-action-icon.orange{color:#e39445;background:#fff1e5}.dashboard-stat-card h2{color:#263653;margin:20px 0 5px;font-size:27px}.dashboard-stat-card h4{color:#52617a;margin:0;font-size:11px}.dashboard-stat-card p{color:#9aa5b6;margin:7px 0 0;font-size:10px}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.quick-action-card{color:#8090a7;text-align:left;cursor:pointer;background:#fff;border:1px solid #e9edf5;border-radius:15px;align-items:center;gap:14px;min-width:0;padding:17px;transition:all .25s;display:flex}.quick-action-card:hover{border-color:#cbd9f7;transform:translateY(-3px)}.quick-action-card>div:nth-child(2){flex:1}.quick-action-card h4{color:#34425e;margin:0;font-size:12px}.quick-action-card p{color:#9aa5b6;margin:5px 0 0;font-size:10px}.system-status-card{background:#fff;border:1px solid #e9edf5;border-radius:16px;padding:5px 20px}.system-status-item{border-bottom:1px solid #f0f2f6;align-items:center;gap:13px;padding:17px 0;display:flex}.system-status-item:last-child{border-bottom:none}.system-status-icon{color:#4775d7;background:#eef3ff;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.system-status-item>div:nth-child(2){flex:1}.system-status-item strong,.system-status-item span{display:block}.system-status-item strong{color:#34425d;font-size:11px}.system-status-item div:nth-child(2) span{color:#98a3b5;margin-top:5px;font-size:10px}.status-label{border-radius:20px;padding:6px 10px;font-size:9px;font-weight:800}.status-label.pending{color:#b77a1e;background:#fff5e7}.dashboard-footer{color:#9ba6b7;letter-spacing:.5px;border-top:1px solid #e7ebf2;justify-content:space-between;gap:15px;margin-top:38px;padding:20px 0;font-size:9px;display:flex}.mobile-menu-button{color:#53627c;cursor:pointer;background:0 0;border:none;display:none}.sidebar-overlay{display:none}.dashboard-module-placeholder{text-align:center;background:#fff;border:1px solid #e9edf5;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:470px;padding:30px;display:flex}.module-placeholder-icon{color:#3568d4;background:#eaf0ff;border-radius:22px;place-items:center;width:75px;height:75px;display:grid}.dashboard-module-placeholder h2{color:#263653;margin:22px 0 8px}.dashboard-module-placeholder p{color:#8a96aa;max-width:400px;font-size:13px;line-height:1.7}.module-back-button{color:#fff;cursor:pointer;background:#3568d4;border:none;border-radius:11px;align-items:center;gap:9px;margin-top:15px;padding:12px 18px;font-weight:700;display:flex}@media (width<=1100px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.dashboard-sidebar{transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.dashboard-sidebar.sidebar-open{transform:translate(0)}.sidebar-close{display:block}.sidebar-overlay{z-index:15;background:#101d3559;display:block;position:fixed;inset:0}.mobile-menu-button{place-items:center;display:grid}.dashboard-topbar{height:72px;padding:0 17px}.dashboard-content{padding:22px 17px}.dashboard-welcome{padding:27px 23px}.welcome-illustration{display:none}.dashboard-welcome h1{font-size:25px}}@media (width<=520px){.dashboard-stats{grid-template-columns:1fr 1fr;gap:10px}.dashboard-stat-card{padding:15px}.dashboard-stat-card h2{font-size:23px}.quick-actions-grid{grid-template-columns:1fr}.admin-profile-info,.overview-tag{display:none}.dashboard-footer{flex-direction:column}}.student-preview-page{color:#172554;background:#f4f7fc;min-height:100vh}.student-preview-main{max-width:1100px;margin:0 auto;padding:55px 25px}.preview-heading{align-items:center;gap:18px;margin-bottom:32px;display:flex}.preview-heading-icon{color:#2563eb;background:#e4edff;border-radius:19px;place-items:center;width:65px;height:65px;display:grid}.preview-heading span{color:#64748b;letter-spacing:1.5px;font-size:11px;font-weight:800}.preview-heading h1{margin:5px 0;font-size:30px}.preview-heading p{color:#64748b;margin:0}.preview-student-card,.preview-document-card{background:#fff;border:1px solid #e8edf5;border-radius:20px;margin-bottom:24px;padding:27px;box-shadow:0 10px 35px #1e40af0b}.preview-student-title,.preview-document-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.preview-student-title h3,.preview-document-header h3{margin:0 0 6px;font-size:19px}.preview-student-title p,.preview-document-header p{color:#8491a5;margin:0;font-size:13px}.preview-verified,.document-type{color:#15803d;background:#eafaf0;border-radius:30px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:700;display:inline-flex}.document-type{color:#2563eb;background:#eff5ff}.preview-details-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.preview-details-grid div{background:#f8faff;border:1px solid #edf1f8;border-radius:12px;padding:17px}.preview-details-grid span{color:#8491a5;letter-spacing:1px;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.preview-details-grid strong{color:#1e293b;word-break:break-word;font-size:14px}.preview-empty{text-align:center;background:#f8faff;border:1px dashed #cbd8ed;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:35px;display:flex}.preview-empty-icon{color:#2563eb;background:#e7efff;border-radius:50%;place-items:center;width:75px;height:75px;margin-bottom:18px;display:grid}.preview-empty h3{margin:0 0 10px;font-size:19px}.preview-empty p{color:#64748b;max-width:440px;font-size:14px;line-height:1.7}.preview-search-button,.preview-download-button,.preview-print-button{cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:13px 19px;font-weight:700;transition:all .25s;display:inline-flex}.preview-search-button,.preview-download-button{color:#fff;background:#2563eb}.preview-search-button:hover,.preview-download-button:hover{background:#1d4ed8;transform:translateY(-2px)}.preview-pdf-frame{background:#eef2f7;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.preview-pdf-frame iframe{border:none;display:block}.preview-document-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.preview-security-note{color:#64748b;align-items:center;gap:9px;font-size:12px;display:flex}.preview-security-note svg{color:#16a34a}.preview-actions{flex-wrap:wrap;gap:10px;display:flex}.preview-print-button{color:#334155;background:#edf2f8}.preview-print-button:hover{background:#e2e8f0}.preview-download-button:disabled,.preview-print-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.preview-help{color:#42618d;background:#edf5ff;border-radius:13px;align-items:flex-start;gap:12px;padding:17px;font-size:13px;line-height:1.6;display:flex}.preview-help svg{color:#2563eb;flex-shrink:0}.preview-help p{margin:0}@media (width<=650px){.student-preview-main{padding:30px 15px}.preview-heading h1{font-size:24px}.preview-student-card,.preview-document-card{padding:19px}.preview-details-grid{grid-template-columns:1fr;gap:12px}.preview-student-title,.preview-document-header{flex-direction:column;align-items:flex-start}.preview-document-footer{flex-direction:column;align-items:stretch}.preview-actions button{flex:1}}.centre-management{padding:10px 0 30px}.cm-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.cm-eyebrow{letter-spacing:1.3px;color:#8291aa;font-size:10px;font-weight:800}.cm-heading h1{color:#172554;margin:8px 0;font-size:27px}.cm-heading p{color:#8291aa;margin:0;font-size:13px}.cm-secure-badge{color:#15803d;background:#eafaf0;border-radius:30px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:700;display:flex}.cm-stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:27px;display:grid}.cm-stat-card{background:#fff;border:1px solid #edf0f6;border-radius:17px;padding:22px;box-shadow:0 5px 20px #1e40af09}.cm-stat-icon{border-radius:13px;place-items:center;width:43px;height:43px;margin-bottom:17px;display:grid}.cm-stat-icon.blue{color:#2563eb;background:#eaf1ff}.cm-stat-icon.green{color:#16a34a;background:#eafaf0}.cm-stat-icon.purple{color:#9333ea;background:#f5eaff}.cm-stat-icon.orange{color:#ea580c;background:#fff1e8}.cm-stat-card>span{color:#64748b;font-size:12px;font-weight:700}.cm-stat-card h2{color:#172554;margin:8px 0 4px;font-size:27px}.cm-stat-card p{color:#94a3b8;margin:0;font-size:11px}.cm-table-card{background:#fff;border:1px solid #edf0f6;border-radius:18px;padding:24px;box-shadow:0 5px 20px #1e40af09}.cm-table-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.cm-table-heading h3{color:#172554;margin:0 0 6px;font-size:17px}.cm-table-heading p{color:#94a3b8;margin:0;font-size:12px}.cm-record-count{color:#2563eb;background:#eff5ff;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:700}.cm-filters{gap:13px;margin-bottom:22px;display:flex}.cm-search,.cm-district-filter{color:#94a3b8;background:#fbfcff;border:1px solid #e5eaf2;border-radius:11px;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.cm-search{flex:1}.cm-search input,.cm-district-filter select{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:12px}.cm-district-filter{width:260px}.cm-table-wrapper{width:100%;overflow-x:auto}.cm-table{border-collapse:collapse;width:100%;min-width:850px}.cm-table th{color:#8291aa;text-align:left;letter-spacing:.7px;background:#f8faff;padding:15px 12px;font-size:10px;font-weight:800}.cm-table td{color:#475569;border-bottom:1px solid #f0f2f7;padding:16px 12px;font-size:12px}.cm-centre-name{align-items:center;gap:11px;display:flex}.cm-centre-name strong{color:#1e293b;font-size:12px}.cm-centre-avatar{color:#2563eb;background:#edf3ff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.cm-status{border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.cm-status.active{color:#15803d;background:#eafaf0}.cm-status.inactive{color:#dc2626;background:#fff0f0}.cm-view-button{color:#2563eb;cursor:pointer;background:#eff5ff;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.cm-empty{text-align:center;color:#94a3b8;padding:55px 20px}.cm-empty svg{color:#a8bce0}.cm-empty h3{color:#334155;margin:14px 0 7px;font-size:16px}.cm-empty p{font-size:12px}.cm-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.cm-modal{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:32px;position:relative;box-shadow:0 20px 60px #0f172a33}.cm-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:9px;padding:7px;position:absolute;top:17px;right:17px}.cm-modal-icon{color:#2563eb;background:#edf3ff;border-radius:15px;place-items:center;width:55px;height:55px;display:grid}.cm-modal h2{color:#172554;margin:18px 0 5px;font-size:20px}.cm-modal>p{color:#94a3b8;margin-bottom:22px;font-size:12px}.cm-modal-detail{color:#475569;border-top:1px solid #edf0f6;align-items:center;gap:12px;padding:13px 0;font-size:13px;display:flex}.cm-modal-detail svg{color:#2563eb}@media (width<=1100px){.cm-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.cm-heading{flex-direction:column;align-items:flex-start}.cm-stats{grid-template-columns:1fr 1fr;gap:10px}.cm-stat-card{padding:15px}.cm-filters{flex-direction:column}.cm-district-filter{width:100%}.cm-table-card{padding:15px}}.exam-management{width:100%;animation:.35s cmFadeIn}.em-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.em-eyebrow{color:#6479c9;letter-spacing:1.5px;font-size:11px;font-weight:800}.em-heading h1{color:#172b4d;margin:7px 0;font-size:27px}.em-heading p,.em-list-heading p{color:#8490a5;margin:0;font-size:13px}.em-add-button{color:#fff;cursor:pointer;background:#3158c9;border:none;border-radius:10px;align-items:center;gap:9px;padding:13px 19px;font-weight:700;transition:all .25s;display:flex}.em-add-button:hover{background:#2446a9;transform:translateY(-2px)}.em-stats{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px;display:grid}.em-stat-card{background:#fff;border:1px solid #edf0f6;border-radius:15px;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 4px 15px #192d5509}.em-stat-icon{color:#3158c9;background:#edf2ff;border-radius:13px;place-items:center;width:47px;height:47px;display:grid}.em-stat-card span{color:#8792a5;font-size:12px;font-weight:600}.em-stat-card h2{color:#172b4d;margin:5px 0 0;font-size:25px}.em-list-card{background:#fff;border:1px solid #edf0f6;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #192d5509}.em-list-heading{border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;display:flex}.em-list-heading h2{color:#172b4d;margin:0 0 6px;font-size:17px}.em-search{color:#8490a5;border:1px solid #e6eaf2;border-radius:9px;align-items:center;gap:9px;width:250px;height:42px;padding:0 12px;display:flex}.em-search input{color:#263957;border:none;outline:none;width:100%;font-size:12px}.em-table-wrapper{width:100%;overflow-x:auto}.em-table{border-collapse:collapse;width:100%;min-width:850px}.em-table th{text-align:left;color:#8b96a9;letter-spacing:.6px;white-space:nowrap;background:#fafbfe;padding:16px 20px;font-size:10px}.em-table td{color:#59677d;white-space:nowrap;border-top:1px solid #f0f2f7;padding:17px 20px;font-size:12px}.em-exam-name{align-items:center;gap:11px;display:flex}.em-exam-name strong{color:#263957;font-size:13px}.em-exam-icon{color:#3158c9;background:#eef3ff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.em-status{border-radius:20px;padding:6px 11px;font-size:10px;font-weight:800}.em-status.active{color:#16834e;background:#e9f8ef}.em-status.inactive{color:#a56a16;background:#fff5df}.em-actions{gap:8px;display:flex}.em-actions button{color:#536b9f;cursor:pointer;background:#fff;border:1px solid #e9edf5;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.em-actions button:hover{background:#eef3ff}.em-actions button.em-delete{color:#dc5555}.em-actions button.em-delete:hover{background:#fff0f0}.em-empty{text-align:center;color:#98a2b3!important;padding:45px!important}.em-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0f1d377a;justify-content:center;align-items:center;padding:20px;animation:.2s cmFadeIn;display:flex;position:fixed;inset:0}.em-modal{background:#fff;border-radius:17px;width:100%;max-width:520px;max-height:90vh;padding:27px;overflow-y:auto;box-shadow:0 20px 70px #0000002e}.em-modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.em-modal-heading h2{color:#172b4d;margin:0 0 7px;font-size:20px}.em-modal-heading p{color:#8792a5;margin:0;font-size:12px}.em-modal-heading button{cursor:pointer;color:#59677d;background:#f2f4f8;border:none;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.em-modal form label{color:#42516b;margin:15px 0 7px;font-size:12px;font-weight:700;display:block}.em-modal form input,.em-modal form select{color:#263957;background:#fff;border:1px solid #e3e8f0;border-radius:8px;outline:none;width:100%;height:43px;padding:0 12px;font-size:12px}.em-modal form input:focus,.em-modal form select:focus{border-color:#5275d5;box-shadow:0 0 0 3px #3158c914}.em-date-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.em-form-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.em-form-actions button{cursor:pointer;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:700}.em-cancel{color:#59677d;background:#fff;border:1px solid #e3e8f0}.em-save{color:#fff;background:#3158c9;border:none}.em-save:hover{background:#2446a9}@media (width<=700px){.em-heading,.em-list-heading{flex-direction:column;align-items:flex-start}.em-stats{grid-template-columns:1fr}.em-search{width:100%}.em-add-button{justify-content:center;width:100%}.em-date-grid{grid-template-columns:1fr}}.document-management{width:100%;animation:.35s cmFadeIn}.dm-heading{margin-bottom:27px}.dm-eyebrow{color:#6479c9;letter-spacing:1.5px;font-size:11px;font-weight:800}.dm-heading h1{color:#172b4d;margin:7px 0;font-size:27px}.dm-heading p,.dm-list-heading p{color:#8490a5;margin:0;font-size:13px}.dm-stats{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px;display:grid}.dm-stat-card{background:#fff;border:1px solid #edf0f6;border-radius:15px;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 4px 15px #192d5509}.dm-stat-icon{color:#3158c9;background:#edf2ff;border-radius:13px;place-items:center;width:47px;height:47px;display:grid}.dm-stat-card span{color:#8792a5;font-size:12px;font-weight:600}.dm-stat-card h2{color:#172b4d;margin:5px 0 0;font-size:25px}.dm-list-card{background:#fff;border:1px solid #edf0f6;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #192d5509}.dm-list-heading{border-bottom:1px solid #edf0f6;padding:22px 24px}.dm-list-heading h2{color:#172b4d;margin:0 0 6px;font-size:17px}.dm-filters{border-bottom:1px solid #edf0f6;flex-wrap:wrap;gap:12px;padding:18px 22px;display:flex}.dm-search{color:#8490a5;border:1px solid #e6eaf2;border-radius:9px;flex:1;align-items:center;gap:9px;min-width:220px;height:42px;padding:0 12px;display:flex}.dm-search input{color:#263957;border:none;outline:none;width:100%;font-size:12px}.dm-filters select{color:#59677d;background:#fff;border:1px solid #e6eaf2;border-radius:9px;outline:none;min-width:175px;height:42px;padding:0 12px;font-size:12px}.dm-table-wrapper{width:100%;overflow-x:auto}.dm-table{border-collapse:collapse;width:100%;min-width:1000px}.dm-table th{text-align:left;color:#8b96a9;letter-spacing:.6px;white-space:nowrap;background:#fafbfe;padding:16px 18px;font-size:10px}.dm-table td{color:#59677d;white-space:nowrap;border-top:1px solid #f0f2f7;padding:16px 18px;font-size:12px}.dm-document-name{color:#3158c9;align-items:center;gap:10px;display:flex}.dm-document-name span{color:#263957;font-weight:600}.dm-actions{gap:8px;display:flex}.dm-actions button{color:#536b9f;cursor:pointer;background:#fff;border:1px solid #e9edf5;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.dm-actions button:hover{background:#eef3ff}.dm-empty{text-align:center;white-space:normal;padding:55px 20px}.dm-empty-icon{color:#3158c9;background:#eef3ff;border-radius:17px;place-items:center;width:62px;height:62px;margin:0 auto 15px;display:grid}.dm-empty h3{color:#263957;margin:0 0 8px;font-size:16px}.dm-empty p{color:#8994a7;max-width:390px;margin:auto;font-size:12px;line-height:1.7}.dm-footer{color:#8994a7;border-top:1px solid #edf0f6;align-items:center;gap:8px;padding:15px 22px;font-size:11px;display:flex}@media (width<=700px){.dm-stats{grid-template-columns:1fr}.dm-filters{flex-direction:column}.dm-search,.dm-filters select{width:100%}}.student-records{width:100%;animation:.35s cmFadeIn}.sr-heading{margin-bottom:27px}.sr-eyebrow{color:#6479c9;letter-spacing:1.5px;font-size:11px;font-weight:800}.sr-heading h1{color:#172b4d;margin:7px 0;font-size:27px}.sr-heading p,.sr-list-heading p{color:#8490a5;margin:0;font-size:13px}.sr-stats{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px;display:grid}.sr-stat-card{background:#fff;border:1px solid #edf0f6;border-radius:15px;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 4px 15px #192d5509}.sr-stat-icon{color:#3158c9;background:#edf2ff;border-radius:13px;place-items:center;width:47px;height:47px;display:grid}.sr-stat-card span{color:#8792a5;font-size:12px;font-weight:600}.sr-stat-card h2{color:#172b4d;margin:5px 0 0;font-size:25px}.sr-list-card{background:#fff;border:1px solid #edf0f6;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #192d5509}.sr-list-heading{border-bottom:1px solid #edf0f6;padding:22px 24px}.sr-list-heading h2{color:#172b4d;margin:0 0 6px;font-size:17px}.sr-filters{border-bottom:1px solid #edf0f6;flex-wrap:wrap;gap:12px;padding:18px 22px;display:flex}.sr-search{color:#8490a5;border:1px solid #e6eaf2;border-radius:9px;flex:1;align-items:center;gap:9px;min-width:220px;height:42px;padding:0 12px;display:flex}.sr-search input{color:#263957;border:none;outline:none;width:100%;font-size:12px}.sr-filters select{color:#59677d;background:#fff;border:1px solid #e6eaf2;border-radius:9px;outline:none;min-width:175px;height:42px;padding:0 12px;font-size:12px}.sr-table-wrapper{width:100%;overflow-x:auto}.sr-table{border-collapse:collapse;width:100%;min-width:1000px}.sr-table th{text-align:left;color:#8b96a9;letter-spacing:.6px;white-space:nowrap;background:#fafbfe;padding:16px 18px;font-size:10px}.sr-table td{color:#59677d;white-space:nowrap;border-top:1px solid #f0f2f7;padding:16px 18px;font-size:12px}.sr-student-name{align-items:center;gap:10px;display:flex}.sr-student-name strong{color:#263957}.sr-avatar{color:#3158c9;background:#eef3ff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.sr-status{border-radius:20px;padding:6px 11px;font-size:10px;font-weight:800}.sr-status.available{color:#16834e;background:#e9f8ef}.sr-status.pending{color:#a56a16;background:#fff5df}.sr-actions{gap:8px;display:flex}.sr-actions button{color:#536b9f;cursor:pointer;background:#fff;border:1px solid #e9edf5;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.sr-actions button:hover{background:#eef3ff}.sr-empty{text-align:center;white-space:normal;padding:55px 20px}.sr-empty-icon{color:#3158c9;background:#eef3ff;border-radius:17px;place-items:center;width:62px;height:62px;margin:0 auto 15px;display:grid}.sr-empty h3{color:#263957;margin:0 0 8px;font-size:16px}.sr-empty p{color:#8994a7;max-width:390px;margin:auto;font-size:12px;line-height:1.7}.sr-footer{color:#8994a7;border-top:1px solid #edf0f6;align-items:center;gap:8px;padding:15px 22px;font-size:11px;display:flex}@media (width<=700px){.sr-stats{grid-template-columns:1fr}.sr-filters{flex-direction:column}.sr-search,.sr-filters select{width:100%}}.upload-documents{width:100%;animation:.35s cmFadeIn}.ud-heading{margin-bottom:27px}.ud-eyebrow{color:#6479c9;letter-spacing:1.5px;font-size:11px;font-weight:800}.ud-heading h1{color:#172b4d;margin:7px 0;font-size:27px}.ud-heading p{color:#8490a5;margin:0;font-size:13px}.ud-layout{grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);align-items:start;gap:20px;display:grid}.ud-main-card,.ud-side-card{background:#fff;border:1px solid #edf0f6;border-radius:16px;padding:25px;box-shadow:0 4px 18px #192d5509}.ud-card-heading{border-bottom:1px solid #edf0f6;align-items:center;gap:13px;margin-bottom:22px;padding-bottom:22px;display:flex}.ud-heading-icon{color:#3158c9;background:#edf2ff;border-radius:13px;place-items:center;width:47px;height:47px;display:grid}.ud-card-heading h2{color:#172b4d;margin:0 0 6px;font-size:17px}.ud-card-heading p{color:#8792a5;margin:0;font-size:12px}.ud-label{color:#42516b;margin:18px 0 9px;font-size:12px;font-weight:700;display:block}.ud-exam-select{color:#263957;background:#fff;border:1px solid #e3e8f0;border-radius:9px;outline:none;width:100%;height:45px;padding:0 13px;font-size:13px}.ud-exam-select:focus{border-color:#5275d5}.ud-dropzone{text-align:center;background:#fafbff;border:2px dashed #cbd5ee;border-radius:13px;padding:34px 20px;transition:all .25s}.ud-dropzone.dragging{background:#eef3ff;border-color:#3158c9}.ud-dropzone input{display:none}.ud-upload-icon{color:#3158c9;background:#edf2ff;border-radius:17px;place-items:center;width:59px;height:59px;margin:0 auto 15px;display:grid}.ud-dropzone h3{color:#263957;margin:0 0 7px;font-size:15px}.ud-dropzone p{color:#8792a5;margin:0 0 17px;font-size:12px}.ud-browse-button{color:#fff;cursor:pointer;background:#3158c9;border-radius:8px;justify-content:center;align-items:center;padding:11px 19px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.ud-browse-button:hover{background:#2446a9}.ud-file-limit{color:#9aa4b4;margin-top:15px;font-size:10px;display:block}.ud-error{color:#c64242;background:#fff0f0;border:1px solid #ffdada;border-radius:9px;align-items:center;gap:9px;margin-top:15px;padding:13px;font-size:12px;display:flex}.ud-selected-file{background:#f8faff;border:1px solid #e5ebfa;border-radius:10px;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.ud-file-icon{color:#3158c9;background:#edf2ff;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.ud-file-info{flex:1;min-width:0}.ud-file-info strong{color:#263957;overflow-wrap:anywhere;font-size:12px;display:block}.ud-file-info span{color:#8994a7;margin-top:5px;font-size:11px;display:block}.ud-selected-file button{color:#d45a5a;cursor:pointer;background:0 0;border:none}.ud-detected-section{background:#f6fff9;border:1px solid #cdeedb;border-radius:12px;margin-top:20px;padding:18px}.ud-detected-heading{color:#16834e;align-items:center;gap:10px;margin-bottom:17px;display:flex}.ud-detected-heading h3{color:#176a42;margin:0 0 5px;font-size:14px}.ud-detected-heading p{color:#7c9b88;margin:0;font-size:11px}.ud-detected-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ud-detail-item{color:#399466;align-items:center;gap:10px;min-width:0;display:flex}.ud-detail-item div{min-width:0}.ud-detail-item span{color:#83978a;margin-bottom:4px;font-size:10px;display:block}.ud-detail-item strong{color:#28563e;overflow-wrap:anywhere;font-size:12px;display:block}.ud-upload-button{color:#fff;cursor:pointer;background:#3158c9;border:none;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;margin-top:22px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.ud-upload-button:hover:not(:disabled){background:#2446a9;transform:translateY(-1px)}.ud-upload-button:disabled{cursor:not-allowed;background:#aab8dc}.ud-side-card{padding:25px}.ud-side-icon{color:#3158c9;background:#edf2ff;border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:16px;display:grid}.ud-side-card h3{color:#172b4d;margin:0 0 9px;font-size:17px}.ud-side-card>p{color:#8490a5;margin:0 0 19px;font-size:12px;line-height:1.7}.ud-format-box{background:#f5f7fc;border:1px solid #e9edf5;border-radius:10px;margin-bottom:14px;padding:14px}.ud-format-box span,.ud-example span{color:#8994a7;letter-spacing:.8px;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.ud-format-box strong{color:#3158c9;overflow-wrap:anywhere;font-size:11px}.ud-example{background:#f6fff9;border:1px solid #dcefe3;border-radius:10px;margin-bottom:20px;padding:14px}.ud-example p{color:#38704f;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.6}.ud-security-note{color:#16834e;align-items:center;gap:9px;margin-top:13px;font-size:11px;display:flex}@media (width<=900px){.ud-layout{grid-template-columns:1fr}}@media (width<=600px){.ud-main-card,.ud-side-card{padding:18px}.ud-detected-grid{grid-template-columns:1fr}}.portal-settings{width:100%;animation:.4s fadeIn}.ps-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.ps-eyebrow{color:#3978e8;letter-spacing:1.5px;font-size:11px;font-weight:800}.ps-heading h1{color:#172b4d;margin:8px 0;font-size:27px}.ps-heading p,.ps-card-title p{color:#8492a8;font-size:13px}.ps-heading-icon{color:#2863ce;background:#eaf1ff;border-radius:16px;place-items:center;width:55px;height:55px;display:grid}.ps-notice{color:#2859a7;background:#eef5ff;border-radius:12px;align-items:center;gap:12px;margin-bottom:22px;padding:15px;font-size:13px;display:flex}.ps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ps-card{background:#fff;border:1px solid #e9edf4;border-radius:17px;padding:23px;box-shadow:0 5px 20px #1e375a09}.ps-card-title{align-items:center;gap:13px;margin-bottom:22px;display:flex}.ps-card-title>svg{color:#2863ce;background:#edf3ff;border-radius:12px;width:42px;height:42px;padding:11px}.ps-card-title h2{color:#243650;margin:0 0 5px;font-size:16px}.ps-card-title p{margin:0}.ps-card label{color:#43536b;margin:17px 0 8px;font-size:12px;font-weight:700;display:block}.ps-card input:not([type=color]),.ps-card textarea{color:#243650;background:#fbfcfe;border:1px solid #e0e6ef;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:13px;transition:all .2s}.ps-card input:focus,.ps-card textarea:focus{border-color:#3978e8;box-shadow:0 0 0 3px #3978e817}.ps-upload{cursor:pointer;background:#f7faff;border:1px dashed #b8c9e6;border-radius:11px;align-items:center;gap:12px;padding:17px;color:#3978e8!important;display:flex!important}.ps-upload:hover{background:#edf4ff}.ps-hint{color:#94a0b2;font-size:11px}.ps-color-row{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.ps-color-row label{margin:0 0 5px}.ps-color-row p{color:#94a0b2;margin:0;font-size:11px}.ps-color-row input[type=color]{cursor:pointer;background:0 0;border:none;width:48px;height:38px}.ps-preview{color:#fff;border-radius:12px;align-items:center;gap:13px;margin-top:20px;padding:18px;display:flex}.ps-preview div{flex-direction:column;gap:4px;display:flex}.ps-preview span{opacity:.85;font-size:11px}.ps-save-area{justify-content:flex-end;align-items:center;gap:18px;margin-top:24px;display:flex}.ps-saved{color:#15945b;font-size:13px;font-weight:700}.ps-save-button{color:#fff;cursor:pointer;background:#245ec5;border:none;border-radius:10px;align-items:center;gap:9px;padding:13px 23px;font-weight:700;transition:all .2s;display:flex}.ps-save-button:hover{background:#17499e;transform:translateY(-2px)}@media (width<=750px){.ps-grid{grid-template-columns:1fr}.ps-heading h1{font-size:22px}}.centre-dashboard-layout{color:#1c2b49;background:#f5f7fc;width:100%;min-height:100vh;font-family:inherit;display:flex;overflow-x:clip}.centre-dashboard-layout,.centre-dashboard-layout *{box-sizing:border-box}.centre-dashboard-layout .centre-sidebar-new{z-index:100;background:#fff;border-right:1px solid #e9edf5;flex-direction:column;width:250px;min-width:250px;height:100vh;padding:22px 16px;transition:transform .3s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.centre-dashboard-layout .sidebar-brand{align-items:center;gap:11px;padding:0 5px 23px;display:flex;position:relative}.centre-dashboard-layout .sidebar-brand h2{color:#1e3a8a;margin:0;font-size:19px;font-weight:800}.centre-dashboard-layout .sidebar-brand span{letter-spacing:1px;color:#94a3b8;margin-top:3px;font-size:9px;display:block}.centre-dashboard-layout .brand-logo{color:#fff;background:#2563eb;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:41px;height:41px;display:flex}.centre-dashboard-layout .sidebar-close{color:#64748b;cursor:pointer;background:0 0;border:0;margin-left:auto;display:none}.centre-dashboard-layout .sidebar-profile{background:#f5f8ff;border:1px solid #e8efff;border-radius:11px;align-items:center;gap:11px;min-width:0;margin-bottom:23px;padding:12px;display:flex}.centre-dashboard-layout .sidebar-profile-icon{color:#2563eb;background:#dbeafe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.centre-dashboard-layout .sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;color:#1e293b;max-width:145px;font-size:12px;display:block;overflow:hidden}.centre-dashboard-layout .sidebar-profile span{color:#64748b;margin-top:4px;font-size:11px;display:block}.centre-dashboard-layout .sidebar-menu-heading{letter-spacing:1px;color:#94a3b8;margin-bottom:10px;padding:0 10px;font-size:10px;font-weight:700}.centre-dashboard-layout .sidebar-nav{flex-direction:column;gap:5px;display:flex}.centre-dashboard-layout .sidebar-link{color:#64748b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:43px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.centre-dashboard-layout .sidebar-link svg{flex-shrink:0}.centre-dashboard-layout .sidebar-link:hover,.centre-dashboard-layout .sidebar-link.active{color:#2563eb;background:#eaf2ff}.centre-dashboard-layout .sidebar-bottom{margin-top:auto;padding-top:20px}.centre-dashboard-layout .sidebar-security{color:#15803d;background:#f0fdf4;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.centre-dashboard-layout .sidebar-security strong,.centre-dashboard-layout .sidebar-security span{font-size:11px;display:block}.centre-dashboard-layout .sidebar-security span{color:#16a34a;margin-top:3px}.centre-dashboard-layout .sidebar-logout{color:#e11d48;cursor:pointer;background:#fff1f2;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.centre-dashboard-layout .centre-main-new{flex-direction:column;flex:1;width:calc(100% - 250px);min-width:0;min-height:100vh;margin-left:250px;display:flex}.centre-dashboard-layout .centre-topbar-new{z-index:50;background:#fff;border-bottom:1px solid #e9edf5;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;width:100%;height:72px;min-height:72px;padding:0 28px;display:flex;position:sticky;top:0}.centre-dashboard-layout .topbar-left,.centre-dashboard-layout .topbar-right{align-items:center;gap:13px;min-width:0;display:flex}.centre-dashboard-layout .topbar-left h2{color:#1e293b;margin:0;font-size:17px;font-weight:700}.centre-dashboard-layout .topbar-left p{color:#94a3b8;margin:4px 0 0;font-size:11px}.centre-dashboard-layout .mobile-menu-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e9edf5;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:none}.centre-dashboard-layout .topbar-notification{color:#64748b;border:1px solid #e9edf5;border-radius:9px;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.centre-dashboard-layout .topbar-user{align-items:center;gap:9px;min-width:0;display:flex}.centre-dashboard-layout .topbar-user strong,.centre-dashboard-layout .topbar-user span{display:block}.centre-dashboard-layout .topbar-user strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:12px;overflow:hidden}.centre-dashboard-layout .topbar-user span{color:#94a3b8;margin-top:3px;font-size:10px}.centre-dashboard-layout .topbar-user-icon{color:#2563eb;background:#eaf2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.centre-dashboard-layout .centre-content-new{flex-direction:column;flex:1;width:100%;max-width:1500px;min-height:calc(100vh - 72px);margin:0 auto;padding:25px 28px 15px;display:flex}.centre-dashboard-layout .centre-content-new>.welcome-banner,.centre-dashboard-layout .centre-content-new>.dashboard-section,.centre-dashboard-layout .centre-content-new>.dashboard-stats{width:100%}.centre-dashboard-layout .dashboard-footer{color:#94a3b8;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:auto;padding:25px 5px 12px;font-size:11px;display:flex}.centre-dashboard-layout .welcome-banner{color:#fff;background:linear-gradient(115deg,#1746a2,#2563eb);border-radius:14px;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:145px;padding:23px 27px;display:flex}.centre-dashboard-layout .welcome-label{letter-spacing:1px;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.centre-dashboard-layout .welcome-text h1{margin:10px 0 7px;font-size:24px;font-weight:700}.centre-dashboard-layout .welcome-text p{color:#dbeafe;margin:0;font-size:12px;line-height:1.6}.centre-dashboard-layout .welcome-icon{background:#ffffff26;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.centre-dashboard-layout .dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0;display:grid}.centre-dashboard-layout .stat-card{background:#fff;border:1px solid #e9edf5;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:17px;display:flex}.centre-dashboard-layout .stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.centre-dashboard-layout .stat-icon.blue,.centre-dashboard-layout .quick-icon.blue{color:#2563eb;background:#eff6ff}.centre-dashboard-layout .stat-icon.green{color:#16a34a;background:#ecfdf5}.centre-dashboard-layout .stat-icon.purple,.centre-dashboard-layout .quick-icon.purple{color:#7c3aed;background:#f5f3ff}.centre-dashboard-layout .stat-card>div:last-child{min-width:0}.centre-dashboard-layout .stat-card span{color:#64748b;margin-bottom:5px;font-size:11px;display:block}.centre-dashboard-layout .stat-card h2{color:#172554;overflow-wrap:anywhere;margin:0;font-size:21px}.centre-dashboard-layout .stat-card small{color:#94a3b8;margin-top:4px;font-size:10px;display:block}.centre-dashboard-layout .stat-card h2.district-stat{font-size:16px}.centre-dashboard-layout .dashboard-section{background:#fff;border:1px solid #e9edf5;border-radius:13px;width:100%;margin-top:20px;padding:20px}.centre-dashboard-layout .section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.centre-dashboard-layout .section-heading h2{color:#172554;margin:0;font-size:16px}.centre-dashboard-layout .section-heading p{color:#94a3b8;margin:5px 0 0;font-size:11px;line-height:1.5}.centre-dashboard-layout .text-link{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.centre-dashboard-layout .primary-btn,.centre-dashboard-layout .secondary-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:11px;font-weight:600;display:inline-flex}.centre-dashboard-layout .primary-btn{color:#fff;background:#2563eb;border:1px solid #2563eb}.centre-dashboard-layout .secondary-btn{color:#475569;background:#fff;border:1px solid #e2e8f0}.centre-dashboard-layout .centre-document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.centre-dashboard-layout .centre-document-card{background:#fff;border:1px solid #e9edf5;border-radius:10px;align-items:center;gap:11px;min-width:0;padding:13px;display:flex}.centre-dashboard-layout .document-card-icon{color:#e11d48;background:#fff1f2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.centre-dashboard-layout .document-card-content{flex:1;min-width:0}.centre-dashboard-layout .document-card-content h3{color:#1e293b;overflow-wrap:anywhere;margin:0 0 4px;font-size:12px}.centre-dashboard-layout .document-card-content p{color:#64748b;overflow-wrap:anywhere;margin:0;font-size:11px}.centre-dashboard-layout .document-date{color:#94a3b8;align-items:center;gap:5px;margin-top:5px;font-size:10px;display:flex}.centre-dashboard-layout .document-download-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-height:35px;padding:7px 9px;font-size:10px;font-weight:600;display:inline-flex}.centre-dashboard-layout .document-download-btn:disabled{opacity:.6;cursor:wait}.centre-dashboard-layout .quick-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.centre-dashboard-layout .quick-access-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e9edf5;border-radius:10px;align-items:center;gap:11px;min-width:0;padding:14px;display:flex}.centre-dashboard-layout .quick-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.centre-dashboard-layout .quick-access-card>div:nth-child(2){flex:1;min-width:0}.centre-dashboard-layout .quick-access-card h3{color:#1e293b;margin:0;font-size:12px}.centre-dashboard-layout .quick-access-card p{color:#94a3b8;margin:4px 0 0;font-size:10px}.centre-dashboard-layout .centre-profile-card{background:#fff;border:1px solid #e9edf5;border-radius:12px;padding:18px}.centre-dashboard-layout .profile-details{align-items:center;gap:13px;margin-bottom:20px;display:flex}.centre-dashboard-layout .profile-avatar{color:#2563eb;background:#eff6ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.centre-dashboard-layout .profile-details h2{margin:0 0 7px;font-size:17px}.centre-dashboard-layout .active-status{color:#15803d;background:#dcfce7;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;display:inline-flex}.centre-dashboard-layout .profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.centre-dashboard-layout .profile-info-grid>div{background:#f8fafc;border-radius:9px;min-width:0;padding:13px}.centre-dashboard-layout .profile-info-grid span,.centre-dashboard-layout .profile-info-grid strong{overflow-wrap:anywhere;display:block}.centre-dashboard-layout .profile-info-grid span{color:#94a3b8;margin-bottom:5px;font-size:10px}.centre-dashboard-layout .profile-info-grid strong{font-size:12px}.centre-dashboard-layout .dashboard-empty{text-align:center;color:#94a3b8;width:100%;padding:30px 15px}.centre-dashboard-layout .dashboard-empty h3{color:#334155;margin:10px 0 6px;font-size:14px}.centre-dashboard-layout .dashboard-empty p{max-width:450px;margin:0 auto 12px;font-size:12px;line-height:1.6}.centre-dashboard-layout .spin-icon{animation:1s linear infinite centreSpin}@keyframes centreSpin{to{transform:rotate(360deg)}}.centre-dashboard-layout .sidebar-overlay{display:none}@media (width<=1024px){.centre-dashboard-layout .centre-sidebar-new{width:230px;min-width:230px}.centre-dashboard-layout .centre-main-new{width:calc(100% - 230px);margin-left:230px}.centre-dashboard-layout .centre-content-new{padding:22px 20px}.centre-dashboard-layout .dashboard-stats{gap:10px}.centre-dashboard-layout .stat-card{gap:9px;padding:13px}.centre-dashboard-layout .centre-document-grid{grid-template-columns:1fr}}@media (width<=768px){.centre-dashboard-layout .centre-sidebar-new{width:270px;min-width:270px;max-width:85vw;box-shadow:none;transform:translate(-105%)}.centre-dashboard-layout .centre-sidebar-new.sidebar-open{transform:translate(0);box-shadow:10px 0 35px #0f172a1f}.centre-dashboard-layout .sidebar-close{justify-content:center;align-items:center;display:flex}.centre-dashboard-layout .centre-main-new{width:100%;min-width:0;margin-left:0}.centre-dashboard-layout .centre-topbar-new{height:64px;min-height:64px;padding:0 15px}.centre-dashboard-layout .mobile-menu-btn{display:flex}.centre-dashboard-layout .centre-content-new{width:100%;min-height:calc(100vh - 64px);padding:17px 15px 12px}.centre-dashboard-layout .sidebar-overlay{z-index:90;background:#0f172a73;display:block;position:fixed;inset:0}.centre-dashboard-layout .dashboard-footer{text-align:center;flex-wrap:wrap;justify-content:center}}@media (width<=480px){.centre-dashboard-layout .centre-content-new{padding:14px 11px 10px}.centre-dashboard-layout .topbar-left{gap:9px}.centre-dashboard-layout .topbar-left h2{font-size:14px}.centre-dashboard-layout .topbar-left p{font-size:9px}.centre-dashboard-layout .topbar-user>div:last-child{display:none}.centre-dashboard-layout .topbar-right{gap:8px}.centre-dashboard-layout .welcome-banner{min-height:120px;padding:17px}.centre-dashboard-layout .welcome-text h1{font-size:19px}.centre-dashboard-layout .welcome-text p{font-size:11px}.centre-dashboard-layout .welcome-icon{display:none}.centre-dashboard-layout .dashboard-stats{grid-template-columns:1fr;gap:10px;margin:14px 0}.centre-dashboard-layout .stat-card{padding:13px}.centre-dashboard-layout .dashboard-section{margin-top:14px;padding:14px}.centre-dashboard-layout .section-heading{align-items:flex-start}.centre-dashboard-layout .centre-document-grid,.centre-dashboard-layout .quick-access-grid,.centre-dashboard-layout .profile-info-grid{grid-template-columns:1fr}.centre-dashboard-layout .centre-document-card{gap:8px;padding:10px}.centre-dashboard-layout .document-download-btn{padding:7px;font-size:0}.centre-dashboard-layout .dashboard-footer{font-size:10px}}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}a{-webkit-tap-highlight-color:transparent}
