.public-layout{color:#17212b;background:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.public-navbar{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #edf0f2;position:sticky;top:0}.public-navbar-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:1240px;margin:0 auto;padding:16px 28px;display:flex}.public-brand{flex-shrink:0;align-items:center;gap:11px;text-decoration:none;display:flex}.public-brand-logo{color:#fff;background:#147a50;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;font-weight:800;display:flex;box-shadow:0 7px 18px #147a502e}.public-brand-text{flex-direction:column;line-height:1.1;display:flex}.public-brand-text strong{color:#18212b;font-size:16px;font-weight:750}.public-brand-text span{color:#7c878f;margin-top:4px;font-size:11px;font-weight:500}.public-nav{align-items:center;gap:28px;display:flex}.public-nav a:after{content:"";background:#147a50;border-radius:10px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-7px;left:0}.public-navbar-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.public-login-button,.public-apply-button{cursor:pointer;border-radius:9px;height:40px;padding:0 16px;font-size:12px;font-weight:650;transition:all .2s}.public-login-button{color:#3e4a44;background:#fff;border:1px solid #dfe5e2}.public-login-button:hover{background:#f7faf8;border-color:#b9cbc2}.public-apply-button{color:#fff;background:#147a50;border:1px solid #147a50;box-shadow:0 6px 14px #147a5029}.public-apply-button:hover{background:#106843;transform:translateY(-1px)}.public-footer{background:#f8faf9;border-top:1px solid #edf0f2;margin-top:80px}.public-footer-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:1240px;margin:0 auto;padding:42px 28px;display:flex}.public-footer-brand{align-items:center;gap:11px;display:flex}.public-footer-brand strong{color:#26312c;font-size:14px}.public-footer-brand p{color:#89938e;margin:5px 0 0;font-size:11px}.public-footer-links{flex-wrap:wrap;justify-content:flex-end;gap:20px;display:flex}.public-footer-links a{color:#69756f;font-size:12px;text-decoration:none;transition:color .2s}.public-footer-links a:hover{color:#147a50}.public-footer-bottom{box-sizing:border-box;color:#9aa39f;border-top:1px solid #e9eeeb;justify-content:space-between;gap:20px;width:100%;max-width:1240px;margin:0 auto;padding:16px 28px;font-size:10px;display:flex}@media (width<=1000px){.public-nav{display:none}}@media (width<=600px){.public-navbar-inner{padding:13px 18px}.public-login-button{display:none}.public-apply-button{height:38px;padding:0 13px}.public-footer-inner{flex-direction:column;align-items:flex-start;padding:35px 20px}.public-footer-links{justify-content:flex-start}.public-footer-bottom{flex-direction:column;gap:5px;padding:15px 20px}}.application-status-page{color:#24352d;background:radial-gradient(circle at 100% 0,#bea15b1f,#0000 32%),#f7f5ef;min-height:100vh}.status-navbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e8e3d8;position:sticky;top:0}.status-navbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;min-height:78px;margin:0 auto;padding:0 24px;display:flex}.status-brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.status-brand-mark{color:#d9bd76;letter-spacing:1px;background:#243b31;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:800;display:flex}.status-brand-text{flex-direction:column;line-height:1.1;display:flex}.status-brand-text strong{color:#24352d;font-size:17px}.status-brand-text span{color:#8a897f;text-transform:uppercase;letter-spacing:1.2px;margin-top:4px;font-size:10px}.status-home-button{color:#34483e;cursor:pointer;background:#fff;border:1px solid #ddd8cb;border-radius:9px;padding:11px 17px;font-size:13px;font-weight:600;transition:all .2s}.status-home-button:hover{background:#f5f2e9;border-color:#c9b783}.status-main{padding:70px 20px 80px}.status-container{max-width:850px;margin:0 auto}.status-page-header{text-align:center;margin-bottom:38px}.status-eyebrow{color:#9b8046;letter-spacing:2px;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.status-eyebrow span{background:#c5a967;width:22px;height:1px}.status-page-header h1{color:#24352d;letter-spacing:-1.5px;margin:17px 0 15px;font-size:clamp(36px,6vw,58px);font-weight:700;line-height:1.03}.status-page-header h1 em{color:#a4864b;font-family:Georgia,serif;font-weight:400;display:block}.status-page-header p{color:#73766f;max-width:590px;margin:0 auto;font-size:15px;line-height:1.8}.status-checker-card{background:#fff;border:1px solid #e6e1d6;border-radius:20px;padding:34px;box-shadow:0 20px 60px #23302a14}.status-card-heading{border-bottom:1px solid #eeeae1;align-items:center;gap:16px;margin-bottom:27px;padding-bottom:26px;display:flex}.status-card-icon{color:#3d6652;background:#eef3ee;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;font-weight:800;display:flex}.status-card-heading h2{color:#283a31;margin:0 0 5px;font-size:21px}.status-card-heading p{color:#85867f;margin:0;font-size:13px}.status-form{gap:22px;display:grid}.status-field{flex-direction:column;display:flex}.status-field label{color:#34463d;margin-bottom:9px;font-size:13px;font-weight:700}.status-field label span{color:#b14d43;margin-left:4px}.status-field input{box-sizing:border-box;color:#263a31;background:#fcfbf8;border:1px solid #dcd8ce;border-radius:10px;outline:none;width:100%;padding:14px 15px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.status-field input:focus{background:#fff;border-color:#ae9256;box-shadow:0 0 0 3px #ae92561a}.status-field small{color:#96958d;margin-top:7px;font-size:11px;line-height:1.5}.status-error{color:#9b4139;background:#fff5f4;border:1px solid #ecc9c5;border-radius:10px;align-items:flex-start;gap:10px;padding:13px 15px;font-size:13px;line-height:1.5;display:flex}.status-error span{color:#fff;background:#b5544a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;font-size:11px;font-weight:800;display:flex}.status-submit-button{color:#fff;cursor:pointer;background:#294238;border:0;border-radius:10px;justify-content:center;align-items:center;gap:14px;width:100%;padding:15px 20px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.status-submit-button:hover:not(:disabled){background:#1f352c;transform:translateY(-1px);box-shadow:0 8px 22px #233a3029}.status-submit-button:disabled{opacity:.65;cursor:not-allowed}.status-submit-button span{font-size:19px}.status-result{background:#fff;border:1px solid #e4dfd4;border-radius:20px;margin-top:28px;overflow:hidden;box-shadow:0 18px 50px #23302a12}.status-result-header{align-items:flex-start;gap:18px;padding:30px;display:flex}.status-result-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;font-weight:700;display:flex}.status-result-header>div:last-child{flex:1}.status-result-header span{letter-spacing:1.5px;font-size:10px;font-weight:800}.status-result-header h2{margin:5px 0 7px;font-size:23px}.status-result-header p{margin:0;font-size:13px;line-height:1.6}.application-status-pending{color:#7d6330;background:#fff9eb;border-bottom:1px solid #eee1c3}.application-status-pending .status-result-icon{color:#8d6e32;background:#f1dfb0}.application-status-approved{color:#2d5c40;background:#eef7f0;border-bottom:1px solid #d4e7d8}.application-status-approved .status-result-icon{color:#2e6845;background:#cce5d1}.application-status-rejected{color:#8f413b;background:#fff3f2;border-bottom:1px solid #ecd1ce}.application-status-rejected .status-result-icon{color:#a24840;background:#efd0cd}.status-summary{border-bottom:1px solid #eeeae2;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.status-summary-item{border-bottom:1px solid #eeeae2;padding:21px 25px}.status-summary-item:nth-child(odd){border-right:1px solid #eeeae2}.status-summary-item span{color:#9a998f;letter-spacing:1.4px;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.status-summary-item strong{color:#304239;font-size:14px}.status-information-box{background:#f7f8f4;border:1px solid #e4e7dc;border-radius:12px;gap:15px;margin:25px;padding:22px;display:flex}.status-info-icon{background:#ece8d9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.status-information-box h3{color:#35473e;margin:1px 0 8px;font-size:15px}.status-information-box p{color:#777b74;margin:0 0 8px;font-size:12px;line-height:1.7}.status-information-box p:last-child{margin-bottom:0}.status-approved-details,.status-rejected-details{padding:28px 25px}.status-details-heading{margin-bottom:20px}.status-details-heading span{color:#9b8046;letter-spacing:1.5px;font-size:9px;font-weight:800}.status-details-heading h3{color:#34463d;margin:6px 0 0;font-size:18px}.status-details-grid{border-top:1px solid #ece8df;border-left:1px solid #ece8df;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.status-detail-item{background:#fcfbf8;border-bottom:1px solid #ece8df;border-right:1px solid #ece8df;padding:16px}.status-detail-item span{color:#99988f;margin-bottom:6px;font-size:10px;display:block}.status-detail-item strong{color:#35483e;font-size:13px}.status-payment{text-transform:capitalize}.status-rejection-box{background:#fff7f6;border:1px solid #ecd8d5;border-radius:12px;gap:15px;padding:20px;display:flex}.status-rejection-icon{color:#a44c44;background:#efd3cf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.status-rejection-box strong{color:#713d38;font-size:14px}.status-rejection-box p{color:#7d716e;margin:8px 0 0;font-size:12px;line-height:1.7}.status-result-footer{border-top:1px solid #eeeae2;justify-content:flex-end;gap:10px;padding:22px 25px;display:flex}.status-result-footer button{color:#415349;cursor:pointer;background:#fff;border:1px solid #ddd8cd;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:600}.status-result-footer button:first-child{color:#fff;background:#294238;border-color:#294238}.status-result-footer button:hover{opacity:.88}.status-help{background:#ffffffa6;border:1px solid #e5e0d5;border-radius:13px;align-items:flex-start;gap:14px;margin-top:25px;padding:20px;display:flex}.status-help-icon{color:#8b7442;background:#eee8d8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.status-help strong{color:#415148;font-size:13px}.status-help p{color:#888980;margin:5px 0 0;font-size:12px;line-height:1.6}.status-footer{color:#929188;border-top:1px solid #e5e0d5;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto;padding:24px;font-size:11px;display:flex}@media (width<=700px){.status-navbar-inner{min-height:70px;padding:0 16px}.status-home-button{padding:9px 11px;font-size:11px}.status-brand-text{display:none}.status-main{padding:45px 14px 60px}.status-page-header h1{font-size:38px}.status-page-header p{font-size:13px}.status-checker-card{border-radius:16px;padding:22px}.status-card-heading{align-items:flex-start}.status-summary{grid-template-columns:1fr}.status-summary-item:nth-child(odd){border-right:0}.status-details-grid{grid-template-columns:1fr}.status-result-header{padding:23px}.status-approved-details,.status-rejected-details{padding:23px 18px}.status-information-box{margin:18px}.status-result-footer{flex-direction:column}.status-result-footer button{width:100%}.status-footer{text-align:center;flex-direction:column;padding:20px 16px}}@media (width<=430px){.status-card-heading h2{font-size:18px}.status-page-header h1{font-size:34px}.status-result-header h2{font-size:19px}.status-result-header{gap:12px}.status-result-icon{width:43px;height:43px;font-size:20px}}.public-home{--green-950:#062b20;--green-900:#073b2c;--green-800:#0b4a38;--green-700:#126149;--green-600:#17745a;--gold-500:#c99a3d;--gold-400:#d9ad52;--gold-300:#e7c779;--cream:#f8f5ec;--cream-dark:#eee9dc;--text-dark:#14231e;--text-muted:#64716c;background:var(--cream);min-height:100vh;color:var(--text-dark);overflow-x:hidden}.public-home *,.public-home :before,.public-home :after{box-sizing:border-box}.public-container{width:min(1200px,100% - 48px);margin:0 auto}.public-top-area{z-index:99999;isolation:isolate;width:100%;transition:box-shadow .35s,transform .35s;position:fixed;top:0;left:0;right:0}.public-top-area-scrolled{box-shadow:0 12px 35px #00000024}.public-top-area-spacer{height:142px}.public-navbar{-webkit-backdrop-filter:blur(18px);background:#f8f5ecf7;border-bottom:1px solid #124a3817;width:100%;transition:background .3s,box-shadow .3s;position:relative}.public-top-area-scrolled .public-navbar{background:#f8f5ecfb}.public-navbar-inner{justify-content:space-between;align-items:center;gap:28px;min-height:88px;display:flex}.public-brand{cursor:pointer;color:inherit;background:0 0;border:0;flex-shrink:0;align-items:center;gap:12px;padding:0;display:inline-flex}.public-brand-mark{color:#fff;letter-spacing:1px;background:linear-gradient(145deg, var(--green-700), var(--green-950));border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:13px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #062b202e}.public-brand-mark:after{content:"";border:1px solid #ffffff4d;border-radius:50%;width:28px;height:28px;position:absolute;transform:rotate(45deg)}.public-brand-text{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.public-brand-text strong{color:var(--green-950);font-family:Georgia,Times New Roman,serif;font-size:20px}.public-brand-text span{letter-spacing:1.7px;text-transform:uppercase;color:var(--gold-500);margin-top:5px;font-size:10px;font-weight:700}.public-nav{align-items:center;gap:25px;margin-left:auto;display:flex}.public-nav a{color:#3c4944;font-size:13px;font-weight:650;text-decoration:none;transition:color .25s;position:relative}.public-nav a:after{content:"";background:var(--gold-500);width:0;height:2px;transition:width .25s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.public-nav a:hover{color:var(--green-800)}.public-nav a:hover:after{width:18px}.public-navbar-actions{align-items:center;gap:8px;display:flex}.public-navbar-actions button{white-space:nowrap}.public-donate-nav-button,.public-status-nav-button,.public-nav-button{cursor:pointer;border:0;border-radius:11px;min-height:42px;padding:0 14px;font-size:12px;font-weight:750;transition:transform .25s,box-shadow .25s,background .25s}.public-donate-nav-button:hover,.public-status-nav-button:hover,.public-nav-button:hover{transform:translateY(-2px)}.public-donate-nav-button{color:#fff;background:linear-gradient(135deg, var(--gold-500), #a87925);align-items:center;gap:7px;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 18px #a97d2833}.public-donate-nav-icon{font-size:13px}.public-donate-shine{background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:35px;animation:4s infinite navShine;position:absolute;top:0;bottom:0;transform:translate(-70px)skew(-20deg)}@keyframes navShine{0%,65%{transform:translate(-70px)skew(-20deg)}85%,to{transform:translate(130px)skew(-20deg)}}.public-status-nav-button{color:var(--green-800);background:#12614912;border:1px solid #1261491f;align-items:center;gap:7px;display:flex}.public-status-nav-icon{background:var(--green-700);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:10px;display:inline-flex}.public-nav-button{color:#fff;background:var(--green-900);box-shadow:0 7px 18px #062b2029}.public-donation-marquee{background:linear-gradient(90deg, var(--green-950), var(--green-800), var(--green-950));color:#fff;z-index:2;border-bottom:1px solid #ffffff14;align-items:center;width:100%;height:54px;display:flex;position:relative;overflow:hidden}.public-donation-marquee-track{width:100%;padding-right:150px;overflow:hidden}.public-donation-marquee-content{white-space:nowrap;align-items:center;gap:30px;width:max-content;padding-left:20px;animation:30s linear infinite donationMarquee;display:flex}.public-donation-marquee-content span{opacity:.96;font-family:Noto Nastaliq Urdu,Noto Sans Arabic,Arial,sans-serif;font-size:15px}.public-donation-marquee-content b{color:var(--gold-300);font-size:10px}@keyframes donationMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.public-donation-marquee:hover .public-donation-marquee-content{animation-play-state:paused}.public-marquee-donate-button{z-index:5;height:36px;color:var(--green-950);background:linear-gradient(135deg, #fff4d2, var(--gold-300));cursor:pointer;border:1px solid #ffffff29;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:800;transition:transform .25s,box-shadow .25s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%);box-shadow:0 5px 18px #00000029}.public-marquee-donate-button:hover{transform:translateY(-50%)translateY(-2px);box-shadow:0 8px 24px #0000003b}.public-marquee-heart{color:#9b2626}.public-marquee-arrow{font-size:15px}.public-hero{isolation:isolate;background:radial-gradient(circle at 78% 42%,#c99a3d1f,#0000 27%),linear-gradient(135deg,#f8f5ec 0%,#f1eee4 48%,#e9eee8 100%);align-items:center;min-height:calc(100vh - 142px);padding:35px 0 55px;display:flex;position:relative;overflow:hidden}.public-hero-pattern{pointer-events:none;opacity:.35;background-image:linear-gradient(30deg,#12614909 12%,#0000 12.5% 87%,#12614909 87.5%),linear-gradient(150deg,#12614909 12%,#0000 12.5% 87%,#12614909 87.5%);background-size:70px 120px,70px 120px;position:absolute;inset:0}.public-hero-grid{pointer-events:none;opacity:.25;background-image:linear-gradient(#12614909 1px,#0000 1px),linear-gradient(90deg,#12614909 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.public-hero-glow{filter:blur(5px);pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.hero-glow-one{background:#1261491a;width:420px;height:420px;animation:7s ease-in-out infinite heroGlow;top:80px;right:-130px}.hero-glow-two{background:#c99a3d1a;width:300px;height:300px;animation:9s ease-in-out infinite reverse heroGlow;bottom:0;left:-130px}.hero-glow-three{background:#c99a3d12;width:160px;height:160px;animation:5s ease-in-out infinite heroGlow;top:15%;left:52%}@keyframes heroGlow{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}.public-hero-floating-symbol{color:var(--gold-500);opacity:.35;pointer-events:none;animation:6s ease-in-out infinite symbolFloat;position:absolute}.floating-symbol-one{font-size:22px;top:22%;left:7%}.floating-symbol-two{font-size:34px;animation-delay:-2s;top:25%;right:7%}.floating-symbol-three{font-size:18px;animation-delay:-4s;bottom:10%;right:20%}@keyframes symbolFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-13px)rotate(10deg)}}.public-hero-content{z-index:2;grid-template-columns:minmax(0,1.05fr) minmax(450px,.95fr);align-items:center;gap:50px;display:grid;position:relative}.public-hero-text{max-width:650px}.public-animate-fade-up{animation:.9s cubic-bezier(.22,1,.36,1) both heroTextIn}@keyframes heroTextIn{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.public-eyebrow{color:var(--green-700);letter-spacing:2.5px;align-items:center;gap:10px;margin-bottom:14px;font-size:11px;font-weight:800;display:flex}.public-eyebrow span{background:var(--gold-500);width:28px;height:1px}.public-hero-kicker{color:#126149b3;letter-spacing:2px;background:#ffffff8c;border:1px solid #1261491f;border-radius:100px;margin-bottom:18px;padding:7px 12px;font-size:9px;font-weight:800;display:inline-flex}.public-hero-text h1{letter-spacing:-2.5px;color:var(--green-950);text-wrap:balance;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,5.2vw,72px);line-height:.98}.public-hero-text h1 em{color:var(--green-700);font-style:normal;display:inline-block;position:relative}.public-hero-text h1 em:after{content:"";background:#c99a3d2e;border-radius:100%;height:8px;position:absolute;bottom:-4px;left:4px;right:4px;transform:rotate(-1deg)}.public-hero-grow{color:var(--gold-500)}.public-hero-description{max-width:555px;color:var(--text-muted);margin:20px 0 0;font-size:17px;line-height:1.8}.public-hero-actions{flex-wrap:wrap;gap:13px;margin-top:24px;display:flex}.public-primary-button,.public-secondary-button{cursor:pointer;border-radius:13px;min-height:54px;padding:0 20px;font-size:13px;font-weight:800;transition:transform .3s,box-shadow .3s,background .3s}.public-primary-button{color:#fff;background:linear-gradient(135deg, var(--green-700), var(--green-950));border:0;align-items:center;gap:20px;display:inline-flex;box-shadow:0 13px 28px #062b2030}.public-primary-button:hover{transform:translateY(-4px);box-shadow:0 18px 34px #062b2040}.public-button-arrow{background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .3s;display:flex}.public-primary-button:hover .public-button-arrow{transform:translate(4px)}.public-secondary-button{color:var(--green-900);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border:1px solid #12614926;align-items:center;gap:8px;display:inline-flex}.public-secondary-button:hover{background:#fff;transform:translateY(-4px);box-shadow:0 12px 25px #1261491a}.public-secondary-button-icon{color:var(--gold-500)}.public-hero-note{color:#66736e;align-items:center;gap:10px;margin-top:20px;font-size:12px;line-height:1.5;display:flex}.public-note-icon{color:#fff;background:var(--green-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;font-size:10px;display:flex;box-shadow:0 5px 12px #1261492e}.public-hero-stats{border-top:1px solid #12614917;align-items:center;gap:20px;margin-top:24px;padding-top:18px;display:flex}.public-hero-stat{flex-direction:column;gap:5px;display:flex}.public-hero-stat strong{color:var(--green-900);font-family:Georgia,serif;font-size:14px}.public-hero-stat span{color:#7a8580;letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:700}.public-hero-stat-divider{background:#1261491f;width:1px;height:27px}.public-hero-visual{justify-content:center;justify-self:end;align-items:center;width:min(100%,520px);min-height:500px;display:flex;position:relative}.public-animate-float{animation:6s ease-in-out infinite heroVisualFloat}@keyframes heroVisualFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.public-hero-orbit{border:1px solid #1261491f;border-radius:50%;position:absolute;transform:rotate(-15deg)}.orbit-one{width:440px;height:440px;animation:18s linear infinite orbitRotate}.orbit-two{border-style:dashed;width:365px;height:365px;animation:14s linear infinite reverse orbitRotate}.orbit-three{border:1px solid #c99a3d26;width:290px;height:290px;animation:11s linear infinite orbitRotate}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.public-hero-circle{pointer-events:none;border-radius:50%;position:absolute}.circle-one{background:radial-gradient(circle,#12614924,#12614906 65%,#0000 70%);width:350px;height:350px}.circle-two{border:1px solid #c99a3d21;width:450px;height:450px}.circle-three{border:1px solid #12614914;width:250px;height:250px}.public-hero-card{text-align:center;z-index:4;background:linear-gradient(145deg,#073b2cfa,#062b20fa);border:1px solid #ffffff73;border-radius:27px;flex-direction:column;justify-content:center;align-items:center;width:330px;min-height:410px;padding:28px 25px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 65px #062b2040,inset 0 1px #ffffff14}.public-hero-card:before{content:"";pointer-events:none;border:1px solid #c99a3d40;border-radius:21px;position:absolute;inset:13px}.public-hero-card-glow{filter:blur(15px);background:#c99a3d21;border-radius:50%;width:260px;height:260px;position:absolute;top:-100px;right:-100px}.public-hero-card-top{color:#ffffff8c;letter-spacing:2px;justify-content:space-between;font-size:8px;font-weight:800;display:flex;position:absolute;top:28px;left:31px;right:31px}.public-hero-ornament{color:var(--gold-300);text-shadow:0 0 25px #e7c7792e;margin-bottom:23px;font-size:52px;line-height:1;animation:4s ease-in-out infinite ornamentPulse}@keyframes ornamentPulse{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.05)rotate(4deg)}}.public-arabic{color:#f7e7b8;text-shadow:0 2px 15px #00000026;direction:rtl;font-family:Noto Nastaliq Urdu,Noto Sans Arabic,serif;font-size:27px;line-height:1.8}.public-hero-line{background:#c99a3d73;width:115px;height:1px;margin:21px 0;position:relative}.public-hero-line:before,.public-hero-line:after{content:"";background:var(--gold-400);width:5px;height:5px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.public-hero-line:before{left:-3px}.public-hero-line:after{right:-3px}.public-hero-card p{color:#ffffffc2;max-width:250px;margin:0;font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.7}.public-hero-reference{color:var(--gold-300);letter-spacing:1px;margin-top:15px;font-size:10px;font-weight:800}.public-hero-card-bottom{color:#ffffff6b;letter-spacing:1.5px;justify-content:center;align-items:center;gap:8px;font-size:7px;display:flex;position:absolute;bottom:27px;left:35px;right:35px}.public-hero-card-bottom span{color:var(--gold-400)}.public-hero-floating-card{z-index:6;-webkit-backdrop-filter:blur(15px);background:#ffffffd1;border:1px solid #fffc;border-radius:15px;align-items:center;gap:10px;padding:12px 15px;animation:5s ease-in-out infinite floatingCard;display:flex;position:absolute;box-shadow:0 16px 35px #062b201f}.hero-floating-card-one{top:75px;left:12px}.hero-floating-card-two{animation-delay:-2.3s;bottom:75px;right:2px}@keyframes floatingCard{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.public-floating-icon{color:#fff;background:var(--green-800);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.hero-floating-card-two .public-floating-icon{background:var(--gold-500)}.public-hero-floating-card div{flex-direction:column;gap:2px;display:flex}.public-hero-floating-card strong{color:var(--green-950);font-size:11px}.public-hero-floating-card small{color:#7a8580;font-size:9px}.public-scroll-indicator{color:#14231e80;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.public-scroll-indicator span{border:1px solid #12614940;border-radius:20px;width:20px;height:31px;position:relative}.public-scroll-indicator span:before{content:"";background:var(--green-700);border-radius:5px;width:3px;height:6px;animation:1.7s infinite scrollDot;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%)}35%{opacity:1}to{opacity:0;transform:translate(-50%,11px)}}.public-reveal{animation:.75s cubic-bezier(.22,1,.36,1) both revealUp}@keyframes revealUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.public-section{padding:105px 0;position:relative}.public-section-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:50px;display:flex}.public-section-heading h2,.public-admission-header h2,.public-portal-heading h2,.public-contact-main h2{letter-spacing:-1.5px;color:var(--green-950);margin:10px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4vw,55px);line-height:1.05}.public-section-heading p{max-width:360px;color:var(--text-muted);margin:0;font-size:14px;line-height:1.8}.public-small-label{color:var(--gold-500);letter-spacing:2.2px;font-size:9px;font-weight:850}.public-announcements-section{background:#fffdf8}.public-announcements{gap:12px;display:grid}.public-announcement{background:#ffffffb3;border:1px solid #12614917;border-radius:17px;grid-template-columns:110px 1fr 35px;align-items:center;gap:25px;padding:24px 25px;transition:transform .3s,box-shadow .3s,border-color .3s;display:grid}.public-announcement:hover{border-color:#c99a3d4d;transform:translate(6px);box-shadow:0 15px 30px #062b2012}.public-announcement-date{color:var(--gold-500);text-transform:uppercase;font-size:11px;font-weight:800}.public-announcement-content h3{color:var(--green-950);margin:0 0 7px;font-size:17px}.public-announcement-content p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.7}.public-announcement-arrow{color:var(--green-700);font-size:22px}.public-intro-strip{background:var(--green-950);color:#fff;padding:90px 0;position:relative;overflow:hidden}.public-intro-strip:after{content:"۞";color:#c99a3d14;pointer-events:none;font-size:220px;position:absolute;top:50%;right:7%;transform:translateY(-50%)}.public-intro-grid{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid;position:relative}.public-intro-strip h2{max-width:600px;margin:12px 0 0;font-family:Georgia,serif;font-size:clamp(38px,4vw,58px);line-height:1.05}.public-intro-strip h2 span{color:var(--gold-300)}.public-intro-strip p{color:#ffffffa6;max-width:500px;margin:0;font-size:16px;line-height:1.9}.public-courses-section{background:#f8f5ec}.public-courses-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.public-course-card{background:#ffffffbf;border:1px solid #12614917;border-radius:22px;flex-direction:column;min-height:350px;padding:25px;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.public-course-card:before{content:"";background:#c99a3d12;border-radius:50%;width:150px;height:150px;transition:transform .5s;position:absolute;top:-70px;right:-70px}.public-course-card:hover{border-color:#12614929;transform:translateY(-8px);box-shadow:0 25px 50px #062b201a}.public-course-card:hover:before{transform:scale(1.4)}.public-course-top{justify-content:space-between;align-items:center;display:flex}.public-course-number{color:#12614966;letter-spacing:1px;font-size:10px;font-weight:800}.public-course-icon{width:45px;height:45px;color:var(--gold-500);background:#c99a3d1a;border-radius:13px;justify-content:center;align-items:center;font-size:20px;transition:transform .4s;display:flex}.public-course-card:hover .public-course-icon{transform:rotate(10deg)scale(1.08)}.public-course-card h3{color:var(--green-950);margin:35px 0 10px;font-family:Georgia,serif;font-size:24px}.public-course-card p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.7}.public-course-meta{color:#71807a;margin-top:8px;font-size:12px}.public-course-apply-button{width:100%;color:var(--green-800);cursor:pointer;background:#1261490d;border:1px solid #1261491f;border-radius:11px;justify-content:space-between;align-items:center;margin-top:auto;padding:13px 15px;font-size:12px;font-weight:800;transition:background .25s,color .25s;display:flex}.public-course-apply-button:hover{color:#fff;background:var(--green-800)}.public-course-arrow{color:#1261491f;font-size:30px;transition:color .3s,transform .3s;position:absolute;top:72px;right:25px}.public-course-card:hover .public-course-arrow{color:#c99a3d73;transform:translate(4px)}.public-course-note{color:#7a8580;align-items:center;gap:9px;margin-top:24px;font-size:12px;line-height:1.6;display:flex}.public-course-note>span{color:#fff;background:var(--green-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}.public-about-section{background:#fffdf8}.public-about-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px;display:grid}.public-about-visual{justify-content:center;align-items:center;min-height:540px;display:flex;position:relative}.public-about-frame{text-align:center;background:linear-gradient(145deg, var(--green-950), var(--green-800));border:1px solid #c99a3d47;flex-direction:column;justify-content:center;align-items:center;width:380px;height:450px;padding:50px;display:flex;position:relative;box-shadow:0 30px 60px #062b202b}.public-about-frame:before{content:"";border:1px solid #c99a3d3d;position:absolute;inset:13px}.public-about-symbol{color:var(--gold-300);font-size:62px}.public-about-quote{color:#fffc;margin-top:30px;font-family:Georgia,serif;font-size:20px;line-height:1.7}.public-about-decoration{color:#ffffff2e;letter-spacing:6px;font-size:10px;font-weight:800;position:absolute;bottom:28px}.public-about-badge{background:var(--gold-500);color:var(--green-950);align-items:center;gap:10px;padding:16px 18px;display:flex;position:absolute;bottom:60px;right:10px;box-shadow:0 15px 35px #a97d283b}.public-about-badge strong{font-family:Georgia,serif;font-size:30px}.public-about-badge span{text-transform:uppercase;font-size:9px;font-weight:800;line-height:1.4}.public-about-content h2{color:var(--green-950);margin:12px 0 24px;font-family:Georgia,serif;font-size:clamp(38px,4vw,55px);line-height:1.05}.public-about-content h2 span{color:var(--green-700)}.public-about-lead{max-width:650px;color:var(--text-muted);font-size:15px;line-height:1.9}.public-benefits{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:35px;display:grid}.public-benefit{border-top:1px solid #1261491a;gap:14px;padding-top:19px;display:flex}.public-benefit-number{color:var(--gold-500);font-size:10px;font-weight:850}.public-benefit h3{color:var(--green-950);margin:0 0 7px;font-size:14px}.public-benefit p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.7}.public-admission-section{background:#f1eee4}.public-admission-header{grid-template-columns:1fr .75fr;align-items:end;gap:60px;margin-bottom:50px;display:grid}.public-admission-header p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.8}.public-steps{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.public-step{background:#fff9;border:1px solid #12614914;border-radius:18px;padding:25px;transition:transform .3s,background .3s}.public-step:hover{background:#fff;transform:translateY(-6px)}.public-step-number{color:var(--gold-500);margin-bottom:30px;font-size:11px;font-weight:850;display:block}.public-step h3{color:var(--green-950);margin:0 0 10px;font-family:Georgia,serif;font-size:19px}.public-step p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.7}.public-admission-cta{background:var(--green-950);color:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;margin-top:35px;padding:28px 30px;display:flex;box-shadow:0 25px 50px #062b2021}.public-admission-cta>div:first-child span{color:var(--gold-300);letter-spacing:2px;font-size:8px;font-weight:850}.public-admission-cta h3{margin:7px 0 0;font-family:Georgia,serif;font-size:24px}.public-admission-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.public-admission-actions button{cursor:pointer;border-radius:10px;min-height:43px;padding:0 15px;font-size:11px;font-weight:800;transition:transform .25s}.public-admission-actions button:hover{transform:translateY(-2px)}.public-admission-apply-button{color:var(--green-950);background:var(--gold-300);border:0}.public-admission-status-button{color:#fff;background:#ffffff0f;border:1px solid #ffffff2e}.public-admission-contact-button{color:#fff;background:#ffffff1f;border:0}.public-portal-section{background:var(--green-950);color:#fff;padding:105px 0}.public-portal-inner{grid-template-columns:.7fr 1.3fr;align-items:center;gap:80px;display:grid}.public-portal-heading h2{color:#fff}.public-portal-heading h2 span{color:var(--gold-300)}.public-portal-heading p{color:#ffffff9e;max-width:390px;margin-top:22px;font-size:14px;line-height:1.8}.public-portal-buttons{gap:12px;display:grid}.public-portal-card{color:#fff;text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff17;border-radius:17px;grid-template-columns:50px 1fr 30px;align-items:center;gap:16px;width:100%;padding:17px;transition:transform .3s,background .3s,border-color .3s;display:grid}.public-portal-card:hover{background:#ffffff17;border-color:#c99a3d4d;transform:translate(7px)}.public-portal-card-icon{width:50px;height:50px;color:var(--green-950);background:var(--gold-300);border-radius:13px;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:20px;font-weight:800;display:flex}.public-portal-card div:nth-child(2){flex-direction:column;gap:4px;display:flex}.public-portal-card div:nth-child(2) span{color:var(--gold-300);letter-spacing:1.5px;font-size:8px;font-weight:850}.public-portal-card strong{font-size:15px}.public-portal-card small{color:#ffffff80;font-size:10px}.public-portal-card b{color:var(--gold-300);font-size:20px}.public-location-section{background:#fffdf8;padding:105px 0}.public-location-grid{grid-template-columns:1.25fr .75fr;gap:20px;display:grid}.public-location-map{border:1px solid #1261491a;border-radius:22px;overflow:hidden;box-shadow:0 20px 45px #062b2014}.public-location-map iframe{display:block}.public-location-info{background:var(--green-950);color:#fff;border-radius:22px;padding:35px}.public-location-info h3{margin:10px 0 15px;font-family:Georgia,serif;font-size:29px}.public-location-info>p{color:#fff9;font-size:13px;line-height:1.8}.public-location-detail{border-top:1px solid #ffffff17;align-items:center;gap:13px;margin-top:22px;padding-top:18px;display:flex}.public-location-detail>span{font-size:19px}.public-location-detail div{flex-direction:column;gap:4px;display:flex}.public-location-detail small{color:var(--gold-300);letter-spacing:1.5px;font-size:8px;font-weight:800}.public-location-detail strong{font-size:12px}.public-location-directions{color:var(--green-950);background:var(--gold-300);border-radius:11px;justify-content:space-between;align-items:center;margin-top:28px;padding:14px 15px;font-size:11px;font-weight:850;text-decoration:none;transition:transform .25s;display:flex}.public-location-directions:hover{transform:translateY(-3px)}.public-contact-section{background:#f1eee4;padding:80px 0}.public-contact-card{background:#fff;border-radius:25px;grid-template-columns:1fr 1fr;gap:60px;padding:55px;display:grid;box-shadow:0 25px 55px #062b2014}.public-contact-main h2 span{color:var(--green-700)}.public-contact-main p{max-width:510px;color:var(--text-muted);margin-top:22px;font-size:14px;line-height:1.8}.public-contact-details{flex-direction:column;justify-content:center;gap:15px;display:flex}.public-contact-item{background:#f8f5ec;border-radius:14px;align-items:center;gap:14px;padding:17px;display:flex}.public-contact-icon{background:#12614914;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.public-contact-item div{flex-direction:column;gap:4px;display:flex}.public-contact-item small{color:var(--gold-500);letter-spacing:1.4px;font-size:8px;font-weight:850}.public-contact-item strong{color:var(--green-950);font-size:12px}.public-footer{color:#ffffffb3;background:#041f17;padding:70px 0 25px}.public-footer-top{border-bottom:1px solid #ffffff14;grid-template-columns:.9fr 1.1fr;gap:100px;padding-bottom:50px;display:grid}.public-footer .public-brand,.public-footer .public-brand-text strong{color:#fff}.public-footer-brand>p{color:#ffffff7a;max-width:340px;margin-top:20px;font-size:12px;line-height:1.8}.public-footer-links{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.public-footer-links>div{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.public-footer-links>div>span{color:var(--gold-300);letter-spacing:2px;margin-bottom:6px;font-size:8px;font-weight:850}.public-footer-links a,.public-footer-links button{color:#ffffff80;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:none;transition:color .25s}.public-footer-links a:hover,.public-footer-links button:hover{color:#fff}.public-footer-bottom{color:#ffffff52;justify-content:space-between;align-items:center;gap:20px;padding-top:23px;font-size:9px;display:flex}@media (width<=1150px){.public-nav{gap:16px}.public-navbar-actions{gap:5px}.public-nav-button,.public-status-nav-button,.public-donate-nav-button{padding:0 10px}.public-hero-content{gap:35px}}@media (width<=1000px){.public-nav{display:none}.public-hero-content{text-align:center;grid-template-columns:1fr}.public-hero-text{max-width:750px;margin:0 auto}.public-eyebrow{justify-content:center}.public-hero-description{margin-left:auto;margin-right:auto}.public-hero-actions,.public-hero-note,.public-hero-stats{justify-content:center}.public-hero-visual{justify-self:center}.public-courses-grid{grid-template-columns:repeat(2,1fr)}.public-about-grid{grid-template-columns:1fr;gap:50px}.public-about-visual{min-height:500px}.public-steps{grid-template-columns:repeat(2,1fr)}.public-portal-inner,.public-location-grid{grid-template-columns:1fr}}@media (width<=700px){.public-top-area-spacer{height:196px}.public-navbar-inner{flex-wrap:wrap;min-height:86px;padding:12px 0}.public-navbar-actions{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.public-navbar-actions button{justify-content:center;width:100%;padding:0 5px;font-size:9px}.public-donation-marquee{height:52px}.public-donation-marquee-track{padding-right:110px}.public-donation-marquee-content{gap:18px;animation-duration:23s}.public-donation-marquee-content span{font-size:13px}.public-marquee-donate-button{padding:0 9px;font-size:9px;right:7px}.public-marquee-donate-button>span:nth-child(2){display:none}.public-hero{min-height:calc(100vh - 196px);padding:35px 0 55px}.public-container{width:min(100% - 30px,1200px)}.public-hero-text h1{letter-spacing:-2px;font-size:clamp(43px,12vw,63px)}.public-hero-description{font-size:14px}.public-hero-actions{flex-direction:column;align-items:stretch}.public-primary-button,.public-secondary-button{justify-content:center;width:100%}.public-hero-stats{gap:10px}.public-hero-stat strong{font-size:11px}.public-hero-stat span{font-size:7px}.public-hero-visual{min-height:430px;transform:scale(.8)}.public-hero-card{width:315px;min-height:395px}.orbit-one{width:410px;height:410px}.orbit-two{width:340px;height:340px}.orbit-three{width:270px;height:270px}.circle-one{width:330px;height:330px}.circle-two{width:410px;height:410px}.hero-floating-card-one{left:0}.hero-floating-card-two{right:0}.public-section{padding:75px 0}.public-section-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:35px}.public-section-heading h2{font-size:39px}.public-announcement{grid-template-columns:1fr 25px;gap:12px}.public-announcement-date{grid-column:1/-1}.public-intro-grid{grid-template-columns:1fr;gap:30px}.public-courses-grid{grid-template-columns:1fr}.public-about-frame{width:320px;height:400px}.public-about-badge{right:0}.public-benefits{grid-template-columns:1fr}.public-admission-header{grid-template-columns:1fr;gap:20px}.public-steps{grid-template-columns:1fr}.public-admission-cta{flex-direction:column;align-items:flex-start}.public-admission-actions{justify-content:flex-start;width:100%}.public-admission-actions button{flex:100%}.public-contact-card{grid-template-columns:1fr;gap:35px;padding:35px 25px}.public-footer-top{grid-template-columns:1fr;gap:40px}.public-footer-links{grid-template-columns:repeat(2,1fr)}.public-footer-bottom{flex-direction:column;align-items:flex-start}}@media (width<=430px){.public-brand-mark{width:40px;height:40px}.public-brand-text strong{font-size:17px}.public-brand-text span{font-size:8px}.public-navbar-actions button{min-height:38px;font-size:8px}.public-top-area-spacer{height:190px}.public-hero{min-height:calc(100vh - 190px);padding:25px 0 40px}.public-hero-visual{min-height:380px;margin-top:-25px;margin-bottom:-35px;transform:scale(.68)}.public-floating-card{display:none}.public-about-frame{width:285px;height:370px}.public-about-badge{bottom:35px;right:-3px}.public-footer-links{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.public-hero-social-rail{z-index:6;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.public-hero-social-rail:before,.public-hero-social-rail:after{content:"";background:linear-gradient(#0000,#12614938,#0000);width:1px;height:34px}.public-social-icon{width:42px;height:42px;color:var(--green-800);-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffffbf;border:1px solid #12614924;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .3s,box-shadow .3s,background .3s,color .3s;animation:4.5s ease-in-out infinite socialFloat;display:flex;box-shadow:0 10px 22px #062b201a}.public-social-icon svg{width:18px;height:18px}.public-social-icon:hover{color:#fff;background:var(--green-800);transform:translateY(-4px)scale(1.08);box-shadow:0 16px 30px #062b2038}.public-social-facebook{animation-delay:0s}.public-social-instagram{animation-delay:-1.5s}.public-social-instagram:hover{background:linear-gradient(135deg,#f58529,#dd2a7b 45%,#8134af 75%,#515bd4);border-color:#0000}.public-social-tiktok{animation-delay:-3s}.public-social-tiktok:hover{background:#111;border-color:#0000}@keyframes socialFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.public-social-icon:hover{animation-play-state:paused}.public-contact-social{background:#f8f5ec;border-radius:14px;flex-direction:column;gap:12px;margin-top:4px;padding:17px;display:flex}.public-contact-social-label{color:var(--gold-500);letter-spacing:1.4px;font-size:8px;font-weight:850}.public-contact-social-icons{align-items:center;gap:10px;display:flex}.public-contact-social-icons .public-social-icon{background:#fff;width:38px;height:38px;animation:none}.public-contact-social-icons .public-social-icon svg{width:16px;height:16px}@media (width<=1150px){.public-hero-social-rail{right:14px}.public-social-icon{width:38px;height:38px}}@media (width<=1000px){.public-hero-social-rail{flex-direction:row;top:auto;bottom:70px;right:50%;transform:translate(50%)}.public-hero-social-rail:before,.public-hero-social-rail:after{background:linear-gradient(90deg,#0000,#12614938,#0000);width:26px;height:1px}}@media (width<=700px){.public-hero-social-rail{gap:10px;bottom:56px}.public-social-icon{width:36px;height:36px}.public-social-icon svg{width:15px;height:15px}}:root{--primary:#166534;--primary-dark:#14532d;--primary-light:#dcfce7;--primary-soft:#f0fdf4;--accent:#d4a017;--accent-light:#fff8df;--bg:#f5f7f6;--surface:#fff;--surface-soft:#f8faf9;--border:#e2e8e5;--border-light:#edf1ef;--text:#17221c;--text-secondary:#526057;--text-muted:#7a8780;--danger:#dc2626;--danger-bg:#fef2f2;--success:#15803d;--success-bg:#f0fdf4;--warning:#b7791f;--warning-bg:#fffbeb;--shadow-sm:0 2px 8px #0f172a0d;--shadow-md:0 8px 30px #0f172a12;--shadow-lg:0 18px 50px #0f172a17;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--transition:.2s ease;--font:"Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif}button,input,select,textarea{font-family:inherit}.admission-page{background:radial-gradient(circle at 0% 0%, #16653412, transparent 32%), radial-gradient(circle at 100% 10%, #d4a01712, transparent 28%), var(--bg);min-height:100vh;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;padding:42px 20px 70px;position:relative;overflow-x:hidden}.admission-background-shape{pointer-events:none;z-index:0;opacity:.18;filter:blur(80px);border-radius:50%;position:fixed}.shape-three{background:#bbf7d0;width:220px;height:220px;top:45%;left:55%}.admission-wrapper{z-index:1;flex-direction:column;gap:20px;width:100%;max-width:980px;margin:0 auto;display:flex;position:relative}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:34px}.admission-header{text-align:center;padding:34px 30px}.header-badge{background:var(--primary-soft);color:var(--primary);letter-spacing:.08em;text-transform:uppercase;border:1px solid #bbf7d0;border-radius:999px;justify-content:center;align-items:center;margin-bottom:17px;padding:7px 15px;font-size:11px;font-weight:700;display:inline-flex}.admission-header h1{letter-spacing:-.02em;color:var(--text);margin:0 0 12px;font-size:clamp(26px,4vw,36px);font-weight:750;line-height:1.2}.admission-header p{max-width:620px;color:var(--text-secondary);margin:0 auto;font-size:14px;line-height:1.7}.admission-header strong{color:var(--primary);font-weight:700}.required-note{color:var(--text-muted);margin-top:18px;font-size:12px}.required-note span{color:var(--danger);margin-right:4px}.alert{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:13px;padding:15px 17px;display:flex}.error-alert{background:var(--danger-bg);border-color:#fecaca}.alert-icon{background:var(--danger);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:13px;font-weight:700;display:flex}.alert strong{color:var(--text);margin-bottom:3px;font-size:13px;display:block}.alert p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.progress-card{padding:25px 30px}.progress-top{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:650;display:flex}.progress-track{background:#e8eeea;border-radius:999px;width:100%;height:7px;margin-bottom:27px;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #22c55e);height:100%;transition:width .3s}.step-navigation{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.step-item{border-radius:var(--radius-sm);text-align:center;transition:background var(--transition), transform var(--transition);flex-direction:column;align-items:center;gap:7px;padding:8px 5px;display:flex;position:relative}.step-item.completed{cursor:pointer}.step-item.completed:hover{background:var(--primary-soft);transform:translateY(-1px)}.step-circle{border:1px solid var(--border);width:34px;height:34px;color:var(--text-muted);transition:all var(--transition);background:#f5f7f6;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.step-item.active .step-circle{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #16653438}.step-item.completed .step-circle{background:var(--primary-light);color:var(--primary);border-color:#86efac}.step-text strong{color:var(--text);font-size:11.5px;font-weight:650;display:block}.step-text small{color:var(--text-muted);margin-top:2px;font-size:9.5px;display:block}.form-step{flex-direction:column;gap:25px;display:flex}.step-heading{align-items:flex-start;gap:16px;padding-bottom:5px;display:flex}.heading-number{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border:1px solid #bbf7d0;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.step-heading h2{color:var(--text);margin:1px 0 5px;font-size:20px;font-weight:700;line-height:1.3}.step-heading p{max-width:650px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.instruction-box{border-radius:var(--radius-md);border:1px solid var(--border);background:#f8faf9;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.instruction-box>span{background:var(--primary-light);width:27px;height:27px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.instruction-box strong{color:var(--text);margin-bottom:3px;font-size:12.5px;display:block}.instruction-box p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.55}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field.full-width{grid-column:1/-1}.field label{color:var(--text);font-size:12.5px;font-weight:650}.field label span{color:var(--danger);margin-left:3px}.field-help{color:var(--text-muted);font-size:11px;line-height:1.4}.age-display{color:var(--primary);font-size:11.5px;font-weight:600}.field-error{color:var(--danger);align-items:center;gap:4px;font-size:11px;display:flex}.field-error:before{content:"!";background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:800;display:inline-flex}input,select,textarea{border-radius:var(--radius-sm);width:100%;min-height:45px;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);background:#fff;border:1px solid #d8e0db;outline:none;padding:11px 13px;font-size:13px}input::placeholder,textarea::placeholder{color:#9aa59e}input:hover,select:hover,textarea:hover{border-color:#b9c7be}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #16653417}input.input-error,select.input-error,textarea.input-error{background:snow;border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#647169 50%),linear-gradient(135deg,#647169 50%,#0000 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:40px}select option{color:#17221c;background:#fff}select:disabled{cursor:not-allowed;color:#9aa59e;background-color:#f1f4f2}textarea{resize:vertical;min-height:100px;line-height:1.55}.textarea-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:10.5px;display:flex}.checkbox-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.checkbox-option{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;min-height:45px;color:var(--text-secondary);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);background:#fff;align-items:center;gap:10px;padding:10px 13px;font-size:12.5px;display:flex}.checkbox-option:hover{background:#fafcfb;border-color:#9bb7a4}.checkbox-option input{width:17px;height:17px;min-height:auto;accent-color:var(--primary);cursor:pointer;box-shadow:none;margin:0}.checkbox-option:has(input:checked){background:var(--primary-soft);color:var(--primary);border-color:#86efac;box-shadow:0 2px 8px #1665340f}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.document-card{border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);flex-direction:column;gap:13px;padding:19px;display:flex}.document-card:hover{box-shadow:var(--shadow-sm);border-color:#bfd0c4;transform:translateY(-1px)}.document-card-header{align-items:center;gap:11px;display:flex}.document-icon{background:var(--primary-light);border:1px solid #bbf7d0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.document-card-header h3{color:var(--text);margin:0 0 5px;font-size:13px;font-weight:700}.required-badge,.optional-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:3px 7px;font-size:9px;font-weight:700;display:inline-flex}.required-badge{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.optional-badge{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.document-card p{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.55}.file-upload{text-align:center;border-radius:var(--radius-sm);cursor:pointer;min-height:105px;transition:border-color var(--transition), background var(--transition);background:#fff;border:1.5px dashed #cbd7cf;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:16px;display:flex}.file-upload:hover{border-color:var(--primary);background:var(--primary-soft)}.file-upload span{color:var(--text);font-size:12px;font-weight:650}.file-upload small{color:var(--text-muted);font-size:10.5px}.selected-file{border-radius:var(--radius-sm);background:var(--success-bg);border:1px solid #bbf7d0;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.selected-file strong{color:var(--text);word-break:break-all;margin-bottom:2px;font-size:11.5px;display:block}.selected-file small{color:var(--text-muted);font-size:10px}.remove-file{color:var(--danger);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:5px 8px;font-size:10.5px;font-weight:650}.remove-file:hover{text-decoration:underline}.not-submitted-box{border-radius:var(--radius-md);background:var(--success-bg);border:1px solid #bbf7d0;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.not-submitted-box>span{color:var(--success);font-size:15px}.not-submitted-box strong{color:var(--text);margin-bottom:3px;font-size:12.5px;display:block}.not-submitted-box p{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.5}.final-review-warning,.final-warning{border-radius:var(--radius-md);background:var(--warning-bg);border:1px solid #fde68a;align-items:flex-start;gap:12px;padding:15px 16px;display:flex}.final-review-warning>span,.final-warning>span{color:var(--warning);font-size:15px}.final-review-warning strong,.final-warning strong{color:var(--text);margin-bottom:3px;font-size:12.5px;display:block}.final-review-warning p,.final-warning p{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.5}.review-section,.document-summary{border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border);padding:19px}.review-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px;display:flex}.review-header h3{color:var(--text);margin:0;font-size:14px;font-weight:700}.review-header p{color:var(--text-muted);margin:4px 0 0;font-size:11px}.edit-review{background:var(--primary-soft);color:var(--primary);cursor:pointer;transition:all var(--transition);border:1px solid #bbf7d0;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:10.5px;font-weight:650}.edit-review:hover{background:var(--primary-light)}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 20px;display:grid}.review-item{flex-direction:column;gap:4px;min-width:0;display:flex}.review-item.full-review{grid-column:1/-1}.review-item span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:9.5px;font-weight:650}.review-item strong{color:var(--text);word-break:break-word;font-size:12.5px;font-weight:600;line-height:1.4}.summary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.summary-list>div{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:11.5px;display:flex}.summary-list span{color:var(--text-secondary)}.summary-list strong{color:var(--text);font-weight:650}.upload-progress{border-radius:var(--radius-md);background:var(--primary-soft);border:1px solid #bbf7d0;padding:14px 16px}.upload-progress-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11.5px;display:flex}.upload-progress-header strong{color:var(--primary)}.btn-spacer{visibility:hidden;width:1px;height:1px}.btn{white-space:nowrap;cursor:pointer;min-width:145px;transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:12.5px;font-weight:650;line-height:1;display:inline-flex;position:relative}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #16653426}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 5px 14px #1665342e}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 7px 18px #16653438}.btn-arrow{transition:transform var(--transition);font-size:13px}.btn-primary:hover:not(:disabled) .btn-arrow{transform:translate(3px)}.btn-secondary{color:var(--text);background:#fff;border-color:#d4ddd7}.btn-secondary:hover:not(:disabled){background:#f8faf9;border-color:#b9c8be;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled) .btn-arrow{transform:translate(-3px)}.btn-submit{background:var(--primary);border-color:var(--primary);color:#fff;min-width:180px;box-shadow:0 5px 15px #16653433}.btn-submit:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 8px 20px #1665343d}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-screen{text-align:center;flex-direction:column;align-items:center;padding:60px 40px;display:flex}.success-check{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;font-size:30px;font-weight:700;display:flex;box-shadow:0 0 0 8px #15803d14,0 10px 25px #15803d2e}.success-screen h1{color:var(--text);margin:0 0 10px;font-size:27px;font-weight:750}.success-screen>p{max-width:500px;color:var(--text-secondary);margin:0 0 22px;font-size:13px;line-height:1.7}.request-id-box{border-radius:var(--radius-md);background:var(--primary-soft);border:1px solid #bbf7d0;flex-direction:column;gap:5px;min-width:220px;margin-bottom:20px;padding:15px 24px;display:flex}.request-id-box span{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:9.5px;font-weight:650}.request-id-box strong{letter-spacing:.04em;color:var(--primary);font-size:19px}.success-info{border-radius:var(--radius-md);border:1px solid var(--border);text-align:left;background:#f8faf9;width:100%;max-width:500px;margin-bottom:25px;padding:15px 17px}.success-info strong{color:var(--text);margin-bottom:4px;font-size:12.5px;display:block}.success-info p{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.55}.admission-footer{text-align:center;flex-direction:column;gap:4px;padding-top:4px;display:flex}.admission-footer p{color:var(--text-muted);margin:0;font-size:11.5px}.admission-footer span{color:#a0aaa4;font-size:10px}@media (width<=800px){.admission-page{padding:30px 16px 55px}.glass-card{padding:27px}.progress-card{padding:23px}.step-text small{display:none}.step-navigation{grid-template-columns:repeat(3,1fr);row-gap:12px}}@media (width<=640px){.admission-page{padding:18px 10px 40px}.admission-wrapper{gap:13px}.glass-card{border-radius:14px;padding:20px 17px}.admission-header{padding:25px 18px}.header-badge{margin-bottom:13px;font-size:9.5px}.admission-header h1{font-size:25px}.admission-header p{font-size:12.5px}.progress-card{padding:19px 16px}.progress-top{font-size:11px}.progress-track{margin-bottom:18px}.step-navigation{grid-template-columns:repeat(3,1fr);gap:6px}.step-circle{width:31px;height:31px;font-size:11px}.step-text strong{font-size:10px}.step-heading{gap:11px}.heading-number{border-radius:9px;width:37px;height:37px;font-size:14px}.step-heading h2{font-size:18px}.step-heading p{font-size:11.5px}.form-grid{grid-template-columns:1fr;gap:16px}.field.full-width{grid-column:auto}input,select,textarea{font-size:13px}.checkbox-group{grid-template-columns:1fr}.document-grid{grid-template-columns:1fr;gap:14px}.review-grid{grid-template-columns:1fr;gap:12px}.review-item.full-review{grid-column:auto}.summary-list{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;align-items:stretch;gap:9px}.btn-spacer{display:none}.btn,.btn-submit{width:100%;min-width:0;min-height:45px}.success-screen{padding:45px 20px}.success-screen h1{font-size:24px}.success-check{width:64px;height:64px;font-size:27px}}@media (width<=400px){.admission-page{padding-left:7px;padding-right:7px}.glass-card{padding:17px 14px}.step-navigation{gap:3px}.step-item{padding-left:2px;padding-right:2px}.step-text strong{font-size:9px}.document-card,.review-section,.document-summary{padding:15px}.success-screen{padding:35px 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.admission-page{background:#fff;padding:0}.admission-background-shape{display:none}.glass-card{box-shadow:none;border:1px solid #ddd}.form-actions,.admission-footer{display:none}}.donation-page{--donation-green:#126b4f;--donation-green-dark:#0b4d39;--donation-green-light:#eaf6f0;--donation-gold:#c69b45;--donation-gold-light:#f8f0df;--donation-cream:#faf8f2;--donation-white:#fff;--donation-text:#1c2b25;--donation-text-light:#66736d;--donation-border:#e5e9e5;--donation-shadow:0 15px 45px #10392b14;--donation-shadow-hover:0 22px 55px #10392b21;background:var(--donation-cream);min-height:100vh;color:var(--donation-text);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}.donation-page *,.donation-page :before,.donation-page :after{box-sizing:border-box}.donation-page button{font-family:inherit}.donation-page button:focus-visible{outline-offset:3px;outline:3px solid #126b4f4d}.donation-container{width:min(1180px,100% - 40px);margin:0 auto}.donation-navbar{z-index:1000;-webkit-backdrop-filter:blur(15px);background:#fffffff5;border-bottom:1px solid #126b4f14;position:sticky;top:0}.donation-navbar-inner{justify-content:space-between;align-items:center;gap:20px;min-height:78px;display:flex}.donation-brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;margin:0;padding:0;display:flex}.donation-brand-mark{background:linear-gradient(135deg, var(--donation-green), var(--donation-green-dark));color:#fff;letter-spacing:1px;border-radius:13px;justify-content:center;align-items:center;width:45px;height:45px;font-size:14px;font-weight:800;display:flex;box-shadow:0 8px 20px #126b4f33}.donation-brand-text{flex-direction:column;gap:2px;display:flex}.donation-brand-text strong{color:var(--donation-green-dark);font-size:18px;line-height:1}.donation-brand-text span{color:var(--donation-text-light);letter-spacing:.7px;text-transform:uppercase;font-size:10px;line-height:1.2}.donation-navbar-actions{align-items:center;gap:10px;display:flex}.donation-navbar-whatsapp,.donation-home-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.donation-navbar-whatsapp{color:#13834f;background:#eaf8f0}.donation-navbar-whatsapp:hover{background:#dff3e8;transform:translateY(-2px)}.donation-home-button{color:var(--donation-text);background:#f3f5f3}.donation-home-button:hover{background:#e9eeeb;transform:translateY(-2px)}.donation-hero{color:#fff;background:radial-gradient(circle at 85% 25%,#c69b4526,#0000 28%),radial-gradient(circle at 10% 80%,#ffffff14,#0000 30%),linear-gradient(135deg,#0b4d39 0%,#126b4f 50%,#0d5c44 100%);align-items:center;min-height:530px;display:flex;position:relative;overflow:hidden}.donation-hero-pattern{opacity:.08;background-image:linear-gradient(30deg,#fff 12%,#0000 12.5% 87%,#fff 87.5%,#fff),linear-gradient(150deg,#fff 12%,#0000 12.5% 87%,#fff 87.5%,#fff);background-position:0 0,27px 48px;background-size:55px 95px;position:absolute;inset:0}.donation-hero-content{z-index:2;text-align:center;max-width:900px;padding-top:80px;padding-bottom:80px;position:relative}.donation-eyebrow{color:#e8d3a2;letter-spacing:2px;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;font-size:11px;font-weight:800;display:flex}.donation-eyebrow span{background:#d8bc7e;width:35px;height:1px}.donation-hero h1{letter-spacing:-3px;margin:0;font-size:clamp(48px,7vw,82px);font-weight:800;line-height:.98}.donation-hero h1 em{color:#e0bf78;font-style:normal}.donation-hero p{color:#ffffffd4;max-width:720px;margin:28px auto 0;font-size:17px;line-height:1.8}.donation-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:32px;display:flex}.donation-hero-primary,.donation-hero-whatsapp{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 23px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.donation-hero-primary{color:#244333;background:#e0bf78;border:1px solid #e0bf78;box-shadow:0 10px 25px #0000001f}.donation-hero-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0000002e}.donation-hero-whatsapp{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d}.donation-hero-whatsapp:hover{background:#ffffff2e;transform:translateY(-3px)}.donation-hero-note{color:#fffc;background:#ffffff14;border-radius:100px;align-items:center;gap:10px;margin:30px auto 0;padding:9px 15px;font-size:12px;display:inline-flex}.donation-hero-note div{width:22px;height:22px;color:var(--donation-green);background:#dff2e7;border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:flex}.donation-quick-section{z-index:5;margin-top:-40px;position:relative}.donation-quick-grid{border:1px solid var(--donation-border);box-shadow:var(--donation-shadow);background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.donation-quick-card{border-right:1px solid var(--donation-border);align-items:center;gap:15px;min-height:100px;padding:20px 24px;display:flex}.donation-quick-card:last-child{border-right:0}.donation-quick-icon{background:var(--donation-green-light);width:48px;height:48px;color:var(--donation-green);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:19px;font-weight:800;display:flex}.donation-quick-card div:last-child{flex-direction:column;gap:4px;display:flex}.donation-quick-card strong{font-size:14px}.donation-quick-card span{color:var(--donation-text-light);font-size:12px}.donation-intro,.donation-methods-section,.donation-steps-section,.donation-note-section,.donation-final-section{padding:100px 0}.donation-label{color:var(--donation-green);letter-spacing:1.8px;font-size:10px;font-weight:900;display:inline-block}.donation-intro-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;display:grid}.donation-intro h2,.donation-section-heading h2{color:var(--donation-text);letter-spacing:-1.8px;margin:12px 0 0;font-size:clamp(34px,4vw,52px);line-height:1.08}.donation-intro h2 span,.donation-section-heading h2 span,.donation-final-card h2 span{color:var(--donation-green)}.donation-intro-grid>p{color:var(--donation-text-light);margin:0;font-size:16px;line-height:1.9}.donation-methods-section{background:#f4f7f4;padding-top:30px}.donation-section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px;display:flex}.donation-section-heading>p{max-width:390px;color:var(--donation-text-light);margin:0;font-size:14px;line-height:1.7}.donation-method-card{border:1px solid var(--donation-border);background:#fff;border-radius:22px;padding:32px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;box-shadow:0 8px 30px #10392b0b}.donation-method-card:hover{box-shadow:var(--donation-shadow-hover);border-color:#126b4f33;transform:translateY(-5px)}.donation-featured-card{border:1px solid #126b4f2e;margin-bottom:22px;overflow:hidden}.donation-featured-badge{background:var(--donation-gold);color:#fff;letter-spacing:1px;border-radius:0 0 0 12px;padding:8px 16px;font-size:9px;font-weight:900;position:absolute;top:0;right:0}.donation-featured-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;display:grid}.donation-card-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.donation-method-icon{letter-spacing:.5px;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;font-size:13px;font-weight:900;display:flex}.easypaisa-icon{color:#178345;background:#e8f7ec}.jazzcash-icon{color:#6d35a5;background:#f2eafa}.bank-icon{color:var(--donation-green);background:#edf3f0}.donation-method-number{color:#a1aaa5;letter-spacing:1px;font-size:11px;font-weight:800}.donation-method-card h3{color:var(--donation-text);letter-spacing:-.5px;margin:0;font-size:25px;line-height:1.2}.donation-card-description{color:var(--donation-text-light);margin:12px 0 25px;font-size:13px;line-height:1.75}.donation-account-box{border:1px solid var(--donation-border);background:#fafcfb;border-radius:14px;flex-direction:column;gap:17px;padding:18px;display:flex}.donation-account-box>div{flex-direction:column;gap:6px;display:flex}.donation-account-box small,.donation-bank-row small{color:#8a9690;letter-spacing:1.2px;font-size:9px;font-weight:900}.donation-account-box strong{color:var(--donation-text);word-break:break-word;font-size:14px}.donation-copy-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.donation-copy-row strong{overflow-wrap:anywhere;min-width:0}.donation-copy-row button{color:var(--donation-green);cursor:pointer;background:#fff;border:1px solid #cfd9d3;border-radius:8px;flex:none;padding:7px 10px;font-size:10px;font-weight:800;transition:all .2s}.donation-copy-row button:hover{background:var(--donation-green);border-color:var(--donation-green);color:#fff}.donation-qr-column{background:linear-gradient(145deg,#f0f8f3,#f8fbf9);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:30px;display:flex}.donation-qr-title{color:var(--donation-green);letter-spacing:1.5px;margin-bottom:16px;font-size:10px;font-weight:900}.donation-qr-wrapper{background:#fff;border:1px solid #dce8df;border-radius:18px;justify-content:center;align-items:center;width:230px;height:230px;padding:13px;display:flex;box-shadow:0 12px 30px #10392b14}.donation-qr{object-fit:contain;width:100%;height:100%;display:block}.donation-qr-hint{max-width:220px;color:var(--donation-text-light);text-align:center;margin-top:15px;font-size:11px;line-height:1.5}.donation-mobile-action-row{margin-top:15px}.donation-whatsapp-small{color:#13834f;cursor:pointer;background:#eaf8f0;border:0;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:800;transition:all .2s}.donation-whatsapp-small:hover{background:#d9f2e3;transform:translateY(-1px)}.donation-mobile-payment{background:#faf8fd;border-radius:13px;align-items:center;gap:12px;margin-bottom:20px;padding:14px;display:flex}.donation-payment-symbol{color:#7135a3;background:#eee4f8;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex}.donation-mobile-payment>div:last-child{flex-direction:column;gap:3px;display:flex}.donation-mobile-payment span{color:#8a8191;font-size:10px}.donation-mobile-payment strong{color:#34223e;font-size:13px}.donation-secure-note{color:#5e7168;align-items:center;gap:7px;margin-top:17px;font-size:11px;display:flex}.donation-secure-note span{width:20px;height:20px;color:var(--donation-green);background:#e6f5eb;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:900;display:flex}.donation-methods-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.donation-bank-details{border:1px solid var(--donation-border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.donation-bank-row{border-bottom:1px solid var(--donation-border);background:#fafcfb;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.donation-bank-row:last-child{border-bottom:0}.donation-bank-row strong{overflow-wrap:anywhere;font-size:13px}.donation-iban{letter-spacing:.2px;font-size:12px!important}.donation-whatsapp-section{background:#eaf6f0;padding:75px 0}.donation-whatsapp-card{box-shadow:var(--donation-shadow);background:linear-gradient(135deg,#fff,#f8fcf9);border:1px solid #126b4f1f;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:38px 42px;display:grid}.donation-whatsapp-icon{background:#dcf5e6;border-radius:19px;justify-content:center;align-items:center;width:65px;height:65px;font-size:28px;display:flex}.donation-whatsapp-content>span{color:#13834f;letter-spacing:1.5px;font-size:9px;font-weight:900}.donation-whatsapp-content h2{letter-spacing:-.7px;margin:6px 0;font-size:27px}.donation-whatsapp-content p{max-width:600px;color:var(--donation-text-light);margin:0;font-size:13px;line-height:1.7}.donation-whatsapp-button,.donation-note-whatsapp,.donation-final-whatsapp,.donation-footer-whatsapp{cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.donation-whatsapp-button{color:#fff;background:#20a85a;border-radius:11px;min-height:50px;padding:0 20px;font-size:13px;box-shadow:0 9px 20px #20a85a33}.donation-whatsapp-button:hover{background:#178c4b;transform:translateY(-3px);box-shadow:0 13px 25px #20a85a40}.donation-whatsapp-button b{font-size:18px}.donation-steps{border-top:1px solid var(--donation-border);border-bottom:1px solid var(--donation-border);grid-template-columns:repeat(4,1fr);display:grid}.donation-step{border-right:1px solid var(--donation-border);min-height:220px;padding:30px 25px}.donation-step:last-child{border-right:0}.donation-step>span{color:var(--donation-gold);letter-spacing:1px;margin-bottom:35px;font-size:12px;font-weight:900;display:block}.donation-step h3{margin:0 0 10px;font-size:16px}.donation-step p{color:var(--donation-text-light);margin:0;font-size:12px;line-height:1.7}.donation-note-section{background:var(--donation-cream);padding-top:0}.donation-note-card{background:#fffaf0;border:1px solid #eadfca;border-radius:20px;grid-template-columns:auto 1fr;gap:22px;padding:32px;display:grid}.donation-note-icon{background:var(--donation-gold-light);color:#9b742c;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:flex}.donation-note-card h3{margin:8px 0;font-size:19px}.donation-note-card p{max-width:760px;color:var(--donation-text-light);margin:0;font-size:13px;line-height:1.75}.donation-note-whatsapp{color:#13834f;background:#e3f6e9;border-radius:9px;min-height:40px;margin-top:18px;padding:0 14px;font-size:11px}.donation-note-whatsapp:hover{background:#d4f0dd;transform:translateY(-2px)}.donation-final-section{background:linear-gradient(180deg, var(--donation-cream), #eef5f1);padding-top:70px;padding-bottom:90px}.donation-final-card{color:#fff;background:linear-gradient(135deg,#0c513c,#126b4f);border-radius:25px;justify-content:space-between;align-items:center;gap:35px;padding:45px;display:flex;overflow:hidden;box-shadow:0 20px 50px #0b4d392e}.donation-final-card .donation-label{color:#d8bd7d}.donation-final-card h2{color:#fff;letter-spacing:-1px;max-width:700px;margin:10px 0;font-size:clamp(27px,4vw,43px);line-height:1.15}.donation-final-card h2 span{color:#e0bf78}.donation-final-card p{color:#ffffffb8;margin:0;font-size:13px;line-height:1.7}.donation-final-actions{flex-direction:column;flex:none;gap:10px;display:flex}.donation-final-donate,.donation-final-whatsapp{cursor:pointer;border-radius:10px;min-width:170px;min-height:48px;padding:0 18px;font-size:12px;font-weight:800}.donation-final-donate{color:#244333;background:#e0bf78;border:0}.donation-final-donate:hover{transform:translateY(-2px)}.donation-final-whatsapp{color:#fff;background:#ffffff14;border:1px solid #fff3}.donation-final-whatsapp:hover{background:#ffffff26}.donation-footer{color:#fff;background:#0a392b;padding:45px 0 20px}.donation-footer-inner{justify-content:space-between;align-items:center;gap:25px;display:flex}.donation-footer-brand{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.donation-footer-brand .donation-brand-mark{box-shadow:none}.donation-footer-brand .donation-brand-text strong{color:#fff}.donation-footer-brand .donation-brand-text span{color:#ffffff80}.donation-footer-inner>p{color:#ffffff8c;margin:0;font-size:12px}.donation-footer-actions{align-items:center;gap:8px;display:flex}.donation-footer-whatsapp,.donation-footer-home{border-radius:8px;min-height:38px;padding:0 12px;font-size:11px}.donation-footer-whatsapp{color:#fff;background:#20a85a}.donation-footer-home{color:#ffffffbf;background:0 0;border:1px solid #ffffff1f}.donation-footer-home:hover{background:#ffffff14}.donation-footer-bottom{color:#fff6;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:35px;padding-top:18px;font-size:10px;display:flex}.donation-floating-whatsapp{z-index:2000;color:#fff;cursor:pointer;background:#20a85a;border:0;border-radius:100px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 17px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:none;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 30px #20a85a4d}.donation-floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 16px 35px #20a85a66}.donation-floating-whatsapp span{font-size:18px}@media (width<=900px){.donation-container{width:min(100% - 32px,720px)}.donation-intro-grid{grid-template-columns:1fr;gap:25px}.donation-featured-grid{grid-template-columns:1fr;gap:30px}.donation-qr-column{min-height:auto}.donation-steps{grid-template-columns:repeat(2,1fr)}.donation-step:nth-child(2){border-right:0}.donation-step:nth-child(-n+2){border-bottom:1px solid var(--donation-border)}.donation-whatsapp-card{grid-template-columns:auto 1fr}.donation-whatsapp-button{grid-column:2;justify-self:start}.donation-final-card{flex-direction:column;align-items:flex-start}.donation-final-actions{flex-direction:row;width:100%}.donation-final-donate,.donation-final-whatsapp{flex:1}}@media (width<=650px){.donation-container{width:min(100% - 24px,520px)}.donation-navbar-inner{min-height:68px}.donation-brand-mark{border-radius:11px;width:40px;height:40px}.donation-brand-text strong{font-size:16px}.donation-brand-text span{display:none}.donation-navbar-actions{gap:6px}.donation-navbar-whatsapp,.donation-home-button{border-radius:10px;width:40px;min-width:40px;height:40px;padding:0;font-size:0}.donation-navbar-whatsapp span,.donation-home-button span{font-size:17px}.donation-hero{min-height:570px}.donation-hero-content{padding-top:65px;padding-bottom:65px}.donation-eyebrow{letter-spacing:1.4px;font-size:9px}.donation-eyebrow span{width:20px}.donation-hero h1{letter-spacing:-2.5px;font-size:52px}.donation-hero p{margin-top:22px;font-size:14px;line-height:1.75}.donation-hero-actions{flex-direction:column;width:100%;margin-top:27px}.donation-hero-primary,.donation-hero-whatsapp{width:100%}.donation-hero-note{text-align:left;border-radius:14px;font-size:10px}.donation-quick-section{margin-top:-25px}.donation-quick-grid{border-radius:16px;grid-template-columns:1fr}.donation-quick-card{border-right:0;border-bottom:1px solid var(--donation-border);min-height:78px;padding:14px 16px}.donation-quick-card:last-child{border-bottom:0}.donation-quick-icon{width:40px;height:40px}.donation-intro,.donation-methods-section,.donation-steps-section{padding:70px 0}.donation-note-section{padding-bottom:70px}.donation-final-section{padding:55px 0 70px}.donation-intro h2,.donation-section-heading h2{font-size:34px}.donation-section-heading{margin-bottom:30px;display:block}.donation-section-heading>p{margin-top:15px}.donation-method-card{border-radius:17px;padding:22px}.donation-featured-grid{gap:25px}.donation-featured-badge{padding:7px 11px;font-size:8px}.donation-method-card h3{font-size:21px}.donation-qr-column{padding:22px 15px}.donation-qr-wrapper{width:205px;height:205px}.donation-methods-grid{grid-template-columns:1fr;gap:16px}.donation-copy-row{align-items:center}.donation-copy-row strong{font-size:12px}.donation-copy-row button{padding:7px 9px}.donation-whatsapp-section{padding:50px 0}.donation-whatsapp-card{border-radius:18px;flex-direction:column;align-items:flex-start;gap:16px;padding:25px 20px;display:flex}.donation-whatsapp-icon{border-radius:15px;width:52px;height:52px;font-size:23px}.donation-whatsapp-content h2{font-size:23px}.donation-whatsapp-button{width:100%}.donation-steps{flex-direction:column;display:flex}.donation-step{border-right:0;border-bottom:1px solid var(--donation-border);grid-template-columns:40px 1fr;gap:12px;min-height:auto;padding:25px 5px;display:grid}.donation-step:last-child{border-bottom:0}.donation-step:nth-child(2){border-right:0}.donation-step:nth-child(-n+2){border-bottom:1px solid var(--donation-border)}.donation-step>span{margin:0;padding-top:3px}.donation-note-card{border-radius:17px;grid-template-columns:1fr;gap:15px;padding:22px}.donation-final-card{border-radius:19px;padding:28px 22px}.donation-final-card h2{font-size:29px}.donation-final-actions{flex-direction:column;width:100%}.donation-final-donate,.donation-final-whatsapp{width:100%}.donation-footer{padding-top:35px}.donation-footer-inner{flex-direction:column;align-items:flex-start}.donation-footer-inner>p{margin-top:5px}.donation-footer-actions{width:100%}.donation-footer-whatsapp,.donation-footer-home{flex:1}.donation-footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}.donation-floating-whatsapp{display:inline-flex;bottom:14px;right:14px}}@media (width<=380px){.donation-container{width:calc(100% - 20px)}.donation-hero h1{font-size:45px}.donation-method-card{padding:18px}.donation-qr-wrapper{width:185px;height:185px}.donation-account-box{padding:14px}.donation-copy-row{align-items:flex-start}.donation-copy-row strong{max-width:190px}.donation-floating-whatsapp{min-height:48px;padding:0 14px;bottom:10px;right:10px}}@media (prefers-reduced-motion:reduce){.donation-page *,.donation-page :before,.donation-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.login-page{background:radial-gradient(circle at 10% 20%,#3b82f61f,#0000 30%),radial-gradient(circle at 90% 80%,#10b9811a,#0000 30%),#f5f7fb;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.login-background-circle{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.circle-one{background:#2563eb12;width:420px;height:420px;top:-220px;left:-160px}.circle-two{background:#10b9810f;width:500px;height:500px;bottom:-280px;right:-180px}.login-container{z-index:2;background:#fff;border-radius:24px;grid-template-columns:45% 55%;width:min(1050px,100% - 40px);min-height:650px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 70px #0f172a1f,0 8px 25px #0f172a0d}.login-brand-section{color:#fff;background:linear-gradient(145deg,#0f766e 0% 35%,#115e59 100%);justify-content:center;align-items:center;padding:60px;display:flex;position:relative}.login-brand-section:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.login-brand-section:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-90px;left:-80px}.brand-content{z-index:2;max-width:380px;position:relative}.brand-logo{background:#ffffff26;border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:28px;font-size:32px;font-weight:800;display:flex;box-shadow:0 10px 30px #0000001f}.brand-content h1{letter-spacing:-.8px;margin:0;font-size:34px;font-weight:750;line-height:1.2}.brand-content h2{color:#ffffffd1;margin:8px 0 22px;font-size:18px;font-weight:500}.brand-content p{color:#ffffffc2;margin:0;font-size:15px;line-height:1.8}.brand-line{background:#ffffffb3;border-radius:10px;width:55px;height:3px;margin:30px 0 16px}.brand-tagline{color:#ffffffa6;font-size:13px}.login-form-section{justify-content:center;align-items:center;padding:60px;display:flex}.login-card{width:100%;max-width:410px}.login-header{margin-bottom:34px}.login-header h1{color:#111827;letter-spacing:-.7px;margin:0 0 8px;font-size:30px;font-weight:750}.login-header p{color:#6b7280;margin:0;font-size:14px}.mobile-logo{display:none}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:22px;padding:12px 14px;font-size:13px;display:flex}.error-icon{color:#fff;background:#dc2626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:700;display:flex}.login-form{flex-direction:column;gap:22px;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;pointer-events:none;width:20px;font-size:18px;position:absolute;left:15px}.input-wrapper input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:50px;padding:0 48px 0 44px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper input:hover{border-color:#9ca3af}.input-wrapper input:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e1a}.input-wrapper input:disabled{cursor:not-allowed;background:#f9fafb}.password-label-row{justify-content:space-between;align-items:center;display:flex}.show-password{color:#0f766e;cursor:pointer;background:0 0;border:none;padding:5px;font-size:12px;font-weight:600;position:absolute;right:13px}.show-password:hover{color:#115e59}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f766e,#115e59);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;margin-top:4px;font-size:14px;font-weight:650;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 8px 18px #0f766e33}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 25px #0f766e45}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.button-arrow{font-size:18px;transition:transform .2s}.login-button:hover:not(:disabled) .button-arrow{transform:translate(3px)}.loading-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-footer{color:#9ca3af;justify-content:center;align-items:center;gap:7px;margin-top:35px;font-size:11px;display:flex}.footer-dot{color:#d1d5db}@media (width<=850px){.login-container{grid-template-columns:1fr;max-width:480px;min-height:auto}.login-brand-section{display:none}.login-form-section{padding:45px 35px}.mobile-logo{color:#fff;background:#0f766e;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;font-size:24px;font-weight:800;display:flex}}@media (width<=500px){.login-page{padding:20px}.login-container{border-radius:18px;width:100%}.login-form-section{padding:35px 24px}.login-header h1{font-size:26px}.login-footer{text-align:center;flex-wrap:wrap}}@media (width<=360px){.login-form-section{padding:30px 18px}.login-header h1{font-size:24px}}.admin-announcements-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;min-height:100vh;padding:32px}.admin-announcements-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.admin-announcements-header h1{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:30px;font-weight:750;line-height:1.2}.admin-announcements-header p{color:#64748b;margin:8px 0 0;font-size:14px;line-height:1.5}.admin-announcement-add-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 18px;font-size:14px;font-weight:650;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb2e}.admin-announcement-add-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 7px 18px #2563eb38}.admin-announcement-add-button:active{transform:translateY(0)}.admin-announcement-alert{border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:13px 16px;font-size:14px;font-weight:500;display:flex}.admin-announcement-alert button{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:flex}.admin-announcement-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.admin-announcement-alert.error button{color:#b91c1c}.admin-announcement-alert.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.admin-announcement-alert.success button{color:#15803d}.admin-announcement-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.admin-announcement-search{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:10px;width:420px;max-width:100%;height:44px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0f172a08}.admin-announcement-search:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.admin-announcement-search span{color:#94a3b8;font-size:15px}.admin-announcement-search input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;padding:0;font-family:inherit;font-size:14px}.admin-announcement-search input::placeholder{color:#94a3b8}.admin-announcement-count{color:#64748b;font-size:13px;font-weight:500}.admin-announcement-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:360px;display:flex}.admin-announcement-loading p{margin:0;font-size:14px}.admin-announcement-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:34px;height:34px;animation:.75s linear infinite announcement-spin}@keyframes announcement-spin{to{transform:rotate(360deg)}}.admin-announcement-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:80px 30px;box-shadow:0 2px 8px #0f172a08}.admin-announcement-empty-icon{background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:30px;display:flex}.admin-announcement-empty h2{color:#0f172a;margin:0 0 8px;font-size:19px;font-weight:700}.admin-announcement-empty p{color:#64748b;max-width:450px;margin:0 auto 22px;font-size:14px;line-height:1.6}.admin-announcement-empty button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;min-height:40px;padding:0 17px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.admin-announcement-empty button:hover{background:#1d4ed8;transform:translateY(-1px)}.admin-announcement-list{flex-direction:column;gap:14px;display:flex}.admin-announcement-item{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:22px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;box-shadow:0 2px 7px #0f172a06}.admin-announcement-item:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 8px 25px #0f172a0f}.admin-announcement-item.unpublished{opacity:.68}.admin-announcement-item.unpublished:hover{opacity:.82}.admin-announcement-item-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.admin-announcement-title-area{flex:1;min-width:0}.admin-announcement-title-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.admin-announcement-title-row h2{color:#0f172a;letter-spacing:-.15px;margin:0;font-size:18px;font-weight:700;line-height:1.4}.admin-announcement-message{color:#64748b;white-space:pre-wrap;word-break:break-word;margin:9px 0 0;font-size:14px;line-height:1.65}.announcement-priority{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;justify-content:center;align-items:center;min-height:23px;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.announcement-priority.normal{color:#64748b;background:#f1f5f9}.announcement-priority.important{color:#b45309;background:#fffbeb}.announcement-priority.urgent{color:#dc2626;background:#fef2f2}.announcement-status{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:25px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.announcement-status.published{color:#059669;background:#ecfdf5}.announcement-status.unpublished{color:#64748b;background:#f1f5f9}.admin-announcement-meta{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:0;margin-top:20px;padding-top:16px;display:flex}.admin-announcement-meta>div{flex-direction:column;gap:4px;min-width:145px;padding-right:30px;display:flex}.meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.admin-announcement-meta strong{color:#334155;font-size:13px;font-weight:600}.expired-text{color:#dc2626!important}.admin-announcement-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;display:flex}.admin-announcement-actions button{cursor:pointer;border:1px solid #0000;border-radius:7px;min-height:34px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:650;transition:background .2s,border-color .2s,transform .2s}.admin-announcement-actions button:hover{transform:translateY(-1px)}.announcement-edit-button{color:#2563eb;background:#eff6ff;border-color:#dbeafe!important}.announcement-edit-button:hover{background:#dbeafe;border-color:#bfdbfe!important}.announcement-publish-button.publish{color:#059669;background:#ecfdf5;border-color:#d1fae5!important}.announcement-publish-button.publish:hover{background:#d1fae5}.announcement-publish-button.unpublish{color:#b45309;background:#fffbeb;border-color:#fef3c7!important}.announcement-publish-button.unpublish:hover{background:#fef3c7}.announcement-delete-button{color:#dc2626;background:#fef2f2;border-color:#fee2e2!important}.announcement-delete-button:hover{background:#fee2e2}.admin-announcement-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#0f172a94;justify-content:center;align-items:center;padding:20px;animation:.18s announcement-overlay-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes announcement-overlay-in{0%{opacity:0}to{opacity:1}}.admin-announcement-modal{background:#fff;border:1px solid #e2e8f0e6;border-radius:16px;width:100%;max-width:650px;max-height:90vh;animation:.2s announcement-modal-in;overflow-y:auto;box-shadow:0 25px 70px #0f172a38}@keyframes announcement-modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-announcement-modal-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.admin-announcement-modal-header h2{color:#0f172a;margin:0;font-size:19px;font-weight:700}.admin-announcement-modal-header p{color:#64748b;margin:5px 0 0;font-size:13px}.admin-announcement-modal-close{color:#64748b;cursor:pointer;background:#f8fafc;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:21px;line-height:1;transition:background .2s,color .2s;display:flex}.admin-announcement-modal-close:hover{color:#0f172a;background:#f1f5f9}.admin-announcement-form{padding:24px}.admin-announcement-form-group{flex-direction:column;gap:7px;margin-bottom:19px;display:flex}.admin-announcement-form-group label{color:#334155;font-size:13px;font-weight:650}.admin-announcement-form-group label span{color:#ef4444;margin-left:3px}.admin-announcement-form-group input,.admin-announcement-form-group textarea,.admin-announcement-form-group select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #dbe2ea;border-radius:9px;outline:none;width:100%;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.admin-announcement-form-group input,.admin-announcement-form-group select{height:44px;padding:0 12px}.admin-announcement-form-group textarea{resize:vertical;min-height:135px;padding:11px 12px;line-height:1.55}.admin-announcement-form-group input::placeholder,.admin-announcement-form-group textarea::placeholder{color:#a1aab8}.admin-announcement-form-group input:hover,.admin-announcement-form-group textarea:hover,.admin-announcement-form-group select:hover{border-color:#cbd5e1}.admin-announcement-form-group input:focus,.admin-announcement-form-group textarea:focus,.admin-announcement-form-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb17}.admin-announcement-form-group input:disabled,.admin-announcement-form-group textarea:disabled,.admin-announcement-form-group select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.admin-announcement-form-group small{color:#94a3b8;font-size:11px;line-height:1.5}.admin-announcement-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.admin-announcement-publish-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:13px;margin-top:3px;margin-bottom:21px;padding:14px 15px;display:flex}.admin-announcement-publish-toggle strong{color:#334155;font-size:13px;font-weight:650;display:block}.admin-announcement-publish-toggle p{color:#64748b;margin:3px 0 0;font-size:11px;line-height:1.4}.announcement-switch{flex-shrink:0;width:42px;height:23px;display:block;position:relative}.announcement-switch input{opacity:0;width:0;height:0;position:absolute}.announcement-slider{cursor:pointer;background:#cbd5e1;border-radius:999px;transition:background .2s;position:absolute;inset:0}.announcement-slider:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a38}.announcement-switch input:checked+.announcement-slider{background:#2563eb}.announcement-switch input:checked+.announcement-slider:before{transform:translate(19px)}.announcement-switch input:disabled+.announcement-slider{opacity:.55;cursor:not-allowed}.admin-announcement-modal-footer{justify-content:flex-end;align-items:center;gap:10px;padding-top:4px;display:flex}.admin-announcement-modal-footer button{cursor:pointer;border:0;border-radius:8px;min-height:40px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:650;transition:background .2s,transform .2s}.admin-announcement-modal-footer button:hover:not(:disabled){transform:translateY(-1px)}.announcement-cancel-button{color:#475569;background:#f1f5f9}.announcement-cancel-button:hover{background:#e2e8f0}.announcement-save-button{color:#fff;background:#2563eb;box-shadow:0 3px 9px #2563eb29}.announcement-save-button:hover{background:#1d4ed8}.admin-announcement-modal-footer button:disabled{opacity:.55;cursor:not-allowed}.admin-announcement-modal::-webkit-scrollbar{width:7px}.admin-announcement-modal::-webkit-scrollbar-track{background:0 0}.admin-announcement-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.admin-announcement-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=900px){.admin-announcements-page{padding:25px}.admin-announcements-header h1{font-size:27px}.admin-announcement-search{width:350px}}@media (width<=700px){.admin-announcements-page{padding:18px}.admin-announcements-header{flex-direction:column;gap:16px}.admin-announcements-header h1{font-size:25px}.admin-announcement-add-button{width:100%}.admin-announcement-toolbar{flex-direction:column;align-items:stretch}.admin-announcement-search{width:100%}.admin-announcement-count{text-align:right}.admin-announcement-item{padding:18px}.admin-announcement-item-top{flex-direction:column;gap:13px}.announcement-status{align-self:flex-start}.admin-announcement-meta{gap:14px}.admin-announcement-meta>div{min-width:110px;padding-right:10px}.admin-announcement-actions{flex-wrap:wrap;justify-content:flex-start}}@media (width<=550px){.admin-announcements-page{padding:14px}.admin-announcements-header h1{font-size:23px}.admin-announcements-header p{font-size:13px}.admin-announcement-item{border-radius:11px;padding:16px}.admin-announcement-title-row h2{font-size:17px}.admin-announcement-message{font-size:13px}.admin-announcement-meta{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.admin-announcement-meta>div{min-width:0;padding-right:0}.admin-announcement-actions{grid-template-columns:1fr 1fr;display:grid}.admin-announcement-actions button{width:100%}.announcement-delete-button{grid-column:1/-1}.admin-announcement-modal-overlay{align-items:flex-start;padding:10px}.admin-announcement-modal{border-radius:13px;max-height:95vh;margin-top:10px}.admin-announcement-modal-header,.admin-announcement-form{padding:18px}.admin-announcement-form-row{grid-template-columns:1fr;gap:0}.admin-announcement-modal-footer{flex-direction:column-reverse;align-items:stretch}.admin-announcement-modal-footer button{width:100%}}.dashboard-page{width:100%}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dashboard-header h1{color:#111827;letter-spacing:-.5px;margin:0 0 7px;font-size:30px;font-weight:750}.dashboard-header p{color:#6b7280;margin:0;font-size:14px}.dashboard-refresh{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s}.dashboard-refresh:hover{color:#0f766e;background:#f0fdfa;border-color:#0f766e}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.dashboard-card-top{justify-content:space-between;align-items:center;display:flex}.dashboard-card-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:750;display:flex}.students-icon{color:#2563eb;background:#eff6ff}.teachers-icon{color:#16a34a;background:#f0fdf4}.courses-icon{color:#ea580c;background:#fff7ed}.admissions-icon{color:#7c3aed;background:#f5f3ff}.dashboard-card-label{color:#6b7280;font-size:13px;font-weight:600}.dashboard-card-number{color:#111827;letter-spacing:-1px;margin-top:22px;font-size:34px;font-weight:750;line-height:1}.dashboard-card-footer{color:#9ca3af;justify-content:space-between;margin-top:17px;font-size:11px;display:flex}.dashboard-card-footer span:first-child{color:#0f766e;font-weight:600}.dashboard-summary{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:25px;padding:25px;box-shadow:0 3px 12px #0f172a0a}.summary-header{margin-bottom:22px}.summary-header h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:700}.summary-header p{color:#9ca3af;margin:0;font-size:13px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.summary-item{background:#f9fafb;border:1px solid #f1f5f9;border-radius:9px;justify-content:space-between;align-items:center;padding:15px 17px;transition:background .2s;display:flex}.summary-item:hover{background:#f3f4f6}.summary-item span{color:#6b7280;font-size:12px}.financial-item strong{color:#0f766e;font-size:17px}.recent-admissions{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:25px;overflow:hidden;box-shadow:0 3px 12px #0f172a0a}.recent-header{border-bottom:1px solid #eef2f7;padding:25px}.recent-header h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:700}.recent-header p{color:#9ca3af;margin:0;font-size:13px}.dashboard-table{border-collapse:collapse;width:100%;font-size:13px}.dashboard-table thead{background:#f8fafc}.dashboard-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 20px;font-size:11px;font-weight:700}.dashboard-table td{color:#4b5563;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:16px 20px}.dashboard-table tbody tr{transition:background .15s}.dashboard-table tbody tr:hover{background:#f8fafc}.dashboard-table tbody tr:last-child td{border-bottom:none}.admission-id{font-weight:650;color:#0f766e!important}.student-name{color:#111827;font-weight:600}.status-badge{text-transform:capitalize;color:#6b7280;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;min-width:70px;padding:5px 10px;font-size:11px;font-weight:650;display:inline-flex}.status-badge.completed{color:#1d4ed8;background:#dbeafe}.status-badge.cancelled{color:#dc2626;background:#fee2e2}.empty-state{text-align:center;padding:55px 20px}.empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin:0 auto 15px;font-size:20px;font-weight:700;display:flex}.empty-state p{color:#9ca3af;margin:0;font-size:13px}.dashboard-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.dashboard-spinner{border:3px solid #e5e7eb;border-top-color:#0f766e;border-radius:50%;width:34px;height:34px;margin-bottom:15px;animation:.8s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-loading p{margin:0;font-size:13px}.dashboard-error{background:#fff;border:1px solid #fecaca;border-radius:14px;align-items:center;gap:15px;min-height:250px;padding:25px;display:flex}.dashboard-error-icon{color:#dc2626;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.dashboard-error h3{color:#111827;margin:0 0 5px;font-size:16px}.dashboard-error p{color:#6b7280;margin:0;font-size:13px}.dashboard-error button{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:7px;margin-left:auto;padding:9px 15px;font-size:12px;font-weight:600;transition:background .2s}.dashboard-error button:hover{background:#115e59}@media (width<=1100px){.dashboard-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.dashboard-grid,.summary-grid{grid-template-columns:1fr}.dashboard-error{flex-direction:column;align-items:flex-start}.dashboard-error button{margin-left:0}.dashboard-header h1{font-size:25px}}.admissions-page{box-sizing:border-box;color:#172033;background:#f6f8fb;width:100%;min-height:100%;padding:28px}.admissions-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.admissions-breadcrumb{color:#7a8497;margin-bottom:7px;font-size:13px}.admissions-header h1{color:#172033;margin:0;font-size:28px;font-weight:750}.admissions-header p{color:#7a8497;margin:7px 0 0;font-size:14px}.refresh-button{color:#26324a;cursor:pointer;background:#fff;border:1px solid #d9dfeb;border-radius:9px;height:42px;padding:0 17px;font-weight:600;transition:all .2s}.refresh-button:hover{background:#f9fafc;border-color:#b9c2d2}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.admission-alert{border-radius:10px;align-items:center;gap:10px;min-height:48px;margin-bottom:18px;padding:10px 13px;font-size:14px;display:flex}.admission-alert button{cursor:pointer;color:inherit;background:0 0;border:0;margin-left:auto;font-size:21px}.admission-alert.success{color:#24713b;background:#edf9f1;border:1px solid #ccebd5}.admission-alert.error{color:#a72f2f;background:#fff0f0;border:1px solid #f2cccc}.admission-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stat-card{box-sizing:border-box;background:#fff;border:1px solid #e5e9f0;border-radius:13px;align-items:center;gap:13px;min-height:92px;padding:17px;display:flex}.stat-icon{border-radius:11px;flex:0 0 45px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:700;display:flex}.stat-icon.total{color:#4d5d77;background:#eef2f8}.stat-icon.pending{color:#a87500;background:#fff7df}.stat-icon.approved{color:#2f7c45;background:#eaf8ef}.stat-icon.rejected{color:#b63b3b;background:#fff0f0}.stat-card span{color:#7d8798;margin-bottom:5px;font-size:12px;display:block}.stat-card strong{color:#172033;font-size:23px;display:block}.admission-toolbar{background:#fff;border:1px solid #e5e9f0;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;padding:14px;display:flex}.search-wrapper{background:#fff;border:1px solid #dce1ea;border-radius:9px;flex:1;align-items:center;gap:9px;max-width:550px;height:42px;padding:0 12px;display:flex}.search-wrapper>span{color:#8791a2;font-size:20px}.search-wrapper input{color:#172033;background:0 0;border:0;outline:0;width:100%;font-size:13px}.search-wrapper input::placeholder{color:#a1a9b6}.clear-search{color:#7d8798;cursor:pointer;background:0 0;border:0;font-size:19px}.filter-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-buttons button{color:#687388;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:8px;height:36px;padding:0 13px;font-size:12px;font-weight:600}.filter-buttons button:hover{background:#f6f8fb}.filter-buttons button.active{color:#fff;background:#263c63;border-color:#263c63}.admission-table-card{background:#fff;border:1px solid #e5e9f0;border-radius:13px;overflow:hidden}.table-heading{border-bottom:1px solid #edf0f4;padding:19px 20px}.table-heading h2{color:#1d2940;margin:0 0 5px;font-size:16px}.table-heading span{color:#8992a2;font-size:12px}.table-scroll{width:100%;overflow-x:auto}.admission-table{border-collapse:collapse;width:100%;min-width:1050px}.admission-table th{text-align:left;color:#778195;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;background:#fafbfd;border-bottom:1px solid #e7ebf1;padding:12px 15px;font-size:11px;font-weight:750}.admission-table td{vertical-align:middle;border-bottom:1px solid #edf0f4;padding:14px 15px}.admission-table tbody tr:hover{background:#fcfdff}.admission-table tbody tr:last-child td{border-bottom:0}.request-cell,.contact-cell,.course-cell{flex-direction:column;gap:4px;display:flex}.request-cell strong{color:#263c63;font-size:13px}.request-cell span,.contact-cell span,.course-cell span{color:#929aaa;font-size:11px}.applicant-cell{align-items:center;gap:10px;min-width:170px;display:flex}.applicant-cell>div:last-child{flex-direction:column;gap:4px;display:flex}.applicant-cell strong,.contact-cell strong,.course-cell strong{color:#263044;font-size:12px}.applicant-avatar{color:#31476e;background:#e9eef7;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:750;display:flex}.course-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.date-cell{color:#6f798b;white-space:nowrap;font-size:12px}.admission-status{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex}.admission-status.pending{color:#a47300;background:#fff6dd}.admission-status.approved{color:#287342;background:#eaf8ef}.admission-status.rejected{color:#b33333;background:#fff0f0}.row-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.action-button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dfe4ec;border-radius:7px;height:30px;padding:0 8px;font-size:10px;font-weight:700}.action-button.view{color:#43516a}.action-button.edit{color:#5b6580}.action-button.approve{color:#2d7644;background:#f0faf3;border-color:#cde8d5}.action-button.reject{color:#ad3636;background:#fff4f4;border-color:#efd2d2}.action-button.delete{color:#ad3636}.action-button:hover{transform:translateY(-1px)}.admission-loading{color:#7c8697;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.spinner{border:3px solid #e1e6ee;border-top-color:#2f456b;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite admission-spin}@keyframes admission-spin{to{transform:rotate(360deg)}}.admission-loading p{margin:0;font-size:13px}.empty-admissions{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:35px;display:flex}.empty-admissions h3{color:#263044;margin:0 0 6px;font-size:15px}.empty-admissions p{color:#8a93a3;margin:0;font-size:12px}.modal-overlay{z-index:9999;box-sizing:border-box;background:#141c2b8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admission-modal{background:#fff;border-radius:15px;flex-direction:column;width:min(980px,100%);max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 22px 60px #141c2b38}.details-modal{width:min(1050px,100%)}.form-modal{width:min(950px,100%)}.approval-modal{width:min(760px,100%)}.small-modal{width:min(540px,100%)}.modal-header{box-sizing:border-box;border-bottom:1px solid #e9edf2;justify-content:space-between;align-items:center;gap:15px;min-height:76px;padding:17px 21px;display:flex}.modal-label{color:#63708a;text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px;font-size:10px;font-weight:750;display:block}.modal-header h2{color:#1d2940;margin:0;font-size:19px}.modal-close{color:#626d80;cursor:pointer;background:#f3f5f8;border:0;border-radius:8px;width:35px;height:35px;font-size:22px}.modal-close:hover{background:#e9edf3}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:21px;overflow-y:auto}.modal-footer{box-sizing:border-box;border-top:1px solid #e9edf2;justify-content:flex-end;align-items:center;gap:9px;min-height:68px;padding:12px 21px;display:flex}.details-top{background:#f8f9fc;border:1px solid #e9edf3;border-radius:11px;align-items:center;gap:13px;margin-bottom:20px;padding:14px;display:flex}.large-avatar{color:#2d4267;background:#e5ebf5;border-radius:50%;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;font-size:19px;font-weight:750;display:flex}.details-top h3{color:#202c42;margin:0 0 5px;font-size:16px}.details-top p{color:#8992a1;margin:0;font-size:11px}.details-status{margin-left:auto}.detail-section{margin-bottom:22px}.section-title{border-bottom:1px solid #e9edf2;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;padding-bottom:8px;display:flex}.section-title h3{color:#2a354a;margin:0;font-size:13px}.section-title>span{color:#929baa;font-size:11px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.detail-item{box-sizing:border-box;background:#fafbfd;border:1px solid #edf0f4;border-radius:8px;min-height:52px;padding:10px 12px}.detail-item.full{grid-column:1/-1}.detail-item span{color:#8992a1;margin-bottom:4px;font-size:10px;display:block}.detail-item strong{color:#303b4e;word-break:break-word;font-size:12px;font-weight:650;display:block}.text-box{background:#fafbfd;border:1px solid #e7ebf1;border-radius:9px;margin-bottom:9px;padding:12px}.text-box span{color:#7e8899;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.text-box p{color:#354054;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.65}.rejection-box{background:#fff8f8;border-color:#f0d9d9}.documents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.document-card{background:#fff;border:1px solid #e4e8ef;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:11px;display:flex}.document-icon{background:#f1f4f8;border-radius:8px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.document-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.document-info strong{color:#303b4e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.document-info span{color:#929aaa;font-size:9px}.document-button{color:#354766;cursor:pointer;background:#f8f9fb;border:1px solid #dbe1ea;border-radius:7px;height:31px;padding:0 10px;font-size:10px;font-weight:700}.document-button:hover{background:#eef2f7}.document-button:disabled{opacity:.6;cursor:wait}.no-documents{text-align:center;color:#9099a8;border:1px dashed #dce2eb;border-radius:9px;padding:22px;font-size:12px}.form-section{margin-bottom:23px}.form-section-title{border-bottom:1px solid #e9edf2;margin-bottom:14px;padding-bottom:8px}.form-section-title h3{color:#2b364b;margin:0;font-size:13px}.form-group{min-width:0}.form-group.full{grid-column:1/-1}.form-group label,.language-selector>label{color:#59657a;margin-bottom:6px;font-size:11px;font-weight:650;display:block}.required-star{color:#c63737;margin-left:3px}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#29354a;background:#fff;border:1px solid #dce1e9;border-radius:8px;outline:none;width:100%;font-size:12px;transition:all .2s}.field-help{color:#929aaa;margin-top:6px;font-size:10px;display:block}.language-selector{margin-top:14px}.checkbox-row{flex-wrap:wrap;gap:7px;display:flex}.checkbox-label{cursor:pointer;color:#536077;background:#f8f9fb;border:1px solid #e3e7ee;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:inline-flex}.checkbox-label input{cursor:pointer;margin:0}.primary-button,.secondary-button,.danger-button,.danger-outline-button,.delete-outline-button{cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:39px;padding:0 14px;font-size:11px;font-weight:700}.primary-button{color:#fff;background:#2e446c;border-color:#2e446c}.primary-button:hover{background:#25395d}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.danger-outline-button:disabled,.delete-outline-button:disabled{opacity:.55;cursor:not-allowed}.approve-large{padding-left:18px;padding-right:18px}.secondary-button{color:#4e5b70;background:#fff;border-color:#dce1e9}.secondary-button:hover{background:#f7f8fa}.danger-button{color:#fff;background:#b93838;border-color:#b93838}.danger-button:hover{background:#a72f2f}.danger-outline-button{color:#a93232;background:#fff7f7;border-color:#ebcaca}.danger-outline-button:hover{background:#fff0f0}.delete-outline-button{color:#a93232;background:#fff;border-color:#ebcaca}.delete-outline-button:hover{background:#fff5f5}.approval-applicant{background:#f8f9fc;border:1px solid #e8ecf2;border-radius:10px;align-items:center;gap:12px;margin-bottom:15px;padding:13px;display:flex}.approval-applicant h3{color:#26334a;margin:0 0 4px;font-size:15px}.approval-applicant p{color:#8992a1;margin:0;font-size:11px}.approval-warning{color:#866400;background:#fff8e6;border:1px solid #f2dfab;border-radius:9px;margin-bottom:19px;padding:11px 13px;font-size:11px}.approval-warning strong{margin-bottom:3px;display:block}.approval-warning span{display:block}.fee-summary{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:13px;display:grid}.fee-summary>div{background:#fafbfd;border:1px solid #e8ecf2;border-radius:8px;padding:9px}.fee-summary span{color:#8b94a3;margin-bottom:4px;font-size:9px;display:block}.fee-summary strong{color:#2c374a;font-size:12px;display:block}.fee-summary .final{background:#f0f4fa;border-color:#dce4ef}.fee-summary .final strong{color:#2e446c}.fee-summary .remaining{background:#fff8eb;border-color:#f0dfb7}.fee-summary .remaining strong{color:#906d00}.reject-info{background:#fff7f7;border:1px solid #efdada;border-radius:9px;margin-bottom:17px;padding:13px}.reject-info strong{color:#9e3434;margin-bottom:4px;font-size:14px;display:block}.reject-info span{color:#9a7777;font-size:11px}@media (width<=1100px){.admission-stats{grid-template-columns:repeat(2,1fr)}.admission-toolbar{flex-direction:column;align-items:stretch}.search-wrapper{max-width:none}.filter-buttons{width:100%}}@media (width<=760px){.admissions-page{padding:18px}.admissions-header{flex-direction:column}.refresh-button{width:100%}.admission-stats{grid-template-columns:1fr}.filter-buttons{grid-template-columns:repeat(2,1fr);display:grid}.filter-buttons button{width:100%}.detail-grid,.form-grid,.documents-grid{grid-template-columns:1fr}.detail-item.full,.form-group.full{grid-column:auto}.details-top{align-items:flex-start}.details-status{margin-top:5px;margin-left:0}.fee-summary{grid-template-columns:repeat(2,1fr)}.modal-overlay{padding:10px}.admission-modal{border-radius:12px;max-height:calc(100vh - 20px)}.modal-body{padding:15px}.modal-footer{flex-wrap:wrap;padding:11px 15px}.modal-footer button{flex:1}}@media (width<=480px){.admissions-header h1{font-size:23px}.admissions-header p{line-height:1.5}.stat-card{min-height:82px}.stat-icon{flex-basis:40px;width:40px;height:40px}.filter-buttons{grid-template-columns:1fr 1fr}.checkbox-row{flex-direction:column;align-items:stretch}.checkbox-label{box-sizing:border-box;width:100%}.fee-summary{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.courses-page{width:100%}.courses-header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.courses-header h1{color:#172033;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:750}.courses-header p{color:#7b8799;margin:7px 0 0;font-size:13px}.add-course-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3478ee);border:none;border-radius:9px;justify-content:center;align-items:center;min-height:42px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:650;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 6px 15px #2563eb33}.add-course-btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px #2563eb40}.add-course-btn:active{transform:translateY(0)}.error-message{color:#b42318;background:#fff7f7;border:1px solid #fecdca;border-radius:10px;align-items:center;margin-bottom:20px;padding:13px 16px;font-size:13px;font-weight:500;display:flex}.course-form-card{background:#fff;border:1px solid #e6eaf0;border-radius:15px;margin-bottom:24px;padding:24px;box-shadow:0 4px 15px #0f172a0a}.form-card-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;display:flex}.form-card-header h2{color:#172033;letter-spacing:-.2px;margin:0;font-size:18px;font-weight:700}.close-btn{color:#64748b;cursor:pointer;background:#f5f7fa;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-family:inherit;font-size:22px;line-height:1;transition:background .2s,color .2s;display:flex}.course-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-field{flex-direction:column;gap:7px;display:flex}.form-field label{color:#374151;font-size:12px;font-weight:650}.form-field input{color:#172033;background:#fff;border:1px solid #dce2ea;border-radius:9px;outline:none;width:100%;height:44px;padding:0 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.form-field input::placeholder{color:#a0a9b8}.form-field input:hover{border-color:#cbd3df}.form-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.cancel-btn,.save-btn{cursor:pointer;border:none;border-radius:8px;min-height:40px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:650;transition:transform .2s,background .2s,box-shadow .2s}.save-btn:hover{transform:translateY(-1px);box-shadow:0 8px 17px #2563eb38}.cancel-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.courses-card{background:#fff;border:1px solid #e6eaf0;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0f172a0a}.table-wrapper{width:100%;overflow-x:auto}.courses-card table{border-collapse:collapse;width:100%;min-width:800px}.courses-card th{color:#667085;text-align:left;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e7ebf0;padding:14px 18px;font-size:11px;font-weight:700}.courses-card td{color:#667085;text-align:left;vertical-align:middle;border-bottom:1px solid #eef1f5;padding:15px 18px;font-size:13px}.courses-card tbody tr{transition:background .15s}.courses-card tbody tr:hover{background:#fafbfc}.courses-card tbody tr:last-child td{border-bottom:none}.course-name{font-weight:650;color:#172033!important}.status{white-space:nowrap;border-radius:20px;align-items:center;min-height:26px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.status.active{color:#027a48;background:#ecfdf3}.status.inactive{color:#b42318;background:#fef3f2}.status.active:before,.status.inactive:before{content:"";border-radius:50%;width:6px;height:6px;margin-right:6px}.status.active:before{background:#12b76a}.status.inactive:before{background:#f04438}.action-buttons{white-space:nowrap;align-items:center;gap:6px;display:flex}.students-page{box-sizing:border-box;color:#1e293b;background:#f5f7fb;width:100%;min-height:100vh;padding:28px}.students-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.students-header h1{color:#0f172a;margin:0 0 5px;font-size:27px;font-weight:700;line-height:1.2}.students-header p{color:#64748b;margin:0;font-size:14px}.add-student-btn{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #2563eb26}.add-student-btn:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}.student-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:20px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a08}.stat-card:before{content:"";background:#2563eb;width:4px;height:100%;position:absolute;top:0;left:0}.stat-card h3{color:#0f172a;margin:0 0 5px;font-size:26px;font-weight:700;line-height:1.2}.stat-card p{color:#64748b;margin:0;font-size:13px;font-weight:500}.student-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:13px;display:flex}.student-toolbar input,.student-toolbar select{box-sizing:border-box;color:#334155;background:#fff;border:1px solid #d8dee8;border-radius:7px;outline:none;height:40px;font-family:inherit;font-size:13px;transition:all .2s}.student-toolbar input{width:320px;padding:0 13px}.student-toolbar select{cursor:pointer;width:155px;padding:0 10px}.student-toolbar input::placeholder{color:#94a3b8}.student-toolbar input:focus,.student-toolbar select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.students-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow-x:auto;box-shadow:0 2px 6px #0f172a08}.students-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1050px}.students-table thead th{color:#64748b;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;height:48px;padding:0 15px;font-size:11px;font-weight:700}.students-table thead th:first-child{padding-left:18px}.students-table tbody td{color:#475569;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef2f6;height:62px;padding:9px 15px;font-size:13px}.students-table tbody td:first-child{padding-left:18px}.students-table tbody tr{background:#fff;transition:background .15s}.students-table tbody tr:hover{background:#f8fafc}.students-table tbody tr:last-child td{border-bottom:none}.students-table td strong{color:#0f172a;text-overflow:ellipsis;max-width:180px;font-size:13px;font-weight:600;display:block;overflow:hidden}.students-table td:first-child{color:#475569;font-size:12px;font-weight:600}.students-table td:nth-child(4),.students-table td:nth-child(5){text-overflow:ellipsis;max-width:150px;overflow:hidden}.empty-row{color:#94a3b8!important;text-align:center!important;height:180px!important;padding:30px!important;font-size:14px!important}.loading-text{color:#64748b;text-align:center;margin:0;padding:50px 20px;font-size:14px}.status-badge{box-sizing:border-box;text-transform:capitalize;border-radius:20px;justify-content:center;align-items:center;min-width:64px;height:26px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.active{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.status-badge.active:before{content:"";background:#10b981;border-radius:50%;width:5px;height:5px;margin-right:6px}.status-badge.inactive{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.status-badge.inactive:before{content:"";background:#ef4444;border-radius:50%;width:5px;height:5px;margin-right:6px}.action-buttons{flex-wrap:nowrap;align-items:center;gap:5px;min-width:max-content;display:flex}.action-buttons button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:6px;height:30px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:600;line-height:1;transition:all .15s}.action-buttons button:hover:not(:disabled){transform:translateY(-1px)}.action-buttons button:disabled{opacity:.5;cursor:not-allowed}.view-btn{color:#2563eb;background:#eff6ff;border-color:#dbeafe!important}.edit-btn{color:#475569;background:#f8fafc;border-color:#e2e8f0!important}.reset-password-btn{color:#c2410c;background:#fff7ed;border-color:#fed7aa!important}.reset-password-btn:hover:not(:disabled){background:#ffedd5}.activate-btn{color:#047857;background:#ecfdf5;border-color:#bbf7d0!important}.deactivate-btn{color:#c2410c;background:#fff7ed;border-color:#fed7aa!important}.delete-btn{color:#dc2626;background:#fef2f2;border-color:#fecaca!important}.student-modal-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.student-modal{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:920px;max-height:92vh;animation:.2s ease-out modalEnter;overflow-y:auto;box-shadow:0 30px 80px #0f172a38,0 8px 25px #0f172a14}@keyframes modalEnter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{z-index:10;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff7;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:68px;padding:0 25px;display:flex;position:sticky;top:0}.close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;padding:0;font-size:22px;line-height:1;transition:all .15s;display:flex}.close-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.student-modal form{background:#fff;padding:26px}.form-group{flex-direction:column;gap:8px;min-width:0;display:flex}.form-group label{color:#334155;letter-spacing:.01em;align-items:center;min-height:16px;font-size:12px;font-weight:700;display:flex}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #d9e0e8;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}.form-group input,.form-group select{height:44px;padding:0 13px}.form-group textarea{resize:vertical;min-height:90px;padding:12px 13px;line-height:1.5}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#c3ccd8}.form-group input:disabled,.form-group select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.form-group select{cursor:pointer}.form-group small{color:#64748b;margin-top:-2px;font-size:11px;line-height:1.45}.error-text{margin-top:-2px;font-weight:500;color:#dc2626!important;font-size:11px!important}.form-group:first-child,.form-group:nth-child(2),.form-group:nth-child(3),.form-group:nth-child(4),.form-group:nth-child(5),.form-group:nth-child(6),.form-group:nth-child(7),.form-group:nth-child(8),.form-group:nth-child(9),.form-group:nth-child(10),.form-group:nth-child(11),.form-group:nth-child(12){position:relative}.form-actions{background:#fbfcfe;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:9px;margin-top:4px;padding:18px 25px;display:flex}.form-actions button{cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:39px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.form-actions button:hover:not(:disabled){transform:translateY(-1px)}.cancel-btn{color:#475569;background:#fff;border-color:#dbe2ea!important}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1!important}.save-btn{color:#fff;background:#2563eb;box-shadow:0 3px 7px #2563eb26;border-color:#2563eb!important}.save-btn:hover{background:#1d4ed8;border-color:#1d4ed8!important}.form-actions .reset-password-btn{color:#c2410c;background:#fff7ed;border-color:#fed7aa!important}.form-actions .reset-password-btn:hover:not(:disabled){background:#ffedd5}.student-details{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 24px;display:grid}.student-details>div{box-sizing:border-box;border-bottom:1px solid #eef2f6;flex-direction:column;gap:6px;min-height:70px;padding:14px;display:flex}.student-details>div.full-width{grid-column:1/-1}.student-details strong{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:700}.student-details span{color:#0f172a;word-break:break-word;font-size:13px;line-height:1.5}.student-modal::-webkit-scrollbar{width:7px;height:7px}.students-table-container::-webkit-scrollbar{width:7px;height:7px}.student-modal::-webkit-scrollbar-track{background:#f8fafc}.students-table-container::-webkit-scrollbar-track{background:#f8fafc}.student-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.students-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.student-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.students-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1000px){.students-page{padding:22px}.students-table{min-width:1050px}}@media (width<=800px){.student-stats{grid-template-columns:1fr}.student-toolbar{flex-direction:column;align-items:stretch}.student-toolbar input,.student-toolbar select{width:100%}}@media (width<=700px){.students-page{padding:18px}.students-header{flex-direction:column;align-items:stretch}.add-student-btn{width:100%}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.student-details{grid-template-columns:1fr}.student-details>div.full-width{grid-column:auto}.form-actions{flex-wrap:wrap}.form-actions button{flex:1;min-width:120px}}@media (width<=480px){.students-page{padding:12px}.students-header h1{font-size:24px}.stat-card{padding:16px}.student-modal-overlay{padding:8px}.student-modal{border-radius:10px;max-height:96vh}.modal-header{min-height:58px;padding:0 16px}.modal-header h2{font-size:18px}.student-modal form{padding:17px}.form-grid{gap:17px}.student-details,.form-actions{padding:14px}.form-actions button{min-width:100px}}.teachers-page{box-sizing:border-box;color:#1f2937;background:#f7f8fc;width:100%;min-height:100%;padding:28px;font-family:Arial,Helvetica,sans-serif}.teachers-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.teachers-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.teachers-header p{color:#6b7280;margin:0;font-size:14px}.add-teacher-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #2563eb2e}.add-teacher-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.teacher-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0f172a0a}.stat-card h3{color:#111827;margin:0 0 5px;font-size:26px;font-weight:700}.stat-card p{color:#6b7280;margin:0;font-size:13px}.teacher-toolbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.teacher-toolbar input,.teacher-toolbar select{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;height:42px;padding:0 13px;font-size:14px}.teacher-toolbar input{width:320px}.teacher-toolbar select{width:150px}.teacher-toolbar input:focus,.teacher-toolbar select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.teachers-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 2px 8px #0f172a0a}.teachers-table{border-collapse:collapse;width:100%;min-width:950px}.teachers-table thead{background:#f9fafb}.teachers-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:700}.teachers-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px 16px;font-size:14px}.teachers-table tbody tr{transition:background .15s}.teachers-table tbody tr:hover{background:#f8fafc}.teachers-table tbody tr:last-child td{border-bottom:none}.teachers-table td strong{color:#111827;font-weight:600}.empty-row{text-align:center!important;color:#9ca3af!important;padding:40px!important}.loading-text{text-align:center;color:#6b7280;margin:0;padding:45px;font-size:14px}.status-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:68px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.active{color:#15803d;background:#dcfce7}.status-badge.inactive{color:#b91c1c;background:#fee2e2}.action-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.action-buttons button{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:600;transition:all .15s}.action-buttons button:hover{transform:translateY(-1px)}.view-btn{color:#2563eb;background:#eff6ff}.view-btn:hover{background:#dbeafe}.edit-btn{color:#374151;background:#f3f4f6}.edit-btn:hover{background:#e5e7eb}.password-btn{color:#92400e;background:#fef3c7}.password-btn:hover{background:#fde68a}.activate-btn{color:#15803d;background:#dcfce7}.activate-btn:hover{background:#bbf7d0}.deactivate-btn{color:#c2410c;background:#fff7ed}.deactivate-btn:hover{background:#fed7aa}.delete-btn{color:#dc2626;background:#fee2e2}.delete-btn:hover{background:#fecaca}.teacher-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.teacher-modal{background:#fff;border-radius:14px;width:100%;max-width:900px;max-height:92vh;animation:.18s ease-out modalOpen;overflow-y:auto;box-shadow:0 20px 60px #0f172a33}@keyframes modalOpen{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{z-index:5;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;display:flex;position:sticky;top:0}.modal-header h2{color:#111827;margin:0;font-size:20px;font-weight:700}.close-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;line-height:1;transition:all .15s;display:flex}.close-btn:hover{color:#dc2626;background:#fee2e2}.teacher-modal form{padding:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .15s}.form-group input,.form-group select{min-height:42px}.form-group textarea{resize:vertical;min-height:90px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group small{color:#6b7280;font-size:12px}.courses-checkbox-container{box-sizing:border-box;background:#fff;width:100%;max-height:230px;overflow-y:auto;border:1px solid #d1d5db!important;border-radius:9px!important;padding:8px!important}.courses-checkbox-container::-webkit-scrollbar{width:6px}.courses-checkbox-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.courses-checkbox-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.courses-checkbox-container label{box-sizing:border-box;cursor:pointer;color:#374151;border-radius:7px;width:100%;min-height:40px;transition:background .15s;align-items:center!important;gap:10px!important;margin:0!important;padding:8px 10px!important;font-size:13px!important;font-weight:500!important;display:flex!important}.courses-checkbox-container label:hover{background:#f8fafc}.courses-checkbox-container label:first-child{color:#111827;border-bottom:1px solid #e5e7eb;border-radius:0;margin-bottom:5px!important;padding-bottom:10px!important;font-weight:700!important}.courses-checkbox-container input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;width:17px;min-width:17px;height:17px;margin:0;padding:0;transition:all .15s;position:relative}.courses-checkbox-container input[type=checkbox]:checked{background:#2563eb;border-color:#2563eb}.courses-checkbox-container input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.courses-checkbox-container input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;padding-top:18px;display:flex}.form-actions button{cursor:pointer;border:none;border-radius:8px;min-height:40px;padding:0 17px;font-size:13px;font-weight:600;transition:all .15s}.cancel-btn{color:#374151;background:#f3f4f6}.cancel-btn:hover{background:#e5e7eb}.save-btn{color:#fff;background:#2563eb;box-shadow:0 3px 8px #2563eb29}.save-btn:hover{background:#1d4ed8}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.view-modal{max-width:820px}.teacher-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:8px 24px 24px;display:grid}.teacher-details>div{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:5px;padding:15px 10px;display:flex}.teacher-details>div:nth-child(odd){padding-left:0}.teacher-details>div:nth-child(2n){padding-right:0}.teacher-details>div.full-width{grid-column:1/-1;padding-left:0;padding-right:0}.teacher-details strong{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.teacher-details span{color:#111827;font-size:14px;line-height:1.5}.password-modal{max-width:500px}.password-teacher-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;flex-direction:column;gap:5px;margin:20px 24px 0;padding:15px;display:flex}.password-teacher-info strong{color:#111827;font-size:15px}.password-teacher-info span{color:#6b7280;font-size:12px}.password-warning{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:15px 24px 0;padding:12px 14px;font-size:13px;line-height:1.5}.password-modal form{padding-top:20px}.teacher-modal::-webkit-scrollbar{width:7px}.teacher-modal::-webkit-scrollbar-track{background:#f8fafc}.teacher-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.teacher-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=900px){.teachers-page{padding:20px}.teacher-stats,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.teacher-details{grid-template-columns:1fr}.teacher-details>div,.teacher-details>div:nth-child(odd),.teacher-details>div:nth-child(2n){padding-left:0;padding-right:0}.teacher-details>div.full-width{grid-column:auto}}@media (width<=650px){.teachers-page{padding:15px}.teachers-header{flex-direction:column;align-items:flex-start}.add-teacher-btn{width:100%}.teacher-toolbar{flex-direction:column;align-items:stretch}.teacher-toolbar input,.teacher-toolbar select{width:100%}.teacher-modal-overlay{padding:10px}.teacher-modal{border-radius:10px;max-height:95vh}.modal-header,.teacher-modal form{padding:16px}.teacher-details{padding:8px 16px 16px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.action-buttons{min-width:250px}}.timetable-page{box-sizing:border-box;color:#172033;background:#f6f8fc;width:100%;min-height:100vh;padding:32px}.timetable-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.timetable-header h1{letter-spacing:-.6px;color:#111827;margin:0 0 6px;font-size:30px;font-weight:750;line-height:1.2}.timetable-header p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.timetable-total{box-sizing:border-box;background:#fff;border:1px solid #e7ebf2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:165px;padding:17px 22px;display:flex;box-shadow:0 5px 20px #0f172a0b}.timetable-total strong{color:#2563eb;font-size:26px;font-weight:750;line-height:1.2}.timetable-total span{color:#7b8494;margin-top:5px;font-size:12px;font-weight:600}.timetable-alert{box-sizing:border-box;border-radius:10px;width:100%;margin-bottom:20px;padding:14px 17px;font-size:13px;font-weight:600;line-height:1.5}.timetable-alert-error{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca}.timetable-alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.timetable-form-card{background:#fff;border:1px solid #e7ebf2;border-radius:16px;margin-bottom:28px;padding:26px;box-shadow:0 6px 24px #0f172a0b}.timetable-section-heading{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;display:flex}.timetable-section-heading h2{color:#111827;letter-spacing:-.2px;margin:0 0 6px;font-size:19px;font-weight:700}.timetable-section-heading p{color:#7b8494;margin:0;font-size:13px;line-height:1.5}.timetable-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid}.timetable-field{flex-direction:column;min-width:0;display:flex}.timetable-field label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:650}.timetable-field select,.timetable-field input{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d9dee7;border-radius:9px;outline:none;width:100%;height:46px;padding:0 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.timetable-field select,.timetable-field input[type=time]{cursor:pointer}.timetable-field select:hover,.timetable-field input:hover{border-color:#b9c2d0}.timetable-field select:focus,.timetable-field input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.timetable-form-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;margin-top:2px;display:flex}.timetable-save-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;min-width:160px;height:45px;padding:0 21px;font-family:inherit;font-size:13px;font-weight:650;transition:background .2s,box-shadow .2s,transform .15s}.timetable-save-button:hover{background:#1d4ed8;box-shadow:0 7px 18px #2563eb33}.timetable-save-button:active{transform:translateY(1px)}.timetable-save-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.timetable-cancel-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:8px;height:38px;padding:0 15px;font-family:inherit;font-size:12px;font-weight:650;transition:background .2s,border-color .2s,color .2s}.timetable-cancel-button:hover{color:#111827;background:#f8fafc;border-color:#c4ccd8}.timetable-table-card{background:#fff;border:1px solid #e7ebf2;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0f172a0b}.timetable-table-heading{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;display:flex}.timetable-table-heading h2{color:#111827;margin:0 0 5px;font-size:19px;font-weight:700}.timetable-table-heading p{color:#7b8494;margin:0;font-size:13px}.timetable-table-heading>span{color:#2563eb;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.timetable-table-wrapper{width:100%;overflow-x:auto}.timetable-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:950px}.timetable-table thead{background:#f8fafc}.timetable-table th{color:#667085;letter-spacing:.65px;text-transform:uppercase;text-align:left;white-space:nowrap;border-bottom:1px solid #e5e9f0;padding:14px 18px;font-size:10px;font-weight:750}.timetable-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #eef1f5;padding:17px 18px;font-size:13px}.timetable-table tbody tr{transition:background .18s}.timetable-table tbody tr:hover{background:#fafcff}.timetable-table tbody tr:last-child td{border-bottom:none}.timetable-table td:first-child strong{color:#1f2937;font-size:13px;font-weight:650}.timetable-time{white-space:nowrap;align-items:center;gap:7px;display:flex}.timetable-time strong{color:#1f2937;font-size:13px;font-weight:650}.timetable-time span{color:#9aa3b2;font-size:11px}.timetable-person{flex-direction:column;gap:3px;display:flex}.timetable-person strong{color:#263142;font-size:13px;font-weight:650}.timetable-person span{color:#8b95a5;font-size:11px}.timetable-course{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e5e9ef;border-radius:7px;align-items:center;padding:6px 10px;font-size:11px;font-weight:650;display:inline-flex}.timetable-status{border-radius:20px;justify-content:center;align-items:center;min-width:66px;height:27px;padding:0 10px;font-size:10px;font-weight:750;display:inline-flex}.timetable-status.active{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.timetable-status.inactive{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.timetable-actions{flex-wrap:nowrap;align-items:center;gap:7px;display:flex}.timetable-actions button{white-space:nowrap;cursor:pointer;border-radius:7px;height:32px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:650;transition:background .18s,border-color .18s,color .18s,transform .15s}.timetable-actions button:active{transform:translateY(1px)}.timetable-edit-button{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.timetable-edit-button:hover{background:#dbeafe;border-color:#93c5fd}.timetable-toggle-button.deactivate{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.timetable-toggle-button.deactivate:hover{background:#fef3c7;border-color:#fcd34d}.timetable-toggle-button.activate{color:#15803d;background:#ecfdf5;border:1px solid #bbf7d0}.timetable-toggle-button.activate:hover{background:#dcfce7;border-color:#86efac}.timetable-delete-button{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.timetable-delete-button:hover{background:#ffe4e6;border-color:#fda4af}.timetable-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:45px 25px;display:flex}.timetable-empty-icon{background:#eff6ff;border:1px solid #dbeafe;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;font-size:27px;display:flex}.timetable-empty h3{color:#273244;margin:0 0 7px;font-size:17px;font-weight:700}.timetable-empty p{color:#8791a1;max-width:350px;margin:0;font-size:13px;line-height:1.6}.timetable-loading{background:#f6f8fc;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.timetable-spinner{border:3px solid #dbe3ef;border-top-color:#2563eb;border-radius:50%;width:34px;height:34px;margin-bottom:13px;animation:.8s linear infinite timetable-spin}.timetable-loading p{color:#687386;margin:0;font-size:13px;font-weight:500}@keyframes timetable-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.timetable-page{padding:25px}.timetable-form{grid-template-columns:repeat(2,minmax(0,1fr))}.timetable-form-actions{grid-column:1/-1}}@media (width<=700px){.timetable-page{padding:17px}.timetable-header{flex-direction:column;align-items:stretch;gap:17px}.timetable-header h1{font-size:25px}.timetable-total{flex-direction:row;justify-content:space-between;width:100%;min-width:0;padding:14px 17px}.timetable-total strong{font-size:22px}.timetable-total span{margin-top:0}.timetable-form-card{border-radius:13px;padding:19px}.timetable-section-heading{flex-direction:column;align-items:flex-start}.timetable-form{grid-template-columns:1fr;gap:16px}.timetable-form-actions{grid-column:auto;justify-content:stretch}.timetable-save-button,.timetable-cancel-button{width:100%}.timetable-table-card{border-radius:13px}.timetable-table-heading{flex-direction:column;align-items:flex-start;padding:19px}}@media (width<=450px){.timetable-page{padding:12px}.timetable-header h1{font-size:23px}.timetable-form-card{padding:16px}.timetable-section-heading h2,.timetable-table-heading h2{font-size:17px}.timetable-alert{font-size:12px}}.admin-attendance-page{box-sizing:border-box;color:#1f2937;background:#f5f7fb;width:100%;min-height:100%;padding:30px}.admin-attendance-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.admin-attendance-header h1{color:#111827;margin:0;font-size:30px;font-weight:700}.admin-attendance-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.attendance-admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.attendance-admin-card-header{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.attendance-admin-card-header h2{color:#111827;margin:0;font-size:19px;font-weight:650}.attendance-admin-card-header p{color:#6b7280;margin:6px 0 0;font-size:13px}.attendance-admin-filters{grid-template-columns:repeat(3,1fr);gap:18px;padding:24px;display:grid}.admin-filter-group{flex-direction:column;gap:7px;display:flex}.admin-filter-group label{color:#374151;font-size:13px;font-weight:600}.admin-filter-group select,.admin-filter-group input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:43px;padding:0 12px;font-size:14px}.admin-filter-group select:focus,.admin-filter-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-filter-group select:disabled{cursor:not-allowed;background:#f3f4f6}.attendance-filter-actions{gap:10px;padding:0 24px 24px;display:flex}.attendance-search-button,.attendance-reset-button{cursor:pointer;border:none;border-radius:8px;height:42px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s}.attendance-search-button{color:#fff;background:#2563eb}.attendance-search-button:hover{background:#1d4ed8}.attendance-search-button:disabled{opacity:.6;cursor:not-allowed}.attendance-reset-button{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.attendance-reset-button:hover{background:#e5e7eb}.admin-attendance-alert{border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:14px;font-weight:500}.admin-attendance-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.admin-attendance-alert.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.attendance-admin-summary{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.admin-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a}.admin-summary-card span{color:#6b7280;margin-bottom:8px;font-size:13px;display:block}.admin-summary-card strong{color:#111827;font-size:27px;font-weight:700;display:block}.admin-summary-card.present{border-left:4px solid #16a34a}.admin-summary-card.absent{border-left:4px solid #dc2626}.admin-summary-card.leave{border-left:4px solid #f59e0b}.admin-summary-card.locked{border-left:4px solid #7c3aed}.attendance-admin-table-wrapper{width:100%;overflow-x:auto}.attendance-admin-table{border-collapse:collapse;width:100%;min-width:950px}.attendance-admin-table thead{background:#f9fafb}.attendance-admin-table th{text-align:left;color:#4b5563;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:700}.attendance-admin-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:14px 16px;font-size:14px}.attendance-admin-table tbody tr:hover{background:#fafafa}.attendance-admin-table tbody tr:last-child td{border-bottom:none}.admin-student-info{align-items:center;gap:10px;min-width:170px;display:flex}.admin-student-avatar{color:#3730a3;background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.admin-student-info strong{color:#111827;font-weight:600}.admin-student-id{color:#4b5563;background:#f3f4f6;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.attendance-status-badge{border-radius:20px;justify-content:center;align-items:center;min-width:72px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.attendance-status-badge.present{color:#15803d;background:#dcfce7}.attendance-status-badge.absent{color:#b91c1c;background:#fee2e2}.attendance-status-badge.leave{color:#b45309;background:#fef3c7}.locked-badge,.unlocked-badge{white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.locked-badge{color:#7c3aed}.unlocked-badge{color:#16a34a}.admin-unlock-button{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:7px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s}.admin-unlock-button:hover{background:#d97706}.admin-unlock-button:disabled{opacity:.6;cursor:not-allowed}.no-action{color:#9ca3af;font-size:16px}.attendance-admin-loading{text-align:center;color:#6b7280;padding:50px 20px;font-size:14px}.attendance-admin-empty{text-align:center;padding:60px 20px}.empty-icon{margin-bottom:12px;font-size:42px}.attendance-admin-empty h3{color:#374151;margin:0 0 8px;font-size:18px}.attendance-admin-empty p{color:#9ca3af;margin:0;font-size:14px}.admin-attendance-note{color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;align-items:center;gap:12px;margin-top:5px;margin-bottom:25px;padding:16px 18px;font-size:13px;display:flex}.admin-attendance-note strong{white-space:nowrap}.admin-attendance-note span{color:#6d28d9}@media (width<=1100px){.attendance-admin-summary{grid-template-columns:repeat(3,1fr)}.attendance-admin-filters{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.admin-attendance-page{padding:18px}.attendance-admin-filters{grid-template-columns:1fr}.attendance-admin-summary{grid-template-columns:repeat(2,1fr)}.attendance-filter-actions{flex-direction:column}.attendance-search-button,.attendance-reset-button{width:100%}.admin-attendance-note{flex-direction:column;align-items:flex-start}}@media (width<=450px){.attendance-admin-summary{grid-template-columns:1fr}.admin-attendance-header h1{font-size:24px}}.admission-requests-page{box-sizing:border-box;color:#1f2937;background:#f6f8fb;width:100%;min-height:100%;padding:24px}.admission-requests-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.admission-requests-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.admission-requests-header p{color:#6b7280;margin:0;font-size:14px}.refresh-request-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600}.refresh-request-btn:hover{background:#1f2937}.refresh-request-btn:disabled{opacity:.6;cursor:not-allowed}.request-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.request-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a}.request-stat-card h3{color:#111827;margin:0 0 6px;font-size:26px;font-weight:700}.request-stat-card p{color:#6b7280;margin:0;font-size:14px}.request-toolbar{align-items:center;gap:12px;margin-bottom:18px;display:flex}.request-toolbar input,.request-toolbar select{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;height:44px;padding:0 13px;font-size:14px}.request-toolbar input{flex:1}.request-toolbar select{min-width:160px}.request-toolbar input:focus,.request-toolbar select:focus,.request-form-grid input:focus,.request-form-grid select:focus,.request-form-grid textarea:focus,.request-form-full textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.requests-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.requests-table{border-collapse:collapse;width:100%;min-width:1050px}.requests-table th{color:#374151;text-align:left;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:13px;font-weight:700}.requests-table td{vertical-align:middle;border-bottom:1px solid #eef0f3;padding:15px 16px;font-size:14px}.requests-table tbody tr:hover{background:#fafafa}.requests-table tbody tr:last-child td{border-bottom:none}.request-empty-row{text-align:center;color:#6b7280;padding:45px 20px!important}.applicant-cell{flex-direction:column;gap:4px;display:flex}.applicant-cell strong{color:#111827}.applicant-cell small{color:#6b7280;font-size:12px}.education-level-badge{color:#1d4ed8;background:#eff6ff;border-radius:6px;align-items:center;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.request-status-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.request-status-badge.pending{color:#c2410c;background:#fff7ed}.request-status-badge.approved{color:#047857;background:#ecfdf5}.request-status-badge.rejected{color:#b91c1c;background:#fef2f2}.request-action-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.request-action-buttons button{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:600}.request-view-btn{color:#1d4ed8;background:#eff6ff}.request-view-btn:hover{background:#dbeafe}.request-edit-btn{color:#374151;background:#f3f4f6}.request-edit-btn:hover{background:#e5e7eb}.request-approve-btn{color:#047857;background:#ecfdf5}.request-approve-btn:hover{background:#d1fae5}.request-reject-btn{color:#b91c1c;background:#fef2f2}.request-reject-btn:hover{background:#fee2e2}.request-delete-btn{color:#991b1b;background:#fef2f2}.request-delete-btn:hover{background:#fee2e2}.request-action-buttons button:disabled{opacity:.6;cursor:not-allowed}.request-modal-overlay{z-index:1000;box-sizing:border-box;background:#11182794;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.request-modal{background:#fff;border-radius:14px;width:min(850px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 50px #0003}.request-form-modal{width:min(900px,100%)}.rejection-modal{width:min(550px,100%)}.request-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;display:flex}.request-modal-header h2{color:#111827;margin:0;font-size:21px}.request-modal-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.request-close-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;width:34px;height:34px;font-size:22px;line-height:1}.request-close-btn:hover{background:#e5e7eb}.request-details-grid{grid-template-columns:repeat(2,1fr);gap:0;padding:20px 24px;display:grid}.request-details-grid>div{border-bottom:1px solid #eef0f3;flex-direction:column;gap:6px;padding:13px 10px;display:flex}.request-details-grid>div strong{color:#6b7280;text-transform:uppercase;font-size:12px;font-weight:700}.request-details-grid>div span{color:#111827;word-break:break-word;font-size:14px;line-height:1.5}.request-detail-full{grid-column:1/-1}.request-form-grid{grid-template-columns:repeat(2,1fr);gap:17px;padding:22px 24px;display:grid}.request-form-grid>div,.request-form-full{flex-direction:column;gap:7px;display:flex}.request-form-full{padding:0 24px 20px}.request-form-grid label,.request-form-full label{color:#374151;font-size:13px;font-weight:600}.request-form-grid input,.request-form-grid select,.request-form-grid textarea,.request-form-full textarea{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.request-form-grid input,.request-form-grid select{height:43px}.request-form-grid textarea,.request-form-full textarea{resize:vertical;min-height:80px}.request-form-full{grid-column:1/-1}.request-modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:9px;padding:16px 24px;display:flex}.request-modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:600}.request-cancel-btn{color:#374151;background:#f3f4f6}.request-cancel-btn:hover{background:#e5e7eb}.request-save-btn{color:#fff;background:#2563eb}.request-save-btn:hover{background:#1d4ed8}.request-modal-actions .request-approve-btn{color:#fff;background:#059669}.request-modal-actions .request-approve-btn:hover{background:#047857}.request-modal-actions .request-reject-btn{color:#fff;background:#dc2626}.request-modal-actions .request-reject-btn:hover{background:#b91c1c}.request-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.approval-applicant-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 24px 0;padding:15px;display:grid}.approval-applicant-summary>div{flex-direction:column;gap:5px;display:flex}.approval-applicant-summary strong{color:#6b7280;text-transform:uppercase;font-size:11px}.approval-applicant-summary span{color:#111827;font-size:13px;font-weight:600}.approval-fee-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 24px 20px;padding:16px;display:grid}.approval-fee-summary>div{flex-direction:column;gap:5px;padding:8px;display:flex}.approval-fee-summary span{color:#6b7280;font-size:12px}.approval-fee-summary strong{color:#111827;font-size:15px}.approval-payment{text-transform:capitalize}.approval-payment.paid{color:#047857!important}.approval-payment.partial{color:#c2410c!important}.approval-payment.unpaid{color:#b91c1c!important}.request-error-text{color:#dc2626;margin-top:2px;font-size:12px;display:block}.rejection-message{color:#374151;margin:22px 24px;font-size:14px;line-height:1.6}.request-loading{color:#1d4ed8;text-align:center;background:#eff6ff;margin:0;padding:12px 16px;font-size:13px}@media (width<=1000px){.request-stats,.approval-applicant-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.admission-requests-page{padding:16px}.admission-requests-header{flex-direction:column;align-items:flex-start}.refresh-request-btn{width:100%}.request-stats{grid-template-columns:1fr 1fr}.request-toolbar{flex-direction:column;align-items:stretch}.request-toolbar input,.request-toolbar select{width:100%}.request-details-grid{grid-template-columns:1fr;padding:15px}.request-detail-full{grid-column:auto}.request-form-grid{grid-template-columns:1fr;padding:18px}.request-form-full{grid-column:auto;padding:0 18px 18px}.approval-applicant-summary{grid-template-columns:1fr;margin:15px 18px 0}.approval-fee-summary{grid-template-columns:1fr 1fr;margin:0 18px 18px}.request-modal-actions{flex-wrap:wrap;padding:14px 18px}.request-modal-actions button{flex:1}}@media (width<=450px){.request-stats,.approval-fee-summary{grid-template-columns:1fr}.request-modal-overlay{padding:10px}.request-modal{max-height:calc(100vh - 20px)}.request-modal-header{padding:16px}.request-modal-header h2{font-size:18px}}html,body{margin:0;padding:0}body{color:#172033;background:#f6f8fc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.admin-layout{background:#f6f8fc;min-height:100vh;display:flex}.admin-sidebar{color:#fff;z-index:1000;background:linear-gradient(#101c3c 0%,#142451 100%);flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 20px #0f172a14}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;height:86px;padding:0 22px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:21px;font-weight:800;display:flex;box-shadow:0 8px 20px #2563eb4d}.logo-text{margin-left:12px}.logo-text h2{color:#fff;letter-spacing:-.4px;margin:0;font-size:20px;font-weight:750}.logo-text span{color:#9fb0d0;text-transform:uppercase;letter-spacing:.8px;margin-top:3px;font-size:10px;display:block}.sidebar-section-title{color:#7183a8;letter-spacing:1.1px;padding:22px 22px 9px;font-size:10px;font-weight:700}.sidebar-menu{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex:1;padding:4px 12px 15px;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:5px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.sidebar-link{color:#b9c6df;border-radius:10px;align-items:center;min-height:45px;margin-bottom:4px;padding:0 13px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex;position:relative}.sidebar-link:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.sidebar-link.active{color:#fff;background:linear-gradient(90deg,#2563eb,#3478ee);font-weight:650;box-shadow:0 7px 18px #2563eb40}.sidebar-link.active:before{content:"";background:#60a5fa;border-radius:0 4px 4px 0;width:3px;height:27px;position:absolute;top:9px;left:-12px}.sidebar-icon{opacity:.9;justify-content:center;align-items:center;width:29px;margin-right:7px;font-size:16px;display:flex}.sidebar-link.active .sidebar-icon{opacity:1}.sidebar-label{white-space:nowrap}.sidebar-bottom{padding:0 12px 18px}.sidebar-divider{background:#ffffff14;height:1px;margin:0 8px 14px}.logout-link{color:#fca5a5;cursor:pointer;background:#ef44441a;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s,transform .2s;display:flex}.logout-link:hover{color:#fecaca;background:#ef44442e;transform:translateY(-1px)}.admin-main{width:calc(100% - 260px);min-height:100vh;margin-left:260px}.admin-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #e8ecf3;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.header-title h3{color:#172033;letter-spacing:-.2px;margin:0;font-size:17px;font-weight:700}.header-title span{color:#8a95a8;margin-top:3px;font-size:11px;display:block}.header-icon-button{color:#536176;cursor:pointer;background:#fff;border:1px solid #e7ebf2;border-radius:10px;justify-content:center;align-items:center;width:39px;height:39px;font-size:15px;transition:background .2s,border-color .2s,transform .2s;display:flex}.header-icon-button:hover{background:#f5f8fd;border-color:#d8dfeb;transform:translateY(-1px)}.admin-profile{cursor:default;border-radius:12px;align-items:center;gap:10px;padding:5px 8px 5px 5px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#4f8df7);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex;box-shadow:0 5px 14px #2563eb33}.profile-details strong{color:#263248;font-size:12px;font-weight:650;display:block}.profile-details span{color:#8a95a8;margin-top:2px;font-size:10px;display:block}.profile-arrow{color:#8994a7;margin-left:2px;font-size:13px}.admin-content{min-height:calc(100vh - 76px);padding:30px}.dashboard-card{background:#fff;border:1px solid #e8ecf2;border-radius:15px;padding:23px;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 12px #0f172a09}.dashboard-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0f172a12}.dashboard-card h3{color:#7c8799;margin:0 0 13px;font-size:12px;font-weight:600}.dashboard-card strong{color:#172033;letter-spacing:-.5px;font-size:29px;font-weight:750}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f3f7}::-webkit-scrollbar-thumb{background:#cbd2de;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#aeb8c8}@media (width<=1100px){.admin-sidebar{width:230px}.admin-main{width:calc(100% - 230px);margin-left:230px}.admin-content{padding:25px}.admin-header{padding:0 25px}.sidebar-label{font-size:12px}}@media (width<=768px){.admin-sidebar{width:70px}.admin-main{width:calc(100% - 70px);margin-left:70px}.sidebar-logo{justify-content:center;height:76px;padding:0}.logo-text{display:none}.logo-icon{width:40px;height:40px}.sidebar-section-title{display:none}.sidebar-menu{padding:15px 10px}.sidebar-link{justify-content:center;min-height:44px;padding:0}.sidebar-link.active:before{left:-10px}.sidebar-icon{width:auto;margin:0}.sidebar-label{display:none}.sidebar-bottom{padding:0 10px 15px}.logout-link{min-height:44px;padding:0}.logout-link span:last-child{display:none}.admin-header{height:70px;padding:0 18px}.header-title h3{font-size:14px}.header-title span,.profile-details,.profile-arrow{display:none}.header-right{gap:8px}.admin-content{padding:20px 16px}}@media (width<=480px){.admin-sidebar{width:62px}.admin-main{width:calc(100% - 62px);margin-left:62px}.admin-header{padding:0 12px}.header-title h3{font-size:13px}.header-icon-button{width:35px;height:35px}.profile-avatar{width:36px;height:36px}.admin-content{padding:16px 12px}}.teacher-announcements-page{color:#1f2937;background:#f6f8fb;min-height:100vh;padding:32px}.teacher-announcements-header{justify-content:space-between;align-items:flex-start;gap:20px;max-width:1100px;margin:0 auto 28px;display:flex}.teacher-announcements-header h1{margin:12px 0 8px;font-size:32px;font-weight:700}.teacher-announcements-header p{color:#6b7280;margin:0;line-height:1.6}.teacher-announcements-back{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.teacher-announcements-back:hover{text-decoration:underline}.teacher-announcements-refresh{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s}.teacher-announcements-refresh:hover{background:#1d4ed8}.teacher-announcements-refresh:disabled{opacity:.6;cursor:not-allowed}.teacher-announcements-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:12px;max-width:1100px;margin:0 auto 20px;padding:14px 16px;font-size:14px;display:flex}.teacher-announcements-error span{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-weight:700;display:flex}.teacher-announcements-list{flex-direction:column;gap:18px;max-width:1100px;margin:0 auto;display:flex}.teacher-announcement-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0f172a0d}.teacher-announcement-card:before{content:"";background:#2563eb;width:4px;position:absolute;top:0;bottom:0;left:0}.teacher-announcement-important:before{background:#f59e0b}.teacher-announcement-urgent:before{background:#dc2626}.teacher-announcement-normal:before{background:#2563eb}.teacher-announcement-top{align-items:flex-start;gap:14px;display:flex}.teacher-announcement-icon{background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;display:flex}.teacher-announcement-heading{flex:1;min-width:0}.teacher-announcement-heading h2{color:#111827;margin:0 0 7px;font-size:20px;font-weight:700;line-height:1.35}.teacher-announcement-meta{color:#6b7280;flex-wrap:wrap;gap:5px;font-size:13px;display:flex}.teacher-announcement-priority{color:#2563eb;background:#eff6ff;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:12px;font-weight:700}.teacher-announcement-important .teacher-announcement-priority{color:#b45309;background:#fffbeb}.teacher-announcement-urgent .teacher-announcement-priority{color:#b91c1c;background:#fef2f2}.teacher-announcement-message{color:#374151;white-space:pre-wrap;margin-top:20px;padding-left:58px;font-size:15px;line-height:1.7}.teacher-announcement-footer{color:#6b7280;border-top:1px solid #f0f0f0;margin-top:20px;margin-left:58px;padding-top:14px;font-size:13px}.teacher-announcement-footer strong{color:#374151}.teacher-announcements-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:700px;margin:80px auto;padding:50px 30px;box-shadow:0 4px 12px #0f172a0a}.teacher-announcements-empty-icon{background:#eff6ff;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 18px;font-size:30px;display:flex}.teacher-announcements-empty h2{margin:0 0 8px;font-size:22px}.teacher-announcements-empty p{color:#6b7280;max-width:480px;margin:0 auto 22px;line-height:1.6}.teacher-announcements-empty button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:11px 20px;font-weight:600}.teacher-announcements-empty button:hover{background:#1d4ed8}.teacher-announcements-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.teacher-announcements-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;margin-bottom:14px;animation:.8s linear infinite teacherAnnouncementsSpin}@keyframes teacherAnnouncementsSpin{to{transform:rotate(360deg)}}@media (width<=768px){.teacher-announcements-page{padding:20px 14px}.teacher-announcements-header{flex-direction:column}.teacher-announcements-header h1{font-size:27px}.teacher-announcements-refresh{width:100%}.teacher-announcement-card{padding:18px}.teacher-announcement-top{flex-wrap:wrap}.teacher-announcement-priority{margin-left:58px}.teacher-announcement-message{padding-left:0}.teacher-announcement-footer{margin-left:0}}@media (width<=480px){.teacher-announcement-heading h2{font-size:18px}.teacher-announcement-meta{flex-direction:column;gap:3px}.teacher-announcement-priority{margin-left:0}}.teacher-assessments-page{background:#f5f7fb;min-height:100vh;padding:32px}.teacher-assessments-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.teacher-assessments-header h1{color:#172033;margin:8px 0;font-size:32px}.teacher-assessments-header p{color:#687386;margin:0}.teacher-assessments-back{color:#5267d9;cursor:pointer;background:0 0;border:none;padding:0;font-size:15px}.teacher-create-assessment-btn,.teacher-assessment-form-actions button:last-child,.teacher-assessments-empty button,.assessment-marks-btn{color:#fff;cursor:pointer;background:#5267d9;border:none;border-radius:8px;padding:12px 18px;font-weight:600}.teacher-create-assessment-btn:disabled{opacity:.5;cursor:not-allowed}.teacher-assessments-message{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;display:flex}.teacher-assessments-message.error{color:#b42318;background:#fff0f0}.teacher-assessments-message.success{color:#16733a;background:#edf9f0}.teacher-assessment-form-card{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 3px 14px #0000000f}.teacher-assessment-form-header{justify-content:space-between;gap:20px;margin-bottom:24px;display:flex}.teacher-assessment-form-header h2{margin:0 0 6px}.teacher-assessment-form-header p{color:#687386;margin:0}.teacher-assessment-form-header button{cursor:pointer;background:#f1f3f7;border:none;border-radius:7px;width:36px;height:36px}.teacher-assessment-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.teacher-assessment-field{flex-direction:column;gap:7px;display:flex}.teacher-assessment-field label{color:#30394d;font-weight:600}.teacher-assessment-field input,.teacher-assessment-field select{box-sizing:border-box;border:1px solid #d8dde7;border-radius:8px;outline:none;width:100%;padding:12px;font-size:15px}.teacher-assessment-field input:focus,.teacher-assessment-field select:focus{border-color:#5267d9}.teacher-assessment-form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.teacher-assessment-form-actions button:first-child{color:#394257;cursor:pointer;background:#fff;border:1px solid #d8dde7;border-radius:8px;padding:12px 18px}.teacher-assessments-list{flex-direction:column;gap:16px;display:flex}.teacher-assessment-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 3px 14px #0000000f}.teacher-assessment-card-main{gap:16px;display:flex}.teacher-assessment-icon{background:#eef1ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.teacher-assessment-info{flex:1}.teacher-assessment-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.teacher-assessment-title-row h2{color:#172033;margin:0;font-size:20px}.teacher-assessment-info>p{color:#687386;margin:6px 0}.teacher-assessment-status{border-radius:20px;padding:5px 9px;font-size:12px;font-weight:700}.teacher-assessment-status.published{color:#168346;background:#e9f8ef}.teacher-assessment-status.draft{color:#a66400;background:#fff4df}.teacher-assessment-meta{color:#687386;gap:24px;margin-top:10px;font-size:14px;display:flex}.teacher-assessment-meta strong{color:#30394d}.teacher-assessment-actions{border-top:1px solid #edf0f4;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:16px;display:flex}.teacher-assessment-actions button{color:#394257;cursor:pointer;background:#fff;border:1px solid #d8dde7;border-radius:7px;padding:9px 13px}.teacher-assessment-actions .assessment-marks-btn{color:#fff;background:#5267d9;border-color:#5267d9}.teacher-assessment-actions .assessment-delete-btn{color:#c62828}.teacher-assessments-empty{text-align:center;background:#fff;border-radius:12px;padding:60px 20px;box-shadow:0 3px 14px #0000000f}.teacher-assessments-empty>div{font-size:42px}.teacher-assessments-empty h2{margin:14px 0 8px}.teacher-assessments-empty p{color:#687386;margin-bottom:22px}.teacher-assessments-loading{color:#687386;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.teacher-assessments-spinner{border:4px solid #e5e8ef;border-top-color:#5267d9;border-radius:50%;width:35px;height:35px;animation:.8s linear infinite teacherAssessmentSpin}@keyframes teacherAssessmentSpin{to{transform:rotate(360deg)}}@media (width<=700px){.teacher-assessments-page{padding:18px}.teacher-assessments-header{flex-direction:column}.teacher-create-assessment-btn{width:100%}.teacher-assessment-form-grid{grid-template-columns:1fr}.teacher-assessment-meta{flex-direction:column;gap:5px}.teacher-assessment-actions{justify-content:stretch}.teacher-assessment-actions button{flex:1}}.teacher-marks-page{color:#1f2937;background:#f5f7fb;min-height:100vh;padding:32px}.teacher-marks-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.teacher-marks-header h1{margin:12px 0 6px;font-size:30px}.teacher-marks-header p{color:#6b7280;margin:0}.teacher-marks-back{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:15px}.teacher-marks-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.teacher-marks-summary>div{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.teacher-marks-summary span{color:#6b7280;margin-bottom:7px;font-size:13px;display:block}.teacher-marks-summary strong{font-size:17px}.teacher-marks-status-published{color:#15803d}.teacher-marks-status-draft{color:#b45309}.teacher-marks-message{border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.teacher-marks-message span{font-weight:700}.teacher-marks-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.teacher-marks-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.teacher-marks-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.teacher-marks-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:22px;display:flex}.teacher-marks-card-header h2{margin:0 0 5px;font-size:20px}.teacher-marks-card-header p{color:#6b7280;margin:0}.teacher-marks-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-weight:600}.teacher-marks-save-btn:hover{background:#1d4ed8}.teacher-marks-save-btn:disabled{opacity:.6;cursor:not-allowed}.teacher-marks-table-wrapper{width:100%;overflow-x:auto}.teacher-marks-table{border-collapse:collapse;width:100%;min-width:1000px}.teacher-marks-table th,.teacher-marks-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:15px 16px}.teacher-marks-table th{color:#6b7280;background:#f9fafb;font-size:13px;font-weight:700}.teacher-marks-table td{font-size:14px}.teacher-marks-student{flex-direction:column;gap:3px;display:flex}.teacher-marks-student span{color:#9ca3af;font-size:12px}.teacher-marks-input-wrapper{white-space:nowrap;align-items:center;gap:6px;display:flex}.teacher-marks-input-wrapper input{border:1px solid #d1d5db;border-radius:7px;outline:none;width:75px;padding:9px 10px;font-size:14px}.teacher-marks-input-wrapper input:focus{border-color:#2563eb}.teacher-marks-input-wrapper span{color:#6b7280}.teacher-marks-remarks{border:1px solid #d1d5db;border-radius:7px;outline:none;width:150px;padding:9px 10px}.teacher-marks-remarks:focus{border-color:#2563eb}.teacher-marks-grade{text-align:center;background:#f3f4f6;border-radius:6px;min-width:34px;padding:5px 8px;font-weight:700;display:inline-block}.teacher-marks-bottom{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.teacher-marks-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px}.teacher-marks-cancel-btn:hover{background:#f9fafb}.teacher-marks-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.teacher-marks-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:70vh;display:flex}.teacher-marks-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:35px;height:35px;animation:.8s linear infinite teacherMarksSpin}@keyframes teacherMarksSpin{to{transform:rotate(360deg)}}.teacher-marks-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:60px 20px}.teacher-marks-empty>div{font-size:45px}.teacher-marks-empty h2{margin:15px 0 8px}.teacher-marks-empty p{color:#6b7280;margin:0}@media (width<=900px){.teacher-marks-page{padding:20px}.teacher-marks-summary{grid-template-columns:repeat(2,1fr)}.teacher-marks-card-header{align-items:flex-start;gap:15px}}@media (width<=600px){.teacher-marks-page{padding:14px}.teacher-marks-summary{grid-template-columns:1fr}.teacher-marks-card-header{flex-direction:column}.teacher-marks-save-btn{width:100%}.teacher-marks-bottom{flex-direction:column-reverse;gap:10px}.teacher-marks-cancel-btn{width:100%}}.teacher-login-page{color:#17212b;background:radial-gradient(circle at 10% 10%,#147a501f,#0000 30%),radial-gradient(circle at 90% 90%,#147a5014,#0000 30%),#f5f8f7;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.teacher-login-bg-shape{pointer-events:none;filter:blur(1px);border-radius:50%;position:absolute}.shape-one{background:#147a5014;width:320px;height:320px;top:-180px;left:-120px}.shape-two{background:#147a5012;width:420px;height:420px;bottom:-220px;right:-220px}.shape-three{background:#147a500a;width:140px;height:140px;top:8%;right:12%}.teacher-login-container{z-index:2;background:#fff;border:1px solid #dae2dee6;border-radius:26px;grid-template-columns:.95fr 1.05fr;width:100%;max-width:1050px;min-height:650px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #112b221f,0 8px 25px #112b220d}.teacher-login-brand-panel{color:#fff;background:linear-gradient(145deg,#147a50 0%,#106843 55%,#0b5838 100%);flex-direction:column;justify-content:space-between;padding:55px 48px;display:flex;position:relative;overflow:hidden}.teacher-login-brand-panel:before{content:"";border:1px solid #ffffff17;border-radius:50%;width:360px;height:360px;position:absolute;top:-180px;right:-150px}.teacher-login-brand-panel:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-140px;left:-120px}.brand-panel-content{z-index:2;position:relative}.brand-logo-large{color:#fff;background:#ffffff24;border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:30px;font-weight:800;display:flex;box-shadow:0 12px 30px #0000001f}.brand-name{letter-spacing:-.7px;font-size:30px;font-weight:800}.brand-subtitle{color:#ffffffb3;margin-top:5px;font-size:13px}.brand-divider{background:#ffffffbf;border-radius:10px;width:45px;height:3px;margin:35px 0 30px}.teacher-login-brand-panel h2{letter-spacing:-.7px;margin:0 0 18px;font-size:30px;line-height:1.25}.brand-description{color:#ffffffb8;max-width:390px;margin:0;font-size:14px;line-height:1.8}.brand-features{flex-direction:column;gap:15px;margin-top:35px;display:flex}.brand-feature{color:#ffffffe6;align-items:center;gap:11px;font-size:13px;display:flex}.feature-check{color:#fff;background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.brand-panel-footer{z-index:2;color:#ffffff80;font-size:11px;position:relative}.teacher-login-form-panel{background:#fff;justify-content:center;align-items:center;padding:50px 65px;display:flex}.teacher-login-form-content{width:100%;max-width:420px}.mobile-brand{display:none}.modern-login-heading{margin-bottom:32px}.welcome-label{color:#147a50;letter-spacing:1.5px;margin-bottom:10px;font-size:11px;font-weight:800;display:inline-block}.modern-login-heading h1{color:#17212b;letter-spacing:-1px;margin:0 0 9px;font-size:34px;font-weight:750}.modern-login-heading p{color:#7b858d;margin:0;font-size:14px;line-height:1.6}.modern-login-error{background:#fff7f7;border:1px solid #f2d0d0;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:22px;padding:13px 15px;display:flex}.error-circle{color:#fff;background:#d64545;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.modern-login-error strong{color:#a52f2f;margin-bottom:2px;font-size:12px;display:block}.modern-login-error span{color:#b55b5b;font-size:12px;line-height:1.4}.modern-login-form{width:100%}.modern-input-group{margin-bottom:21px}.modern-input-group label{color:#35404a;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.password-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.password-label-row label{margin-bottom:0}.forgot-password-btn{color:#147a50;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:700}.forgot-password-btn:hover{color:#0d603f;text-decoration:underline}.modern-input-wrapper{align-items:center;display:flex;position:relative}.modern-input-wrapper input{color:#202a33;background:#fbfcfc;border:1px solid #dfe5e2;border-radius:12px;outline:none;width:100%;height:52px;padding:0 48px 0 45px;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.modern-input-wrapper input::placeholder{color:#a6afb4}.modern-input-wrapper input:hover{border-color:#cbd6d1}.modern-input-wrapper input:focus{background:#fff;border-color:#147a50;box-shadow:0 0 0 4px #147a5017}.modern-input-wrapper input:disabled{opacity:.7;cursor:not-allowed;background:#f3f5f4}.modern-input-icon{color:#8b9892;pointer-events:none;z-index:2;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;left:15px}.modern-input-icon svg{width:18px;height:18px}.password-toggle-modern{color:#7f8c85;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;right:13px}.password-toggle-modern:hover{color:#147a50;background:#eef5f1}.password-toggle-modern svg{width:17px;height:17px}.password-toggle-modern:disabled{opacity:.5;cursor:not-allowed}.login-security-note{color:#8a9590;align-items:center;gap:8px;margin:2px 0 22px;font-size:11px;display:flex}.security-icon{font-size:12px}.modern-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#168256,#106843);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 9px 22px #147a5033}.modern-login-btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px #147a5045}.modern-login-btn:active{transform:translateY(0)}.modern-login-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.modern-login-arrow{font-size:19px;line-height:1;transition:transform .2s}.modern-login-btn:hover .modern-login-arrow{transform:translate(3px)}.modern-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite modernLoginSpin}@keyframes modernLoginSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-login-footer{text-align:center;border-top:1px solid #edf0ee;margin-top:28px;padding-top:20px}.modern-login-footer p{color:#9aa39e;margin:0 0 7px;font-size:10px;line-height:1.5}.modern-login-footer span{color:#b0b7b3;font-size:10px}@media (width<=900px){.teacher-login-page{padding:20px}.teacher-login-container{grid-template-columns:.8fr 1.2fr;max-width:760px}.teacher-login-brand-panel{padding:40px 32px}.teacher-login-brand-panel h2{font-size:25px}.teacher-login-form-panel{padding:40px}}@media (width<=700px){.teacher-login-page{min-height:100vh;padding:15px}.teacher-login-container{border-radius:20px;max-width:470px;min-height:auto;display:block}.teacher-login-brand-panel{display:none}.mobile-brand{align-items:center;gap:11px;margin-bottom:35px;display:flex}.mobile-brand-logo{color:#fff;background:#147a50;border-radius:13px;justify-content:center;align-items:center;width:45px;height:45px;font-size:21px;font-weight:800;display:flex;box-shadow:0 7px 16px #147a5033}.mobile-brand h1{color:#17212b;margin:0;font-size:19px}.mobile-brand span{color:#8a9490;margin-top:2px;font-size:10px;display:block}.teacher-login-form-panel{padding:35px 30px}.modern-login-heading h1{font-size:29px}}@media (width<=400px){.teacher-login-page{padding:10px}.teacher-login-container{border-radius:17px}.teacher-login-form-panel{padding:28px 21px}.mobile-brand{margin-bottom:28px}.modern-login-heading{margin-bottom:26px}.modern-login-heading h1{font-size:26px}.modern-input-wrapper input{height:49px}.modern-login-btn{height:50px}}@media (prefers-reduced-motion:reduce){.modern-login-btn,.modern-login-arrow,.password-toggle-modern{transition:none}.modern-spinner{animation:none}}.teacher-dashboard{color:#172033;background:linear-gradient(135deg,#f7f9fc 0%,#eef4f8 50%,#f8fafc 100%);min-height:100vh;padding:28px 34px 50px;position:relative;overflow:hidden}.dashboard-bg-shape{pointer-events:none;z-index:0;filter:blur(2px);opacity:.45;border-radius:50%;position:fixed}.shape-one{background:#14b8a61a;width:340px;height:340px;animation:9s ease-in-out infinite floatingShape;top:-160px;right:-100px}.shape-two{background:#3b82f612;width:260px;height:260px;animation:11s ease-in-out infinite reverse floatingShape;top:38%;left:-130px}.shape-three{background:#8b5cf612;width:180px;height:180px;animation:8s ease-in-out infinite floatingShape;bottom:4%;right:10%}@keyframes floatingShape{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.teacher-header{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffd1;border:1px solid #ffffffe6;border-radius:22px;justify-content:space-between;align-items:center;max-width:1450px;margin:0 auto 25px;padding:20px 24px;animation:.65s both slideDown;display:flex;position:relative;box-shadow:0 10px 35px #0f172a12}.teacher-header-left{align-items:center;gap:16px;display:flex}.header-logo{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;animation:3s ease-in-out infinite logoFloat;display:flex;box-shadow:0 10px 25px #14b8a640}.header-logo span{font-size:27px}.header-small-text{letter-spacing:1.7px;color:#0f766e;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.teacher-header h1{color:#172033;margin:0;font-size:25px;line-height:1.2}.teacher-header p{color:#718096;margin:4px 0 0;font-size:13px}.header-date{color:#475569;background:#f1f5f9;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.teacher-logout-btn{color:#fff;cursor:pointer;background:#172033;border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 17px;font-size:13px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s;display:flex}.teacher-logout-btn:hover{background:#0f766e;transform:translateY(-2px);box-shadow:0 8px 20px #0f766e40}.teacher-logout-btn span{font-size:18px}.teacher-welcome-card{z-index:2;color:#fff;background:linear-gradient(120deg,#0f766e 0%,#0d9488 45%,#14b8a6 100%);border-radius:28px;align-items:center;max-width:1450px;min-height:205px;margin:0 auto 25px;padding:32px;animation:.7s both fadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f766e38}.teacher-welcome-card:before{content:"";border:70px solid #ffffff0f;border-radius:50%;width:430px;height:430px;position:absolute;top:-250px;right:-150px}.teacher-welcome-card:after{content:"";background:#ffffff0f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-170px;right:17%}.welcome-decoration{pointer-events:none;background:#ffffff12;border-radius:50%;position:absolute}.welcome-decoration-one{width:80px;height:80px;top:25px;right:37%}.welcome-decoration-two{width:35px;height:35px;bottom:25px;right:43%}.teacher-avatar{z-index:2;color:#fff;background:#ffffff29;border:1px solid #ffffff47;border-radius:25px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;margin-right:22px;font-size:37px;font-weight:800;animation:4s ease-in-out infinite avatarPulse;display:flex;position:relative;box-shadow:inset 0 1px #ffffff26}.teacher-welcome-content{z-index:2;position:relative}.welcome-label{letter-spacing:2px;color:#ffffffb8;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.teacher-welcome-content h2{letter-spacing:-.7px;margin:0;font-size:32px;font-weight:800}.teacher-welcome-content p{color:#ffffffc7;margin:8px 0 0;font-size:13px}.teacher-welcome-content strong{color:#fff;margin-left:7px}.teacher-status{z-index:3;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;display:flex;position:absolute;top:28px;right:30px}.status-dot{background:#86efac;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite statusBlink;box-shadow:0 0 0 5px #86efac1f}.welcome-mini-stats{z-index:3;align-items:center;gap:28px;display:flex;position:absolute;bottom:27px;right:30px}.welcome-mini-stats div{flex-direction:column;align-items:center;display:flex}.welcome-mini-stats strong{color:#fff;font-size:21px;line-height:1}.welcome-mini-stats span{color:#ffffffad;margin-top:5px;font-size:9px;font-weight:600}.dashboard-section{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #e2e8f0e6;border-radius:24px;max-width:1450px;margin:0 auto 25px;padding:27px;animation:.7s both fadeUp;position:relative;box-shadow:0 8px 30px #0f172a0b}.dashboard-section:nth-of-type(2){animation-delay:80ms}.dashboard-section:nth-of-type(3){animation-delay:.12s}.section-heading{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.section-title-row{align-items:center;gap:13px;display:flex}.section-title-icon{background:#f0fdfa;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;transition:transform .3s;display:flex}.section-heading:hover .section-title-icon{transform:rotate(-5deg)scale(1.05)}.announcement-title-icon{background:#fff7ed}.section-heading h2{color:#172033;margin:0;font-size:19px;font-weight:800}.section-heading p{color:#8a94a6;margin:4px 0 0;font-size:12px}.view-attendance-btn{color:#0f766e;cursor:pointer;background:#f0fdfa;border:none;border-radius:11px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:800;transition:background .25s,color .25s,transform .25s;display:flex}.view-attendance-btn:hover{color:#fff;background:#0f766e;transform:translate(2px)}.view-attendance-btn span{font-size:17px;transition:transform .25s}.view-attendance-btn:hover span{transform:translate(4px)}.announcement-list{flex-direction:column;gap:14px;display:flex}.announcement-featured{background:linear-gradient(135deg,#fffaf5,#fff);border:1px solid #fed7aa;border-radius:18px;gap:18px;padding:23px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.announcement-featured:hover{transform:translateY(-3px);box-shadow:0 14px 30px #ea580c17}.announcement-featured:before{content:"";background:#f97316;width:4px;position:absolute;top:0;bottom:0;left:0}.announcement-featured-icon{background:#ffedd5;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:23px;animation:3s ease-in-out infinite notificationFloat;display:flex}.announcement-featured-body{flex:1;min-width:0}.announcement-meta{align-items:center;gap:10px;margin-bottom:8px;display:flex}.announcement-priority{text-transform:uppercase;letter-spacing:.6px;border-radius:20px;align-items:center;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.priority-badge-normal{color:#0369a1;background:#e0f2fe}.priority-badge-high{color:#b91c1c;background:#fee2e2}.priority-badge-urgent{color:#991b1b;background:#fef2f2}.priority-badge-important{color:#92400e;background:#fef3c7}.announcement-date{color:#94a3b8;font-size:11px}.announcement-featured h3{color:#172033;margin:0;font-size:18px;font-weight:800}.announcement-featured p{color:#667085;max-width:900px;margin:8px 0 14px;font-size:13px;line-height:1.7}.announcement-read-btn{color:#ea580c;cursor:pointer;background:#fff;border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:800;transition:transform .25s,background .25s;display:inline-flex;box-shadow:0 4px 12px #0f172a0f}.announcement-read-btn:hover{color:#fff;background:#ea580c;transform:translate(3px)}.announcement-secondary-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.announcement-mini-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #edf0f4;border-radius:14px;align-items:center;gap:11px;width:100%;padding:14px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.announcement-mini-card:hover{border-color:#fed7aa;transform:translateY(-3px);box-shadow:0 8px 20px #0f172a0f}.mini-announcement-icon{background:#f8fafc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mini-announcement-content{flex:1;min-width:0}.mini-announcement-meta{color:#94a3b8;align-items:center;gap:7px;margin-bottom:4px;font-size:9px;display:flex}.mini-announcement-content h4{white-space:nowrap;text-overflow:ellipsis;color:#334155;margin:0;font-size:12px;overflow:hidden}.mini-arrow{color:#94a3b8;transition:transform .25s,color .25s}.announcement-mini-card:hover .mini-arrow{color:#0f766e;transform:translate(4px)}.more-announcements-btn{color:#475569;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;align-self:center;padding:10px 16px;font-size:11px;font-weight:700;transition:background .25s,color .25s}.more-announcements-btn:hover{color:#0f766e;background:#f0fdfa}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.stat-card{background:#fff;border:1px solid #edf0f4;border-radius:17px;align-items:center;gap:14px;min-height:125px;padding:19px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px #0f172a14}.stat-card:after{content:"";opacity:.5;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-45px;right:-35px}.stat-total:after{background:#dbeafe}.stat-present:after{background:#bbf7d0}.stat-absent:after{background:#fecaca}.stat-leave:after{background:#fed7aa}.stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:51px;height:51px;font-size:20px;font-weight:900;display:flex}.attendance-icon{color:#2563eb;background:#eff6ff}.present-icon{color:#059669;background:#ecfdf5}.absent-icon{color:#dc2626;background:#fef2f2}.leave-icon{color:#ea580c;background:#fff7ed}.stat-content{z-index:2;flex-direction:column;display:flex;position:relative}.stat-content span{color:#7b8798;font-size:11px;font-weight:600}.stat-content strong{color:#172033;margin-top:4px;font-size:27px;line-height:1}.stat-content small{color:#a0a8b5;margin-top:5px;font-size:9px}.profile-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #edf0f4;border-radius:18px;grid-template-columns:280px 1fr;gap:25px;padding:21px;display:grid}.profile-main{background:#f0fdfa;border-radius:15px;align-items:center;gap:15px;padding:20px;display:flex}.profile-large-avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:26px;font-weight:800;display:flex;box-shadow:0 8px 20px #14b8a62e}.profile-main span{color:#0f766e;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.profile-main h3{color:#172033;margin:0;font-size:17px}.profile-main p{color:#64748b;margin:3px 0 0;font-size:11px}.profile-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.profile-item{background:#fff;border:1px solid #edf0f4;border-radius:12px;flex-direction:column;justify-content:center;min-width:0;padding:15px;display:flex}.profile-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:9px;font-weight:800}.profile-item strong{text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:12px;overflow:hidden}.quick-actions{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.action-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #edf0f4;border-radius:17px;flex-direction:column;align-items:flex-start;min-height:165px;padding:18px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.action-card:before{content:"";background:#f0fdfa;border-radius:50%;width:100px;height:100px;transition:transform .4s;position:absolute;top:-50px;right:-50px}.action-card:hover{border-color:#b2dfdb;transform:translateY(-6px);box-shadow:0 16px 30px #0f172a17}.action-card:hover:before{transform:scale(2.5)}.action-icon{z-index:2;color:#0f766e;background:#f0fdfa;border-radius:13px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:800;transition:transform .3s;display:flex;position:relative}.action-card:hover .action-icon{transform:rotate(-6deg)scale(1.08)}.announcement-action-icon{background:#fff7ed}.action-content{z-index:2;margin-top:16px;position:relative}.action-content h3{color:#273244;margin:0;font-size:13px;font-weight:800}.action-content p{color:#94a3b8;margin:5px 0 0;font-size:10px;line-height:1.5}.action-arrow{z-index:2;color:#94a3b8;background:#f8fafc;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .3s,background .3s,color .3s;display:flex;position:absolute;bottom:17px;right:17px}.action-card:hover .action-arrow{color:#fff;background:#0f766e;transform:translate(4px)}.courses-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.course-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e8edf2;border-radius:18px;flex-direction:column;min-height:215px;padding:20px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.course-card:before{content:"";background:#14b8a60f;border-radius:50%;width:130px;height:130px;position:absolute;top:-70px;right:-70px}.course-card:hover{border-color:#b2dfdb;transform:translateY(-6px);box-shadow:0 16px 32px #0f172a14}.course-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.course-icon{background:#f0fdfa;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;transition:transform .3s;display:flex}.course-card:hover .course-icon{transform:rotate(-5deg)scale(1.08)}.course-number{color:#cbd5e1;letter-spacing:1px;font-size:10px;font-weight:800}.course-card-content{z-index:2;margin-top:19px;position:relative}.course-label{color:#0f766e;letter-spacing:1px;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.course-card-content h3{color:#1e293b;margin:0;font-size:17px;font-weight:800}.course-students{color:#64748b;align-items:center;gap:6px;margin-top:9px;font-size:11px;display:flex}.course-students span{font-size:13px}.course-attendance-btn{z-index:2;color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:10px 12px;font-size:10px;font-weight:800;transition:background .25s,transform .25s;display:flex;position:relative}.course-attendance-btn:hover{background:#115e59;transform:translateY(-2px)}.course-attendance-btn span{font-size:15px;transition:transform .25s}.course-attendance-btn:hover span{transform:translate(4px)}.attendance-history-wrapper{border:1px solid #edf0f4;border-radius:15px;width:100%;overflow-x:auto}.attendance-history-table{border-collapse:collapse;width:100%;min-width:720px}.attendance-history-table thead{background:#f8fafc}.attendance-history-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #edf0f4;padding:13px 15px;font-size:9px;font-weight:800}.attendance-history-table td{color:#64748b;border-bottom:1px solid #f1f5f9;padding:15px;font-size:12px}.attendance-history-table tbody tr{transition:background .2s}.attendance-history-table tbody tr:hover{background:#f8fafc}.attendance-history-table tbody tr:last-child td{border-bottom:none}.attendance-history-table td strong{color:#334155}.history-date{align-items:center;gap:7px;font-weight:600;display:flex}.history-date span{font-size:12px}.empty-state{text-align:center;background:#fafbfc;border:1px dashed #dce3ea;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:30px;display:flex}.empty-icon{background:#f1f5f9;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:12px;font-size:24px;display:flex}.empty-state h3{color:#334155;margin:0;font-size:15px}.empty-state p{color:#94a3b8;max-width:400px;margin:6px 0 15px;font-size:11px;line-height:1.6}.empty-action-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:9px;padding:9px 14px;font-size:10px;font-weight:800;transition:transform .25s,background .25s}.empty-action-btn:hover{background:#115e59;transform:translateY(-2px)}.teacher-dashboard-loading{color:#334155;background:linear-gradient(135deg,#f8fafc,#ecfdf5);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.teacher-dashboard-loading h3{margin:20px 0 4px;font-size:17px}.teacher-dashboard-loading p{color:#94a3b8;margin:0;font-size:12px}.loading-orbit{border:3px solid #d1fae5;border-top-color:#0f766e;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;animation:.9s linear infinite spin;display:flex}.loading-orbit div{background:#14b8a6;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite loadingPulse}.small-spinner{border:2px solid #d1d5db;border-top-color:#0f766e;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.dashboard-loading-box{color:#94a3b8;background:#fafbfc;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:120px;font-size:12px;display:flex}.announcement-loading{color:#94a3b8;background:#fafbfc;border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:120px;font-size:12px;display:flex}.dashboard-error{z-index:2;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:13px;align-items:center;gap:12px;max-width:1450px;margin:0 auto 20px;padding:13px 16px;animation:.5s both fadeUp;display:flex;position:relative}.dashboard-error>span{background:#ffedd5;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;display:flex}.dashboard-error strong{font-size:11px;display:block}.dashboard-error p{margin:2px 0 0;font-size:10px}.announcement-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.announcement-error-icon{color:#dc2626;background:#fee2e2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-weight:900;display:flex}.announcement-error-box strong{color:#991b1b;font-size:12px}.announcement-error-box p{color:#b91c1c;margin:3px 0 0;font-size:10px}.announcement-error-box button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;margin-left:auto;padding:8px 12px;font-size:10px;font-weight:700}.teacher-dashboard-footer{z-index:2;color:#94a3b8;justify-content:space-between;align-items:center;max-width:1450px;margin:10px auto 0;padding:20px 5px;font-size:10px;display:flex;position:relative}.teacher-dashboard-footer div{flex-direction:column;gap:3px;display:flex}.teacher-dashboard-footer strong{color:#64748b;font-size:11px}.teacher-dashboard-footer span{color:#a0a8b5}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.45}}@keyframes notificationFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes loadingPulse{0%,to{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (width<=1200px){.teacher-dashboard{padding:22px}.quick-actions{grid-template-columns:repeat(3,1fr)}.courses-grid{grid-template-columns:repeat(2,1fr)}.profile-card{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.teacher-dashboard{padding:15px}.teacher-header{border-radius:18px;padding:17px}.header-date{display:none}.teacher-header h1{font-size:21px}.teacher-header p{display:none}.teacher-welcome-card{border-radius:22px;align-items:flex-start;min-height:240px;padding:24px}.teacher-avatar{width:70px;height:70px;font-size:28px}.teacher-welcome-content h2{font-size:25px}.teacher-status{top:auto;bottom:24px;right:24px}.welcome-mini-stats{gap:18px;bottom:24px;left:24px;right:auto}.welcome-mini-stats strong{font-size:18px}.dashboard-section{border-radius:19px;padding:20px}.section-heading{align-items:flex-start;gap:12px}.section-heading>.view-attendance-btn{flex-shrink:0}.announcement-secondary-list{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.courses-grid{grid-template-columns:1fr}}@media (width<=560px){.teacher-dashboard{padding:10px}.teacher-header{border-radius:16px;margin-bottom:14px;padding:14px}.teacher-header-left{gap:10px}.header-logo{border-radius:13px;width:45px;height:45px}.header-logo span{font-size:21px}.header-small-text{letter-spacing:1px;font-size:8px}.teacher-header h1{font-size:18px}.teacher-logout-btn{padding:9px 11px;font-size:10px}.teacher-logout-btn span{font-size:15px}.teacher-welcome-card{border-radius:19px;min-height:270px;margin-bottom:14px;padding:20px}.teacher-avatar{border-radius:16px;width:58px;height:58px;margin-right:12px;font-size:23px}.teacher-welcome-content h2{font-size:21px}.teacher-welcome-content p{font-size:11px}.teacher-status{bottom:20px;left:20px;right:auto}.welcome-mini-stats{gap:13px;bottom:20px;left:auto;right:20px}.welcome-mini-stats strong{font-size:15px}.welcome-mini-stats span{font-size:7px}.dashboard-section{border-radius:17px;margin-bottom:14px;padding:16px}.section-heading{flex-direction:column}.section-title-row{width:100%}.section-title-icon{width:39px;height:39px;font-size:17px}.section-heading h2{font-size:16px}.section-heading p{font-size:10px}.section-heading>.view-attendance-btn{justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:105px}.profile-grid{grid-template-columns:1fr}.profile-main{padding:15px}.quick-actions{grid-template-columns:1fr}.action-card{min-height:125px}.announcement-featured{gap:12px;padding:17px}.announcement-featured-icon{width:43px;height:43px;font-size:18px}.announcement-featured h3{font-size:15px}.announcement-featured p{font-size:11px}.announcement-meta{flex-wrap:wrap}.announcement-error-box{flex-wrap:wrap;align-items:flex-start}.announcement-error-box button{margin-left:47px}.teacher-dashboard-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.teacher-attendance-page{color:#1f2937;background:#f5f7fb;min-height:100vh}.attendance-loading{color:#4b5563;background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;font-size:18px;font-weight:600;display:flex}.attendance-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:22px 40px;display:flex}.attendance-header h1{color:#111827;margin:10px 0 4px;font-size:28px}.attendance-header p{color:#6b7280;margin:0;font-size:14px}.back-button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.back-button:hover{text-decoration:underline}.header-right{align-items:center;gap:18px;display:flex}.teacher-mini-profile strong{color:#111827;font-size:14px;display:block}.teacher-mini-profile span{color:#6b7280;margin-top:3px;font-size:12px;display:block}.mini-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.logout-button{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;padding:10px 16px;font-weight:600}.logout-button:hover{background:#fecaca}.attendance-tabs-container{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 40px}.attendance-tabs{gap:8px;display:flex}.attendance-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:16px 20px;font-size:14px;font-weight:600}.attendance-tab:hover{color:#2563eb}.attendance-tab.active{color:#2563eb;border-bottom-color:#2563eb}.attendance-container{width:calc(100% - 80px);max-width:1400px;margin:30px auto}.attendance-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.filters-card{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;padding:22px;display:grid}.filter-group{flex-direction:column;gap:7px;display:flex}.filter-group label{color:#374151;font-size:13px;font-weight:700}.filter-group select,.filter-group input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px;font-size:14px}.filter-group select:focus,.filter-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filter-group select:disabled,.filter-group input:disabled{cursor:not-allowed;background:#f3f4f6}.alert{border-radius:9px;margin-bottom:20px;padding:14px 16px;font-size:14px}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.alert-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;flex-direction:column;gap:5px;display:flex}.alert-warning strong{font-size:15px}.alert-warning small{color:#a16207}.empty-attendance{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:70px 30px}.empty-attendance-icon{margin-bottom:15px;font-size:45px}.empty-attendance h2{color:#111827;margin:0 0 8px}.empty-attendance p{color:#6b7280;margin:0}.attendance-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.attendance-card-header h2{color:#111827;margin:0 0 5px;font-size:20px}.attendance-card-header p{color:#6b7280;margin:0;font-size:13px}.bulk-actions{align-items:center;gap:10px;display:flex}.bulk-present,.bulk-absent{cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.bulk-present{color:#166534;background:#dcfce7}.bulk-present:hover{background:#bbf7d0}.bulk-absent{color:#991b1b;background:#fee2e2}.bulk-absent:hover{background:#fecaca}.bulk-present:disabled,.bulk-absent:disabled{opacity:.5;cursor:not-allowed}.attendance-summary{background:#e5e7eb;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.summary-item{text-align:center;background:#fff;padding:18px}.summary-item span{color:#6b7280;margin-bottom:5px;font-size:12px;display:block}.summary-item strong{color:#111827;font-size:22px}.present-summary strong{color:#16a34a}.absent-summary strong{color:#dc2626}.leave-summary strong{color:#d97706}.attendance-table-wrapper{width:100%;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;min-width:850px}.attendance-table th{text-align:left;color:#6b7280;text-transform:uppercase;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:12px;font-weight:700}.attendance-table td{color:#374151;border-bottom:1px solid #f0f0f0;padding:15px 16px;font-size:14px}.attendance-table tbody tr:hover,.attendance-row-locked{background:#fafafa}.row-number{color:#9ca3af;font-weight:600}.student-info{align-items:center;gap:10px;display:flex}.student-info strong{color:#111827}.student-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.student-id{color:#4b5563;background:#f3f4f6;border-radius:5px;padding:5px 8px;font-size:12px;font-weight:600;display:inline-block}.status-buttons{gap:7px;display:flex}.status-button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.status-button.present{color:#15803d}.status-button.absent{color:#b91c1c}.status-button.leave{color:#b45309}.status-button.present.selected{background:#dcfce7;border-color:#86efac}.status-button.absent.selected{background:#fee2e2;border-color:#fca5a5}.status-button.leave.selected{background:#fef3c7;border-color:#fcd34d}.status-button:disabled{cursor:not-allowed;opacity:.7}.students-loading{text-align:center;color:#6b7280;padding:60px}.no-students{text-align:center;padding:60px 20px}.no-students>div{margin-bottom:10px;font-size:42px}.no-students h3{color:#111827;margin:0 0 7px}.no-students p{color:#6b7280;margin:0}.attendance-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.attendance-footer>div:first-child strong{color:#111827;font-size:14px;display:block}.attendance-footer>div:first-child span{color:#6b7280;margin-top:4px;font-size:12px;display:block}.attendance-footer-actions{align-items:center;gap:10px;display:flex}.save-attendance-button,.lock-attendance-button{cursor:pointer;border:none;border-radius:8px;padding:11px 17px;font-size:13px;font-weight:700}.save-attendance-button{color:#fff;background:#2563eb}.save-attendance-button:hover{background:#1d4ed8}.lock-attendance-button{color:#fff;background:#111827}.lock-attendance-button:hover{background:#000}.save-attendance-button:disabled,.lock-attendance-button:disabled{opacity:.6;cursor:not-allowed}.attendance-final-status{color:#374151;background:#f3f4f6;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700}.attendance-locked-badge{color:#374151;background:#f3f4f6;border-radius:7px;padding:9px 13px;font-size:13px;font-weight:700}.history-card{overflow:hidden}.history-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.history-header h2{color:#111827;margin:0 0 5px;font-size:20px}.history-header p{color:#6b7280;margin:0;font-size:13px}.refresh-history-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600}.refresh-history-button:hover{background:#f9fafb}.refresh-history-button:disabled{opacity:.6;cursor:not-allowed}.history-filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:15px;padding:20px;display:grid}.clear-history-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:44px;padding:0 16px;font-weight:600}.clear-history-button:hover{background:#f3f4f6}.history-summary{background:#fff;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;display:grid}.history-summary-item{background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:15px}.history-summary-item span{color:#6b7280;margin-bottom:6px;font-size:12px;display:block}.history-summary-item strong{font-size:22px}.history-summary-item.total strong{color:#111827}.history-summary-item.present strong{color:#16a34a}.history-summary-item.absent strong{color:#dc2626}.history-summary-item.leave strong{color:#d97706}.history-status-badge{border-radius:20px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.history-status-badge.present{color:#166534;background:#dcfce7}.history-status-badge.absent{color:#991b1b;background:#fee2e2}.history-status-badge.leave{color:#92400e;background:#fef3c7}.history-lock-badge{color:#374151;background:#f3f4f6;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-block}.history-unlocked-badge{color:#047857;background:#ecfdf5;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-block}.history-empty h3{color:#111827;margin:0 0 7px}.history-empty p{color:#6b7280;margin:0}@media (width<=900px){.attendance-header{padding:20px}.attendance-tabs-container{padding:0 20px}.attendance-container{width:calc(100% - 40px)}.filters-card{grid-template-columns:1fr}.history-filters{grid-template-columns:1fr 1fr}.clear-history-button{width:100%}.attendance-card-header,.attendance-footer,.history-header{flex-direction:column;align-items:flex-start}.attendance-footer-actions{width:100%}.save-attendance-button,.lock-attendance-button{flex:1}}@media (width<=650px){.attendance-header{flex-direction:column;align-items:flex-start}.header-right{justify-content:space-between;width:100%}.attendance-tabs{overflow-x:auto}.attendance-tab{white-space:nowrap}.attendance-container{width:calc(100% - 24px);margin:20px auto}.attendance-summary,.history-summary{grid-template-columns:1fr 1fr}.history-filters{grid-template-columns:1fr}.bulk-actions{flex-wrap:wrap;width:100%}.bulk-present,.bulk-absent{flex:1}.attendance-footer-actions{flex-direction:column}.save-attendance-button,.lock-attendance-button{width:100%}.teacher-mini-profile{max-width:65%}}.teacher-courses-page{color:#172033;background:radial-gradient(circle at 0 0,#16794c0f,#0000 30%),#f6f8fb;min-height:100vh}.teacher-courses-header{box-sizing:border-box;background:#fffffff5;border-bottom:1px solid #e8edf1;justify-content:space-between;align-items:center;gap:25px;min-height:78px;padding:18px 40px;display:flex;box-shadow:0 2px 10px #14232d08}.teacher-courses-header-left{align-items:center;gap:24px;min-width:0;display:flex}.teacher-courses-back-btn{color:#647181;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 0;font-size:13px;font-weight:600;transition:color .2s,transform .2s}.teacher-courses-back-btn:hover{color:#16794c;transform:translate(-2px)}.teacher-courses-title{border-left:1px solid #e4e8ec;padding-left:24px}.teacher-courses-title h1{color:#18212b;letter-spacing:-.3px;margin:0 0 3px;font-size:22px;font-weight:750}.teacher-courses-title p{color:#8792a0;margin:0;font-size:12px}.teacher-courses-header-right{align-items:center;gap:22px;display:flex}.teacher-mini-profile{align-items:center;gap:10px;display:flex}.teacher-mini-avatar{color:#16794c;background:linear-gradient(135deg,#e8f7ef,#d9f1e5);border:1px solid #ccebd9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:750;display:flex}.teacher-mini-profile>div:last-child{flex-direction:column;gap:2px;display:flex}.teacher-mini-profile strong{color:#253044;font-size:13px;font-weight:700}.teacher-mini-profile span{color:#8a95a3;font-size:11px}.teacher-courses-logout{color:#53606e;cursor:pointer;background:#fff;border:1px solid #e0e5ea;border-radius:8px;height:38px;padding:0 15px;font-size:12px;font-weight:650;transition:background .2s,border-color .2s,color .2s}.teacher-courses-logout:hover{color:#293541;background:#f8fafb;border-color:#cfd7dd}.teacher-courses-container{box-sizing:border-box;width:100%;max-width:1250px;margin:0 auto;padding:38px 30px 70px}.teacher-courses-intro{background:#fff;border:1px solid #e5eaee;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px;padding:28px 30px;display:flex;box-shadow:0 5px 20px #19232d09}.teacher-courses-eyebrow{color:#16794c;letter-spacing:1.2px;margin-bottom:8px;font-size:10px;font-weight:800;display:inline-block}.teacher-courses-intro h2{color:#18212b;letter-spacing:-.4px;margin:0 0 7px;font-size:24px;font-weight:750}.teacher-courses-intro p{color:#7d8895;margin:0;font-size:13px;line-height:1.6}.teacher-course-count{background:#edf8f2;border:1px solid #d5eddf;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:95px;padding:15px 20px;display:flex}.teacher-course-count strong{color:#16794c;font-size:26px;font-weight:800;line-height:1}.teacher-course-count span{color:#6f8c7c;margin-top:5px;font-size:11px;font-weight:650}.teacher-courses-error{color:#c53030;background:#fff5f5;border:1px solid #f2cece;border-radius:10px;align-items:center;gap:10px;margin-bottom:22px;padding:13px 15px;font-size:13px;font-weight:500;display:flex}.teacher-courses-error>span{color:#fff;background:#c53030;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:800;display:flex}.teacher-courses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.teacher-course-card{background:#fff;border:1px solid #e4e9ed;border-radius:15px;flex-direction:column;min-width:0;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 5px 20px #19232d09}.teacher-course-card:hover{border-color:#cfe2d8;transform:translateY(-3px);box-shadow:0 12px 30px #19232d14}.teacher-course-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.teacher-course-icon{background:linear-gradient(135deg,#eaf8f0,#dff3e8);border:1px solid #d5eddf;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 5px 12px #16794c14}.teacher-course-status{color:#16794c;background:#edf9f2;border:1px solid #d7eddf;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.teacher-course-status>span{background:#25a565;border-radius:50%;width:6px;height:6px}.teacher-course-content{min-height:76px}.teacher-course-content h3{color:#202c38;word-break:break-word;margin:0 0 7px;font-size:17px;font-weight:750;line-height:1.35}.teacher-course-content p{color:#8994a1;margin:0;font-size:12px}.teacher-course-details{background:#f8fafb;border:1px solid #edf0f2;border-radius:10px;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;padding:13px;display:grid}.teacher-course-detail{flex-direction:column;gap:5px;min-width:0;display:flex}.teacher-course-detail+.teacher-course-detail{border-left:1px solid #e4e8eb;padding-left:13px}.teacher-course-detail span{color:#8994a1;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.teacher-course-detail strong{color:#33404d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.teacher-course-attendance-btn{color:#fff;cursor:pointer;background:#16794c;border:none;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;margin-top:auto;padding:0 15px;font-size:12px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 14px #16794c29}.teacher-course-attendance-btn:hover{background:#126640;transform:translateY(-1px);box-shadow:0 8px 18px #16794c38}.teacher-course-attendance-btn:active{transform:translateY(0)}.course-btn-arrow{font-size:17px;line-height:1;transition:transform .2s}.teacher-course-attendance-btn:hover .course-btn-arrow{transform:translate(3px)}.teacher-courses-empty{text-align:center;background:#fff;border:1px solid #e4e9ed;border-radius:16px;padding:70px 30px;box-shadow:0 5px 20px #19232d09}.teacher-courses-empty-icon{background:#edf8f2;border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:30px;display:flex}.teacher-courses-empty h3{color:#26323e;margin:0 0 8px;font-size:18px}.teacher-courses-empty p{color:#8994a1;max-width:400px;margin:0 auto 22px;font-size:13px;line-height:1.6}.teacher-courses-empty button{color:#fff;cursor:pointer;background:#16794c;border:none;border-radius:8px;height:40px;padding:0 17px;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.teacher-courses-empty button:hover{background:#126640;transform:translateY(-1px)}.teacher-courses-loading-page{color:#7b8794;background:#f6f8fb;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.teacher-courses-loading-page p{margin:0;font-size:13px}.teacher-courses-loading-box{color:#7b8794;background:#fff;border:1px solid #e4e9ed;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;display:flex}.teacher-courses-loading-box p{margin:0;font-size:13px}.teacher-courses-spinner{border:2px solid #dcebe3;border-top-color:#16794c;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite teacherCoursesSpin}@keyframes teacherCoursesSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1000px){.teacher-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.teacher-courses-header{align-items:flex-start;padding:16px 20px}.teacher-courses-header-left{gap:15px}.teacher-courses-title{padding-left:15px}.teacher-courses-title h1{font-size:19px}.teacher-courses-header-right{gap:10px}.teacher-mini-profile{display:none}.teacher-courses-container{padding:22px 16px 50px}.teacher-courses-intro{flex-direction:column;align-items:flex-start;padding:22px}.teacher-course-count{box-sizing:border-box;flex-direction:row;gap:8px;width:100%}.teacher-course-count span{margin-top:0}.teacher-courses-grid{grid-template-columns:1fr;gap:15px}}@media (width<=450px){.teacher-courses-header{flex-direction:column;gap:12px}.teacher-courses-header-left,.teacher-courses-header-right,.teacher-courses-logout{width:100%}.teacher-courses-intro h2{font-size:21px}.teacher-course-card{padding:18px}.teacher-course-details{grid-template-columns:1fr}.teacher-course-detail+.teacher-course-detail{border-top:1px solid #e4e8eb;border-left:none;padding-top:10px;padding-left:0}}.teacher-history-page{color:#1f2937;background:#f5f7fb;min-height:100vh}.history-header{box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:18px 32px;display:flex}.history-header-left{align-items:center;gap:22px;display:flex}.history-header-left h1{color:#111827;margin:0;font-size:25px;font-weight:700}.history-header-left p{color:#6b7280;margin:5px 0 0;font-size:14px}.history-back-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:600;transition:all .2s}.history-back-button:hover{background:#f3f4f6;border-color:#9ca3af}.history-header-right{align-items:center;gap:20px;display:flex}.history-teacher-profile{align-items:center;gap:10px;display:flex}.history-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.history-teacher-profile div:last-child{flex-direction:column;gap:2px;display:flex}.history-teacher-profile strong{color:#111827;font-size:14px}.history-teacher-profile span{color:#6b7280;font-size:12px}.history-logout-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 17px;font-size:13px;font-weight:600;transition:all .2s}.history-logout-button:hover{background:#dc2626}.history-container{box-sizing:border-box;max-width:1500px;margin:0 auto;padding:30px}.history-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:22px;padding:22px;box-shadow:0 2px 8px #0f172a0a}.history-filter-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.history-filter-heading h2{color:#111827;margin:0;font-size:18px;font-weight:700}.history-filter-heading p{color:#6b7280;margin:5px 0 0;font-size:13px}.history-record-count{color:#2563eb;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;padding:8px 13px;font-size:12px;font-weight:700}.history-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.history-filter-group{flex-direction:column;gap:7px;min-width:220px;display:flex}.history-filter-group label{color:#374151;font-size:12px;font-weight:700}.history-filter-group select,.history-filter-group input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;height:42px;padding:0 12px;font-size:13px}.history-filter-group select:focus,.history-filter-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.clear-history-filter{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:42px;padding:0 15px;font-size:13px;font-weight:600}.clear-history-filter:hover{background:#f3f4f6}.history-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:13px}.history-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.history-table-wrapper{width:100%;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;min-width:1050px}.history-table thead{background:#f8fafc}.history-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:15px 17px;font-size:11px;font-weight:700}.history-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 17px;font-size:13px}.history-table tbody tr:not(.student-details-row):hover{background:#fafcff}.history-table td strong{color:#111827}.history-course{color:#374151;background:#f3f4f6;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:600;display:inline-block}.history-total,.history-present,.history-absent,.history-leave{border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.history-total{color:#374151;background:#f3f4f6}.history-present{color:#047857;background:#ecfdf5}.history-absent{color:#dc2626;background:#fef2f2}.history-leave{color:#b45309;background:#fffbeb}.attendance-rate{align-items:center;gap:9px;min-width:120px;display:flex}.rate-bar{background:#e5e7eb;border-radius:20px;width:75px;height:7px;overflow:hidden}.rate-fill{background:#2563eb;border-radius:20px;height:100%;transition:width .3s}.attendance-rate strong{color:#374151;font-size:12px}.view-students-button{color:#2563eb;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.view-students-button:hover{background:#dbeafe;border-color:#93c5fd}.student-details-row{background:#f8fafc!important}.student-details-row>td{border-bottom:1px solid #e5e7eb;padding:0!important}.student-details-container{border-top:1px solid #e5e7eb;padding:24px}.student-details-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.student-details-header h3{color:#111827;margin:0;font-size:17px}.student-details-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.student-total-badge{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:7px 11px;font-size:12px;font-weight:700}.student-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.student-status-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.present-card{border-top:3px solid #10b981}.absent-card{border-top:3px solid #ef4444}.leave-card{border-top:3px solid #f59e0b}.student-status-title{color:#374151;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 15px;font-size:13px;font-weight:700;display:flex}.student-status-title>div{align-items:center;gap:8px;display:flex}.student-status-title strong{border-radius:6px;padding:4px 8px;font-size:12px}.present-card .student-status-title strong{color:#047857;background:#ecfdf5}.absent-card .student-status-title strong{color:#dc2626;background:#fef2f2}.leave-card .student-status-title strong{color:#b45309;background:#fffbeb}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.present-dot{background:#10b981}.absent-dot{background:#ef4444}.leave-dot{background:#f59e0b}.student-list{max-height:300px;padding:7px;overflow-y:auto}.student-list::-webkit-scrollbar{width:5px}.student-list::-webkit-scrollbar-track{background:#f8fafc}.student-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.student-item{border-radius:7px;align-items:center;gap:10px;padding:9px 8px;transition:all .15s;display:flex}.student-item:hover{background:#f8fafc}.student-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.absent-card .student-avatar{color:#dc2626;background:#fef2f2}.leave-card .student-avatar{color:#b45309;background:#fffbeb}.student-info{flex-direction:column;gap:2px;min-width:0;display:flex}.student-info strong{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.student-info span{color:#9ca3af;font-size:10px}.no-students{text-align:center;color:#9ca3af;padding:24px 15px;font-size:12px}.history-empty{text-align:center;padding:70px 25px}.history-empty-icon{margin-bottom:12px;font-size:38px}.history-empty h3{color:#111827;margin:0 0 7px;font-size:17px}.history-empty p{color:#6b7280;margin:0;font-size:13px}.teacher-history-loading{color:#6b7280;background:#f5f7fb;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:100vh;display:flex}.history-loading-box{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:300px;font-size:13px;display:flex}.history-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite history-spin}@keyframes history-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.history-header{padding:16px 20px}.history-container{padding:20px}.student-status-grid{grid-template-columns:1fr}}@media (width<=768px){.history-header{flex-direction:column;align-items:flex-start}.history-header-left{flex-direction:column;align-items:flex-start;gap:14px;width:100%}.history-header-right{justify-content:space-between;width:100%}.history-container{padding:15px}.history-filter-heading{flex-direction:column;align-items:flex-start}.history-filter-group{width:100%;min-width:100%}.history-filter-group select,.history-filter-group input,.clear-history-filter{width:100%}.student-details-container{padding:16px}.student-details-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.history-header-left h1{font-size:21px}.history-header-left p{font-size:12px}.history-teacher-profile{display:none}.history-header-right{justify-content:flex-end}.history-filter-card{padding:16px}.student-status-grid{gap:12px}}.teacher-timetable-page{color:#1f2937;background:#f5f7fb;min-height:100vh;padding:30px}.teacher-timetable-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.teacher-timetable-header h1{color:#111827;margin:0 0 7px;font-size:30px;font-weight:700}.teacher-timetable-header p{color:#6b7280;margin:0;font-size:15px}.teacher-timetable-summary{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:130px;padding:16px 22px;box-shadow:0 3px 12px #0000000a}.teacher-timetable-summary strong{color:#166534;font-size:25px;display:block}.teacher-timetable-summary span{color:#6b7280;font-size:13px}.teacher-timetable-teacher-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:15px;margin-bottom:24px;padding:18px 20px;display:flex;box-shadow:0 3px 12px #0000000a}.teacher-timetable-avatar{color:#fff;background:#166534;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;font-weight:700;display:flex}.teacher-timetable-teacher-card h3{margin:0 0 4px;font-size:16px}.teacher-timetable-teacher-card p{color:#6b7280;margin:0;font-size:13px}.teacher-timetable-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;overflow:hidden;box-shadow:0 5px 18px #0000000d}.teacher-timetable-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.teacher-timetable-card-header h2{margin:0 0 5px;font-size:19px}.teacher-timetable-card-header p{color:#6b7280;margin:0;font-size:13px}.teacher-timetable-card-header>span{color:#166534;background:#f0fdf4;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:600}.teacher-timetable-table-wrapper{width:100%;overflow-x:auto}.teacher-timetable-table{border-collapse:collapse;width:100%;min-width:700px}.teacher-timetable-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:15px 20px;font-size:12px}.teacher-timetable-table td{border-bottom:1px solid #eef0f3;padding:17px 20px;font-size:14px}.teacher-timetable-table tbody tr{transition:background .2s}.teacher-timetable-table tbody tr:hover{background:#f8fafc}.teacher-timetable-table tbody tr:last-child td{border-bottom:none}.teacher-timetable-time{white-space:nowrap;align-items:center;gap:7px;display:flex}.teacher-timetable-time strong{color:#166534}.teacher-timetable-time span{color:#9ca3af;font-size:12px}.teacher-timetable-course{color:#166534;background:#f0fdf4;border-radius:7px;padding:7px 11px;font-weight:600;display:inline-block}.teacher-timetable-attendance{color:#1d4ed8;background:#eff6ff;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:600;display:inline-block}.teacher-timetable-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:20px;padding:14px 18px;font-size:14px}.teacher-timetable-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:60px 20px;box-shadow:0 5px 18px #0000000a}.teacher-timetable-empty-icon{margin-bottom:15px;font-size:45px}.teacher-timetable-empty h2{margin:0 0 8px;font-size:20px}.teacher-timetable-empty p{color:#6b7280;margin:0}.teacher-timetable-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.teacher-timetable-spinner{border:4px solid #e5e7eb;border-top-color:#166534;border-radius:50%;width:38px;height:38px;margin-bottom:14px;animation:.8s linear infinite teacherTimetableSpin}@keyframes teacherTimetableSpin{to{transform:rotate(360deg)}}@media (width<=768px){.teacher-timetable-page{padding:20px 15px}.teacher-timetable-header h1{font-size:25px}.teacher-timetable-summary{min-width:95px;padding:12px}.teacher-timetable-card-header{padding:18px}.teacher-timetable-table th,.teacher-timetable-table td{padding:14px}}@media (width<=550px){.teacher-timetable-header{flex-direction:column;align-items:stretch}.teacher-timetable-summary{width:auto}.teacher-timetable-card-header{align-items:flex-start;gap:10px}}.student-login-page{box-sizing:border-box;color:#18212b;background:radial-gradient(circle at 10% 10%,#147a5021,#0000 32%),radial-gradient(circle at 90% 90%,#2563eb1a,#0000 35%),linear-gradient(135deg,#f5f8f7 0%,#f7f9fc 50%,#f2f6fb 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px;font-family:Arial,Helvetica,sans-serif;display:flex;position:relative;overflow:hidden}.student-login-bg-shape{pointer-events:none;filter:blur(2px);opacity:.55;border-radius:50%;position:absolute}.student-login-bg-shape-one{background:radial-gradient(circle,#147a501f,#0000 70%);width:280px;height:280px;top:-130px;left:-100px}.student-login-bg-shape-two{background:radial-gradient(circle,#2563eb1a,#0000 70%);width:360px;height:360px;bottom:-190px;right:-130px}.student-login-card{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #fffc;border-radius:24px;width:100%;max-width:455px;padding:42px;position:relative;box-shadow:0 30px 70px #0f172a1a,0 8px 25px #0f172a0d}.student-login-brand{align-items:center;gap:13px;margin-bottom:36px;display:flex}.student-login-logo{color:#fff;background:linear-gradient(135deg,#147a50,#0d6240);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 10px 22px #147a503d}.student-login-logo span{font-size:25px;font-weight:800}.student-login-brand h2{color:#17212b;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:750}.student-login-brand p{color:#84909a;margin:3px 0 0;font-size:12px;font-weight:500}.student-login-heading{margin-bottom:27px}.student-login-heading h1{color:#17212b;letter-spacing:-.8px;margin:0 0 9px;font-size:30px;font-weight:750}.student-login-heading p{color:#77838d;max-width:360px;margin:0;font-size:14px;line-height:1.65}.student-login-error{color:#b42318;background:linear-gradient(135deg,#fff7f7,#fff2f2);border:1px solid #f1c7c7;border-radius:11px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex;box-shadow:0 4px 12px #b423180a}.student-error-icon{color:#fff;background:#c0392b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:700;display:flex}.student-login-form{width:100%}.student-login-form-group{margin-bottom:20px}.student-login-form-group label{color:#35404a;margin-bottom:8px;font-size:13px;font-weight:650;display:block}.student-input-wrapper{align-items:center;display:flex;position:relative}.student-input-icon{color:#147a50;pointer-events:none;z-index:1;background:#eef7f3;border-radius:6px;justify-content:center;align-items:center;width:23px;height:23px;font-size:8px;font-weight:800;display:flex;position:absolute;left:14px}.student-lock-icon{font-size:8px}.student-input-wrapper input{box-sizing:border-box;color:#202a33;background:#fff;border:1px solid #dce2e6;border-radius:11px;outline:none;width:100%;height:50px;padding:0 75px 0 48px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}.student-input-wrapper input::placeholder{color:#a1aab1}.student-input-wrapper input:hover{border-color:#c7d0d6}.student-input-wrapper input:focus{background:#fff;border-color:#147a50;box-shadow:0 0 0 3px #147a501a,0 4px 12px #147a500a}.student-input-wrapper input:disabled{cursor:not-allowed;background:#f5f7f8}.student-password-toggle{color:#147a50;cursor:pointer;background:0 0;border:none;padding:6px;font-size:12px;font-weight:700;transition:color .2s;position:absolute;right:12px}.student-password-toggle:hover{color:#0d6040}.student-password-toggle:disabled{opacity:.5;cursor:not-allowed}.student-login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#147a50,#0f6b46);border:none;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;height:51px;margin-top:4px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 10px 22px #147a5033}.student-login-button:hover:not(:disabled){background:linear-gradient(135deg,#106d47,#0b5e3e);transform:translateY(-2px);box-shadow:0 14px 28px #147a5040}.student-login-button:active:not(:disabled){transform:translateY(0)}.student-login-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.student-login-arrow{font-size:20px;line-height:1;transition:transform .2s}.student-login-button:hover .student-login-arrow{transform:translate(3px)}.student-login-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite studentLoginSpin}@keyframes studentLoginSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.student-login-help{background:linear-gradient(135deg,#f5faf7,#f8fbfa);border:1px solid #e3ebe7;border-radius:13px;align-items:flex-start;gap:12px;margin-top:25px;padding:16px;display:flex}.student-help-icon{color:#147a50;background:#e2f1ea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:13px;font-weight:800;display:flex}.student-help-content{text-align:left;flex:1}.student-help-content p{color:#738079;margin:2px 0;font-size:12px;line-height:1.55}.student-help-content .student-help-title{color:#304039;margin-bottom:4px;font-size:13px;font-weight:700}.student-login-example{color:#147a50;letter-spacing:.4px;background:#e8f4ee;border-radius:6px;margin:7px 0;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.student-help-contact{color:#8b9690!important;margin-top:4px!important}.student-login-footer{text-align:center;border-top:1px solid #edf0f2;flex-direction:column;align-items:center;gap:6px;margin-top:26px;padding-top:20px;display:flex}.student-login-footer span{color:#9aa3a9;font-size:10px;line-height:1.5}@media (width<=600px){.student-login-page{padding:20px}.student-login-card{border-radius:20px;padding:32px 27px}.student-login-heading h1{font-size:27px}}@media (width<=430px){.student-login-page{padding:14px}.student-login-card{border-radius:18px;padding:28px 21px}.student-login-brand{margin-bottom:30px}.student-login-logo{border-radius:13px;width:47px;height:47px}.student-login-logo span{font-size:22px}.student-login-brand h2{font-size:20px}.student-login-heading{margin-bottom:23px}.student-login-heading h1{font-size:25px}.student-login-heading p{font-size:13px}.student-login-help{padding:14px}}@media (width<=350px){.student-login-page{padding:10px}.student-login-card{padding:24px 17px}.student-login-heading h1{font-size:23px}.student-login-form-group{margin-bottom:17px}}*{box-sizing:border-box}.student-dashboard-page{color:#14251f;background:radial-gradient(circle at 10% 10%,#10b98114,#0000 28%),radial-gradient(circle at 90% 20%,#d4af3714,#0000 25%),#f7faf9;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;position:relative;overflow-x:hidden}.student-bg-shape{pointer-events:none;z-index:0;filter:blur(1px);border-radius:50%;position:fixed}.student-bg-shape-one{background:#10b9810d;width:420px;height:420px;animation:12s ease-in-out infinite floatShape;top:80px;left:-220px}.student-bg-shape-two{background:#d4af370d;width:350px;height:350px;animation:15s ease-in-out infinite floatShapeTwo;top:480px;right:-180px}.student-bg-shape-three{background:#10b98109;width:240px;height:240px;animation:18s ease-in-out infinite floatShape;bottom:-100px;left:42%}@keyframes floatShape{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-30px)translate(20px)}}@keyframes floatShapeTwo{0%,to{transform:translateY(0)}50%{transform:translateY(40px)translate(-20px)}}.student-dashboard-topbar{-webkit-backdrop-filter:blur(18px);z-index:100;background:#ffffffe0;border-bottom:1px solid #10503a14;justify-content:space-between;align-items:center;height:78px;padding:0 6%;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0f2d230a}.student-brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.student-brand-logo{color:#fff;background:linear-gradient(135deg,#087f5b,#12a875);border-radius:13px;justify-content:center;align-items:center;width:43px;height:43px;font-size:20px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #087f5b40}.student-brand-logo:after{content:"";background:#ffffff40;width:50px;height:10px;animation:4s infinite logoShine;position:absolute;top:15px;left:-35px;transform:rotate(-45deg)}@keyframes logoShine{0%{left:-50px}35%,to{left:70px}}.student-brand-text{flex-direction:column;gap:2px;display:flex}.student-brand-text strong{color:#12372c;letter-spacing:-.3px;font-size:17px}.student-brand-text span{color:#7b9189;letter-spacing:.5px;font-size:11px;font-weight:600}.student-topbar-right{align-items:center;gap:20px;display:flex}.student-user-mini{align-items:center;gap:10px;display:flex}.student-mini-avatar{color:#087f5b;background:#e6f7f0;border:2px solid #c9eddf;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex}.student-mini-info{flex-direction:column;gap:2px;display:flex}.student-mini-info strong{color:#243d34;font-size:13px}.student-mini-info span{color:#84978f;font-size:10px;font-weight:600}.student-dashboard-logout{color:#536860;cursor:pointer;background:#fff;border:1px solid #e5ebe8;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:12px;font-weight:700;transition:transform .25s,color .25s,background .25s,box-shadow .25s;display:flex}.student-dashboard-logout:hover{color:#087f5b;background:#f0faf6;transform:translateY(-2px);box-shadow:0 7px 18px #0f503a14}.student-dashboard-logout:disabled{opacity:.6;cursor:not-allowed}.logout-icon{font-size:17px}.student-dashboard-main{z-index:1;width:min(1380px,88%);margin:0 auto;padding:38px 0 30px;position:relative}.student-welcome-section{color:#fff;background:radial-gradient(circle at 90% 10%,#ffffff21,#0000 25%),linear-gradient(135deg,#075d43,#087f5b 55%,#0b9369);border-radius:28px;justify-content:space-between;align-items:center;min-height:285px;padding:44px 48px;animation:.7s both heroEntrance;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 55px #087f5b2e}@keyframes heroEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.student-welcome-section:before{content:"";border:1px solid #ffffff21;border-radius:50%;width:360px;height:360px;position:absolute;top:-190px;right:-150px}.student-welcome-section:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-190px;right:70px}.student-welcome-content{z-index:2;max-width:700px;position:relative}.student-welcome-label{color:#ffffffb8;letter-spacing:2px;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:800;display:inline-flex}.welcome-label-dot{background:#d8b94a;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot;box-shadow:0 0 0 5px #d8b94a1f}@keyframes pulseDot{0%,to{box-shadow:0 0 0 4px #d8b94a1f}50%{box-shadow:0 0 0 8px #d8b94a0a}}.student-welcome-section h1{letter-spacing:-1.7px;margin:0;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.08}.student-welcome-section p{color:#ffffffc2;max-width:600px;margin:16px 0 22px;font-size:14px;line-height:1.7}.welcome-actions{align-items:center;gap:10px;display:flex}.hero-primary-btn,.hero-secondary-btn{cursor:pointer;border-radius:11px;height:42px;padding:0 17px;font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s}.hero-primary-btn{color:#124034;background:#fff;border:none;align-items:center;gap:18px;display:flex;box-shadow:0 8px 20px #0000001a}.hero-primary-btn strong{font-size:17px}.hero-primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px #00000029}.hero-secondary-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff40}.hero-secondary-btn:hover{background:#ffffff2b;transform:translateY(-3px)}.student-welcome-date{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff21;border-radius:17px;align-items:center;gap:15px;min-width:230px;padding:18px;animation:4s ease-in-out infinite dateFloat;display:flex;position:relative}@keyframes dateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.date-icon-box{color:#0b7655;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex;box-shadow:0 8px 20px #0000001f}.date-content{flex-direction:column;gap:4px;display:flex}.date-content span{letter-spacing:1.5px;color:#ffffff8c;font-size:9px;font-weight:800}.date-content strong{color:#fff;font-size:13px}.student-profile-banner{background:#fff;border:1px solid #0f483612;border-radius:20px;justify-content:space-between;align-items:center;min-height:125px;margin-top:22px;padding:24px 28px;animation:.7s .1s both sectionEntrance;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 35px #1432280d}@keyframes sectionEntrance{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.profile-banner-glow{background:#10b9810b;border-radius:50%;width:230px;height:230px;position:absolute;top:-100px;right:-120px}.student-profile-left{z-index:2;align-items:center;gap:17px;display:flex;position:relative}.student-large-avatar-wrapper{width:67px;height:67px;position:relative}.avatar-ring{border:2px dashed #087f5b33;border-radius:50%;animation:12s linear infinite avatarSpin;position:absolute;inset:-4px}@keyframes avatarSpin{to{transform:rotate(360deg)}}.student-large-avatar{color:#fff;background:linear-gradient(135deg,#087f5b,#0fb77e);border-radius:50%;justify-content:center;align-items:center;width:67px;height:67px;font-size:25px;font-weight:800;display:flex;box-shadow:0 10px 25px #087f5b33}.avatar-online-dot{background:#18b77a;border:3px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;bottom:3px;right:2px;box-shadow:0 0 0 3px #18b77a1f}.student-profile-info{flex-direction:column;gap:6px;display:flex}.student-profile-name-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.student-profile-name-row h2{color:#16392e;letter-spacing:-.4px;margin:0;font-size:19px}.student-active-badge{color:#087f5b;background:#e9f8f2;border-radius:20px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.student-active-badge span{background:#11a970;border-radius:50%;width:5px;height:5px}.student-profile-info p{color:#8a9a94;margin:0;font-size:11px}.student-profile-info p strong{color:#526961;margin-left:4px}.student-academic-info{z-index:2;align-items:center;gap:26px;display:flex;position:relative}.academic-item{align-items:center;gap:11px;min-width:180px;display:flex}.academic-icon{color:#087f5b;background:#eaf8f3;border-radius:10px;justify-content:center;align-items:center;width:37px;height:37px;font-size:15px;display:flex}.academic-item div:last-child{flex-direction:column;gap:4px;display:flex}.academic-item span{color:#9aa8a3;letter-spacing:1px;font-size:8px;font-weight:800}.academic-item strong{text-overflow:ellipsis;white-space:nowrap;color:#29483d;max-width:180px;font-size:12px;overflow:hidden}.academic-divider{background:#edf1ef;width:1px;height:42px}.student-section-heading{align-items:flex-end;gap:18px;margin:42px 2px 18px;display:flex}.section-eyebrow{color:#0b9870;letter-spacing:2px;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.student-section-heading h2{color:#16392e;letter-spacing:-.8px;margin:0;font-size:25px}.student-section-heading p{color:#8a9b94;margin:5px 0 0;font-size:12px}.section-heading-line{background:linear-gradient(90deg,#dfeae5,#0000);flex:1;height:1px;margin-bottom:7px}.student-dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.student-dashboard-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #0f463512;border-radius:19px;flex-direction:column;min-height:255px;padding:23px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;animation:.65s both cardEntrance;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #0f32270b}.student-dashboard-card:first-child{animation-delay:80ms}.student-dashboard-card:nth-child(2){animation-delay:.14s}.student-dashboard-card:nth-child(3){animation-delay:.2s}.student-dashboard-card:nth-child(4){animation-delay:.26s}.student-dashboard-card:nth-child(5){animation-delay:.32s}@keyframes cardEntrance{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.student-dashboard-card:hover{border-color:#087f5b29;transform:translateY(-8px);box-shadow:0 22px 45px #0f3c2e1c}.student-dashboard-card:active{transform:translateY(-4px)}.card-glow{background:#087f5b09;border-radius:50%;width:180px;height:180px;transition:transform .5s;position:absolute;top:-90px;right:-100px}.student-dashboard-card:hover .card-glow{transform:scale(1.5)}.card-top-row{justify-content:space-between;align-items:center;display:flex}.student-dashboard-card-icon{color:#087f5b;background:#eaf8f3;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;transition:transform .35s,background .35s;display:flex;position:relative}.student-dashboard-card:hover .student-dashboard-card-icon{transform:scale(1.08)rotate(-4deg)}.card-arrow{color:#93a29d;background:#f6f8f7;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:color .3s,background .3s,transform .3s;display:flex}.student-dashboard-card:hover .card-arrow{color:#fff;background:#087f5b;transform:rotate(8deg)}.card-content{flex:1;padding-top:24px}.card-number{color:#b7c5bf;letter-spacing:1.5px;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.card-content h3{color:#1d3c31;letter-spacing:-.35px;margin:0 0 8px;font-size:17px}.card-content p{color:#82938c;max-width:280px;margin:0;font-size:11px;line-height:1.65}.card-bottom{color:#6c8178;border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;padding-top:15px;font-size:10px;font-weight:700;display:flex}.card-bottom strong{color:#087f5b;font-size:15px;transition:transform .3s}.student-dashboard-card:hover .card-bottom strong{transform:translate(5px)}.timetable-card .student-dashboard-card-icon{color:#087f5b;background:#eaf8f3}.announcement-card .student-dashboard-card-icon{color:#b08012;background:#fff8df}.attendance-card .student-dashboard-card-icon{color:#3b73c5;background:#edf5ff}.profile-card .student-dashboard-card-icon{color:#8156b5;background:#f5effb}.results-card .student-dashboard-card-icon{color:#0b9270;background:#e9f8f2}.student-announcement-badge{color:#fff;background:#e19b28;border:2px solid #fff;border-radius:20px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:8px;font-weight:800;animation:2s infinite notificationPulse;display:flex;position:absolute;top:-7px;right:-7px;box-shadow:0 4px 10px #e19b284d}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.announcement-new-text{color:#b27b13;align-items:center;gap:5px;display:flex}.announcement-new-text i{background:#e09a20;border-radius:50%;width:5px;height:5px;animation:1.6s infinite pulseDot}.student-latest-notice{background:linear-gradient(135deg,#fffdf5,#fffaf0);border:1px solid #cd9e2e24;border-radius:17px;align-items:center;gap:17px;min-height:110px;margin-top:28px;padding:20px 23px;animation:.7s .35s both sectionEntrance;display:flex;position:relative;overflow:hidden}.student-latest-notice:before{content:"";background:#d4a62c;border-radius:0 5px 5px 0;width:4px;position:absolute;top:15px;bottom:15px;left:0}.latest-notice-icon{background:#fff1c9;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.latest-notice-content{flex:1;min-width:0}.latest-notice-content span{color:#b48620;letter-spacing:1.5px;font-size:8px;font-weight:800}.latest-notice-content h3{color:#59471d;margin:4px 0;font-size:14px}.latest-notice-content p{color:#897957;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.student-latest-notice button{color:#9a731e;cursor:pointer;background:#fff;border:1px solid #b4862033;border-radius:9px;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;font-size:10px;font-weight:800;transition:transform .25s,background .25s;display:flex}.student-latest-notice button:hover{background:#fff8e6;transform:translate(3px)}.student-dashboard-footer{color:#93a19c;border-top:1px solid #e5ebe8;justify-content:space-between;align-items:center;margin-top:45px;padding:23px 3px;font-size:10px;display:flex}.footer-brand{align-items:center;gap:8px;display:flex}.footer-logo{color:#fff;background:#087f5b;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:flex}.footer-brand div:last-child{flex-direction:column;gap:1px;display:flex}.footer-brand strong{color:#456057;font-size:10px}.footer-brand span{color:#9aa8a3;font-size:8px}.footer-center{color:#a1aea9}.footer-center strong{color:#087f5b}.student-loading-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.student-dashboard-loading{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #087f5b14;border-radius:22px;flex-direction:column;align-items:center;width:300px;padding:35px;animation:.6s loadingCardIn;display:flex;box-shadow:0 20px 50px #143c2d14}@keyframes loadingCardIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.student-loading-logo{color:#fff;background:linear-gradient(135deg,#087f5b,#12a875);border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;font-size:23px;font-weight:800;display:flex;box-shadow:0 10px 25px #087f5b33}.student-loading-spinner{border:3px solid #dff1eb;border-top-color:#087f5b;border-radius:50%;width:27px;height:27px;margin-bottom:15px;animation:.8s linear infinite spin}.student-dashboard-loading strong{color:#25473b;font-size:14px}.student-dashboard-loading>span{color:#92a19b;margin-top:5px;font-size:10px}.student-loading-orb{filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.orb-one{background:#10b98112;width:250px;height:250px;animation:10s infinite floatShape;top:10%;left:-100px}.orb-two{background:#d4af370f;width:300px;height:300px;animation:13s infinite floatShapeTwo;bottom:5%;right:-120px}@media (width<=1100px){.student-dashboard-main{width:92%}.student-dashboard-topbar{padding:0 4%}.student-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.student-profile-banner{align-items:flex-start;gap:25px}.student-academic-info{gap:15px}.academic-item{min-width:145px}}@media (width<=800px){.student-dashboard-topbar{height:70px}.student-mini-info{display:none}.student-topbar-right{gap:10px}.student-welcome-section{flex-direction:column;align-items:flex-start;gap:25px;min-height:auto;padding:32px}.student-welcome-date{width:100%}.student-profile-banner{flex-direction:column}.student-academic-info{width:100%}.academic-item{flex:1}}@media (width<=600px){.student-dashboard-main{width:94%;padding-top:22px}.student-dashboard-topbar{padding:0 3%}.student-brand-text{display:none}.student-dashboard-logout{padding:0 11px}.student-dashboard-logout span:last-child{display:none}.student-welcome-section{border-radius:21px;padding:28px 23px}.student-welcome-section h1{font-size:34px}.student-welcome-section p{font-size:12px}.welcome-actions{flex-direction:column;align-items:stretch}.hero-primary-btn,.hero-secondary-btn{justify-content:center;width:100%}.student-profile-banner{padding:20px}.student-profile-left{width:100%}.student-academic-info{flex-direction:column;align-items:stretch;gap:12px}.academic-divider{display:none}.academic-item{min-width:0}.student-dashboard-cards{grid-template-columns:1fr}.student-dashboard-card{min-height:230px}.student-section-heading{margin-top:32px}.student-section-heading h2{font-size:22px}.section-heading-line{display:none}.student-latest-notice{flex-wrap:wrap;align-items:flex-start}.latest-notice-content{width:calc(100% - 65px)}.student-latest-notice button{justify-content:center;width:100%}.student-dashboard-footer{text-align:center;flex-direction:column;gap:12px}.footer-center{order:3}}@media (width<=400px){.student-dashboard-topbar{height:64px}.student-brand-logo{width:38px;height:38px}.student-mini-avatar{width:34px;height:34px}.student-dashboard-logout{height:34px}.student-welcome-section h1{font-size:29px}.student-profile-name-row h2{font-size:17px}}.student-dashboard-card:focus-visible,.student-dashboard-logout:focus-visible,.hero-primary-btn:focus-visible,.hero-secondary-btn:focus-visible,.student-latest-notice button:focus-visible{outline-offset:3px;outline:3px solid #087f5b40}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.student-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.student-mini-avatar{overflow:hidden}.student-large-avatar{position:relative;overflow:hidden}.student-large-avatar .student-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.student-large-avatar-wrapper{position:relative}.student-timetable-page{box-sizing:border-box;color:#172033;background:radial-gradient(circle at 100% 0,#2563eb0f,#0000 28%),radial-gradient(circle at 0 0,#10b9810d,#0000 25%),#f7f9fc;min-height:100vh;padding:36px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.student-timetable-header{justify-content:space-between;align-items:center;gap:24px;max-width:1250px;margin:0 auto 28px;display:flex}.student-timetable-heading{align-items:center;gap:16px;display:flex}.student-timetable-title-icon{background:#eef4ff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;display:flex;box-shadow:0 8px 20px #2563eb14}.student-timetable-eyebrow{color:#2563eb;letter-spacing:1.5px;margin-bottom:4px;font-size:10px;font-weight:800}.student-timetable-header h1{color:#111827;letter-spacing:-.7px;margin:0 0 5px;font-size:30px;font-weight:750}.student-timetable-header p{color:#7b8494;margin:0;font-size:14px}.student-timetable-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.student-attendance-button,.student-timetable-refresh{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:43px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:650;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.student-attendance-button{color:#2563eb;background:#fff;border:1px solid #dce5f5;box-shadow:0 3px 10px #00000008}.student-attendance-button:hover{background:#f8faff;border-color:#bfd0ef;transform:translateY(-1px);box-shadow:0 7px 18px #2563eb14}.student-timetable-refresh{color:#fff;background:#2563eb;border:none;box-shadow:0 7px 16px #2563eb2e}.student-timetable-refresh:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 9px 20px #2563eb40}.student-timetable-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none}.student-timetable-student-card{box-sizing:border-box;background:#ffffffeb;border:1px solid #e7ebf2;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;max-width:1250px;margin:0 auto 24px;padding:22px 25px;display:flex;box-shadow:0 8px 28px #0f172a0b}.student-timetable-profile-left{align-items:center;gap:16px;min-width:0;display:flex}.student-timetable-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:24px;font-weight:750;display:flex;box-shadow:0 9px 20px #2563eb2e}.student-profile-label{color:#8a94a6;letter-spacing:1.3px;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.student-timetable-student-info h2{color:#111827;margin:0 0 6px;font-size:19px;font-weight:700}.student-timetable-student-info p{color:#7b8494;align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.student-timetable-student-info p strong{color:#374151;font-weight:650}.student-timetable-details{align-items:center;gap:30px;display:flex}.student-detail-item{align-items:center;gap:10px;display:flex}.student-detail-icon{background:#f3f6fb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.student-detail-item div{flex-direction:column;gap:3px;display:flex}.student-detail-item small{color:#9099a8;font-size:10px;font-weight:600}.student-detail-item strong{color:#374151;font-size:12px;font-weight:650}.student-timetable-summary{background:#fff;border:1px solid #e7ebf2;border-radius:15px;align-items:center;gap:25px;max-width:1250px;margin:0 auto 24px;padding:16px 22px;display:flex}.student-summary-item{align-items:center;gap:11px;display:flex}.student-summary-icon{background:#f0f5ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.student-summary-item div{flex-direction:column;gap:1px;display:flex}.student-summary-item strong{color:#1f2937;font-size:17px;font-weight:750}.student-summary-item span{color:#8a94a6;font-size:10px;font-weight:600}.student-summary-divider{background:#e8ecf2;width:1px;height:32px}.student-timetable-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1250px;margin:0 auto;display:grid}.student-day-card{background:#fff;border:1px solid #e7ebf2;border-radius:16px;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 6px 20px #0f172a09}.student-day-card:hover{border-color:#d8e1f0;transform:translateY(-2px);box-shadow:0 12px 28px #0f172a12}.student-day-empty:hover{transform:none;box-shadow:0 6px 20px #0f172a09}.student-day-header{box-sizing:border-box;background:#fbfcfe;border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;min-height:57px;padding:0 18px;display:flex}.student-day-title{align-items:center;gap:9px;display:flex}.student-day-dot{background:#2563eb;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #eaf0ff}.student-day-header h3{color:#202938;margin:0;font-size:15px;font-weight:700}.student-day-header>span{color:#929baa;background:#f3f5f8;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:650}.student-day-header>span.has-classes{color:#2563eb;background:#eef4ff}.student-day-classes{padding:12px}.student-class-card{background:#fff;border:1px solid #edf0f5;border-radius:12px;min-height:95px;margin-bottom:9px;transition:border-color .2s,background .2s,transform .2s;display:flex;overflow:hidden}.student-class-card:last-child{margin-bottom:0}.student-class-card:hover{background:#fbfdff;border-color:#d9e4f6;transform:translate(2px)}.student-class-time{box-sizing:border-box;background:#f8faff;border-right:1px solid #edf1f7;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;width:102px;padding:13px 10px;display:flex}.student-time-start,.student-time-end{color:#334155;white-space:nowrap;font-size:11px;font-weight:700}.student-time-start{color:#2563eb}.student-class-time small{color:#b0b7c2;font-size:10px}.student-time-line{background:#cbd5e1;width:1px;height:5px}.student-class-info{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:13px 15px;display:flex}.student-class-badge{color:#5278c8;letter-spacing:.7px;background:#f0f5ff;border-radius:5px;width:fit-content;margin-bottom:5px;padding:3px 7px;font-size:8px;font-weight:800}.student-class-info h4{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:14px;font-weight:700;overflow:hidden}.student-course-id{color:#9aa3b1;margin:0 0 5px;font-size:10px}.student-class-teacher{color:#7c8797;align-items:center;gap:4px;margin:0;font-size:10px;display:flex}.student-class-teacher span{font-size:11px}.student-no-class{color:#a1a9b5;justify-content:center;align-items:center;gap:8px;min-height:72px;font-size:11px;font-weight:550;display:flex}.student-no-class span{color:#c5cbd4;font-size:16px}.student-timetable-empty{text-align:center;background:#fff;border:1px solid #e7ebf2;border-radius:20px;max-width:650px;margin:50px auto;padding:55px 35px;box-shadow:0 10px 30px #0f172a0d}.student-timetable-empty-icon{background:#eef4ff;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:32px;display:flex}.student-timetable-empty h2{color:#1f2937;margin:0 0 9px;font-size:21px}.student-timetable-empty p{color:#7b8494;max-width:430px;margin:0 auto;font-size:13px;line-height:1.6}.student-timetable-loading{flex-direction:column;justify-content:center;align-items:center;min-height:75vh;display:flex}.student-timetable-spinner{border:3px solid #e5eaf2;border-top-color:#2563eb;border-radius:50%;width:38px;height:38px;margin-bottom:18px;animation:.75s linear infinite studentTimetableSpin}@keyframes studentTimetableSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.student-timetable-loading h3{color:#374151;margin:0 0 6px;font-size:16px}.student-timetable-loading p{color:#9aa3b1;margin:0;font-size:12px}.student-timetable-error{text-align:center;background:#fff;border:1px solid #f0e0e0;border-radius:18px;max-width:500px;margin:100px auto;padding:40px 30px;box-shadow:0 10px 30px #0f172a0d}.student-timetable-error-icon{color:#dc2626;background:#fff1f2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:20px;font-weight:800;display:flex}.student-timetable-error-label{color:#dc2626;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:inline-block}.student-timetable-error h2{color:#1f2937;margin:0 0 8px;font-size:20px}.student-timetable-error p{color:#7b8494;margin:0 auto 22px;font-size:13px;line-height:1.6}.student-timetable-retry{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:650;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 7px 16px #2563eb2e}.student-timetable-retry:hover{background:#1d4ed8;transform:translateY(-1px)}@media (width<=900px){.student-timetable-page{padding:28px 22px}.student-timetable-header{align-items:flex-start}.student-timetable-student-card{flex-direction:column;align-items:flex-start}.student-timetable-details{border-top:1px solid #edf0f4;justify-content:flex-start;width:100%;padding-top:4px}.student-timetable-grid{grid-template-columns:1fr}}@media (width<=600px){.student-timetable-page{padding:20px 14px}.student-timetable-header{flex-direction:column;margin-bottom:20px}.student-timetable-heading{align-items:flex-start}.student-timetable-title-icon{border-radius:13px;width:48px;height:48px;font-size:23px}.student-timetable-header h1{font-size:24px}.student-timetable-header p{font-size:12px}.student-timetable-header-actions{width:100%}.student-attendance-button,.student-timetable-refresh{flex:1;padding:0 12px}.student-timetable-student-card{border-radius:15px;gap:18px;padding:18px}.student-timetable-profile-left{width:100%}.student-timetable-avatar{border-radius:14px;width:52px;height:52px;font-size:21px}.student-timetable-student-info h2{font-size:17px}.student-timetable-details{flex-direction:column;align-items:flex-start;gap:13px}.student-detail-item{width:100%}.student-timetable-summary{gap:15px;padding:14px 16px}.student-summary-divider{height:28px}.student-summary-item{gap:7px}.student-summary-icon{width:32px;height:32px;font-size:14px}.student-summary-item strong{font-size:15px}.student-summary-item span{font-size:9px}.student-day-header{min-height:52px;padding:0 14px}.student-day-classes{padding:9px}.student-class-card{min-height:90px}.student-class-time{width:88px;padding:10px 6px}.student-time-start,.student-time-end{font-size:10px}.student-class-info{padding:11px 12px}.student-class-info h4{font-size:13px}.student-timetable-empty{margin:35px auto;padding:40px 20px}}@media (width<=400px){.student-timetable-header-actions{flex-direction:column}.student-attendance-button,.student-timetable-refresh{flex:none;width:100%}.student-timetable-summary{justify-content:space-between}.student-summary-divider{display:none}.student-class-time{width:80px}}.student-attendance-page{color:#1f2937;background:#f5f7fb;min-height:100vh}.student-attendance-loading{justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}.student-attendance-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.student-back-button{color:#4f46e5;cursor:pointer;background:0 0;border:none;margin-bottom:10px;padding:0;font-size:14px}.student-attendance-header h1{margin:0;font-size:28px}.student-attendance-header p{color:#6b7280;margin:6px 0 0}.student-header-right{align-items:center;gap:22px;display:flex}.student-mini-profile{align-items:center;gap:10px;display:flex}.student-mini-avatar{color:#fff;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.student-mini-profile strong{display:block}.student-mini-profile span{color:#6b7280;margin-top:3px;font-size:13px;display:block}.student-logout-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:7px;padding:10px 16px}.student-attendance-container{max-width:1400px;margin:0 auto;padding:32px 40px}.student-alert{border-radius:8px;margin-bottom:20px;padding:14px 16px}.student-alert-error{color:#991b1b;background:#fee2e2}.student-attendance-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.student-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.student-summary-card span{color:#6b7280;font-size:14px;display:block}.student-summary-card strong{margin-top:8px;font-size:28px;display:block}.student-summary-card.present{border-left:4px solid #22c55e}.student-summary-card.absent{border-left:4px solid #ef4444}.student-summary-card.leave{border-left:4px solid #f59e0b}.student-summary-card.percentage{border-left:4px solid #4f46e5}.student-attendance-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.student-attendance-card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.student-attendance-card-header h2{margin:0;font-size:22px}.student-attendance-card-header p{color:#6b7280;margin:6px 0 0}.student-refresh-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:7px;padding:10px 16px}.student-attendance-filters{background:#f9fafb;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;padding:18px;display:grid}.student-filter-group label{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.student-filter-group select,.student-filter-group input{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:7px;width:100%;padding:11px 12px;font-size:14px}.student-clear-button{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:7px;width:100%;padding:11px 12px}.student-attendance-table-wrapper{overflow-x:auto}.student-attendance-table{border-collapse:collapse;width:100%}.student-attendance-table th{color:#4b5563;text-align:left;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px;font-size:13px}.student-attendance-table td{border-bottom:1px solid #f0f0f0;padding:15px 14px}.student-attendance-table tbody tr:hover{background:#fafafa}.student-attendance-status{border-radius:20px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.student-attendance-status.present{color:#166534;background:#dcfce7}.student-attendance-status.absent{color:#991b1b;background:#fee2e2}.student-attendance-status.leave{color:#92400e;background:#fef3c7}.student-attendance-empty{text-align:center;color:#6b7280;padding:60px 20px}.student-empty-icon{margin-bottom:12px;font-size:42px}.student-attendance-empty h3{color:#374151;margin:0 0 8px}@media (width<=1000px){.student-attendance-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.student-attendance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.student-attendance-header{flex-direction:column;align-items:flex-start;gap:18px;padding:20px}.student-header-right{justify-content:space-between;width:100%}.student-attendance-container{padding:20px}.student-attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.student-attendance-filters{grid-template-columns:1fr}.student-attendance-card-header{flex-direction:column;align-items:flex-start;gap:15px}}@media (width<=450px){.student-attendance-summary{grid-template-columns:1fr}.student-header-right{flex-direction:column;align-items:flex-start}}.student-profile-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:30px}.student-profile-header{justify-content:space-between;align-items:flex-start;max-width:1100px;margin:0 auto 25px;display:flex}.student-profile-header h1{color:#1f2937;margin:12px 0 6px;font-size:30px;font-weight:700}.student-profile-header p{color:#6b7280;margin:0;font-size:15px}.student-profile-back{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.student-profile-back:hover{text-decoration:underline}.student-profile-container{max-width:1100px;margin:0 auto}.student-profile-main-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:20px;margin-bottom:20px;padding:28px;display:flex;box-shadow:0 4px 12px #0000000a}.student-profile-avatar{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;font-size:30px;font-weight:700;display:flex}.student-profile-main-info h2{color:#111827;margin:0 0 7px;font-size:24px}.student-profile-main-info p{color:#6b7280;margin:0;font-size:14px}.student-profile-main-info strong{color:#374151}.student-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 12px #0000000a}.student-profile-card-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.student-profile-card-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:700}.student-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.student-profile-field{border-bottom:1px solid #f1f5f9;padding:20px 24px}.student-profile-field:nth-child(odd){border-right:1px solid #f1f5f9}.student-profile-field span{color:#6b7280;margin-bottom:7px;font-size:13px;font-weight:500;display:block}.student-profile-field strong{color:#111827;word-break:break-word;font-size:15px;display:block}.student-profile-status{color:#15803d!important}.student-profile-loading{color:#6b7280;justify-content:center;align-items:center;min-height:70vh;font-size:16px;display:flex}.student-profile-error{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-width:500px;margin:100px auto;padding:40px}.student-profile-error-icon{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 15px;font-size:22px;font-weight:700;display:flex}.student-profile-error h2{color:#111827;margin:0 0 10px}.student-profile-error p{color:#6b7280;margin:0 0 20px}.student-profile-error button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.student-profile-error button:hover{background:#1d4ed8}@media (width<=700px){.student-profile-page{padding:20px 15px}.student-profile-header h1{font-size:25px}.student-profile-main-card{align-items:flex-start;padding:20px}.student-profile-avatar{width:60px;height:60px;font-size:24px}.student-profile-main-info h2{font-size:20px}.student-profile-grid{grid-template-columns:1fr}.student-profile-field:nth-child(odd){border-right:none}}.student-announcements-page{color:#1f2937;background:#f5f7fb;min-height:100vh}.student-announcements-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:30px;min-height:82px;padding:20px 40px;display:flex}.student-announcements-header-left{flex-direction:column;align-items:flex-start;display:flex}.student-announcements-back{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-bottom:8px;padding:0;font-size:14px;font-weight:600}.student-announcements-back:hover{color:#1d4ed8}.student-announcements-header h1{color:#111827;margin:0;font-size:28px;font-weight:700}.student-announcements-header p{color:#6b7280;margin:5px 0 0;font-size:14px}.student-announcements-header-right{align-items:center;gap:18px;display:flex}.student-announcements-profile{align-items:center;gap:10px;display:flex}.student-announcements-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.student-announcements-profile-info{flex-direction:column;display:flex}.student-announcements-profile-info strong{color:#111827;font-size:14px}.student-announcements-profile-info span{color:#6b7280;margin-top:2px;font-size:12px}.student-announcements-logout{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s}.student-announcements-logout:hover{background:#dc2626}.student-announcements-container{width:100%;max-width:1100px;margin:0 auto;padding:35px 30px 50px}.student-announcements-topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.student-announcements-topbar h2{color:#111827;margin:0;font-size:21px;font-weight:700}.student-announcements-topbar p{color:#6b7280;margin:4px 0 0;font-size:13px}.student-announcements-refresh{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:all .2s}.student-announcements-refresh:hover{background:#f3f4f6}.student-announcements-refresh:disabled{opacity:.6;cursor:not-allowed}.student-announcements-list{flex-direction:column;gap:18px;display:flex}.student-announcement-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000000a}.student-announcement-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.student-announcement-priority-bar{background:#6b7280;flex-shrink:0;width:5px}.student-announcement-card.priority-important .student-announcement-priority-bar{background:#f59e0b}.student-announcement-card.priority-urgent .student-announcement-priority-bar{background:#ef4444}.student-announcement-content{flex:1;padding:22px 24px}.student-announcement-card-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.student-announcement-card-header h3{color:#111827;margin:10px 0 0;font-size:20px;line-height:1.35}.student-announcement-date{color:#6b7280;flex-shrink:0;font-size:12px}.student-announcement-priority{text-transform:uppercase;letter-spacing:.3px;color:#4b5563;background:#f3f4f6;border-radius:5px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.student-announcement-priority.priority-important{color:#92400e;background:#fef3c7}.student-announcement-priority.priority-urgent{color:#b91c1c;background:#fee2e2}.student-announcement-message{color:#4b5563;white-space:pre-wrap;margin-top:18px;font-size:15px;line-height:1.7}.student-announcement-footer{color:#6b7280;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding-top:14px;font-size:12px;display:flex}.student-announcements-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:70px 30px}.student-announcements-empty-icon{background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:28px;display:flex}.student-announcements-empty h2{color:#111827;margin:0;font-size:20px}.student-announcements-empty p{color:#6b7280;max-width:450px;margin:8px auto 0;font-size:14px;line-height:1.6}.student-announcements-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;padding:22px}.student-announcements-error strong{font-size:16px;display:block}.student-announcements-error p{margin:7px 0 14px;font-size:14px}.student-announcements-error button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600}.student-announcements-error button:hover{background:#b91c1c}.student-announcements-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:15px;display:flex}.student-announcements-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:34px;height:34px;margin-bottom:15px;animation:.8s linear infinite studentAnnouncementsSpin}@keyframes studentAnnouncementsSpin{to{transform:rotate(360deg)}}@media (width<=800px){.student-announcements-header{padding:18px 22px}.student-announcements-container{padding:28px 20px 40px}.student-announcements-header-right{gap:10px}.student-announcements-profile-info{display:none}}@media (width<=600px){.student-announcements-header{flex-direction:column;align-items:stretch;gap:18px}.student-announcements-header-right{justify-content:space-between}.student-announcements-header h1{font-size:24px}.student-announcements-container{padding:22px 15px 35px}.student-announcements-topbar{align-items:flex-start;gap:12px}.student-announcements-topbar h2{font-size:18px}.student-announcement-content{padding:18px}.student-announcement-card-header{flex-direction:column;gap:10px}.student-announcement-card-header h3{font-size:18px}.student-announcement-date{order:-1}.student-announcement-footer{flex-direction:column;align-items:flex-start}}.student-results-page{box-sizing:border-box;color:#172033;background:radial-gradient(circle at 0 0,#2563eb12,#0000 30%),radial-gradient(circle at 100% 0,#10b9810f,#0000 28%),#f6f8fc;min-height:100vh;padding:36px 28px 60px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.student-results-container{width:100%;max-width:1180px;margin:0 auto}.student-results-header{margin-bottom:28px}.student-results-header-left{flex-direction:column;gap:20px;display:flex}.student-results-back{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:fit-content;padding:0;font-size:14px;font-weight:600;transition:color .2s,transform .2s;display:inline-flex}.student-results-back span{font-size:19px;line-height:1}.student-results-back:hover{color:#2563eb;transform:translate(-3px)}.student-results-title-row{align-items:center;gap:16px;display:flex}.student-results-title-icon{background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 10px 25px #2563eb33}.student-results-title-icon span{font-size:27px}.student-results-title-row h1{color:#111827;letter-spacing:-.8px;margin:0 0 5px;font-size:31px;font-weight:750}.student-results-title-row p{color:#64748b;margin:0;font-size:14px}.student-results-message{border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:15px 17px;display:flex}.student-results-message.error{color:#991b1b;background:#fff7f7;border:1px solid #fecaca}.student-results-message-icon{color:#fff;background:#dc2626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:flex}.student-results-message strong{margin-bottom:3px;font-size:14px;display:block}.student-results-message p{margin:0;font-size:13px;line-height:1.5}.student-results-profile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #e6eaf0;border-radius:18px;align-items:center;gap:18px;margin-bottom:28px;padding:22px 24px;display:flex;box-shadow:0 8px 25px #0f172a0d}.student-results-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:25px;font-weight:750;display:flex;box-shadow:0 8px 18px #2563eb2e}.student-results-profile-info{flex:1;justify-content:space-between;align-items:center;gap:25px;display:flex}.student-results-profile-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.student-results-profile h2{color:#111827;margin:0;font-size:20px;font-weight:700}.student-results-profile-details{align-items:center;gap:35px;display:flex}.student-results-profile-details div{flex-direction:column;gap:4px;display:flex}.student-results-profile-details span{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.student-results-profile-details strong{color:#334155;font-size:13px}.student-results-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:36px;display:grid}.student-result-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e5eaf1;border-radius:18px;align-items:center;gap:17px;min-height:125px;padding:23px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 25px #0f172a0b}.student-result-summary-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0f172a14}.student-summary-icon{background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:23px;display:flex}.student-summary-content{flex-direction:column;gap:2px;display:flex}.student-summary-content span{color:#64748b;font-size:12px;font-weight:600}.student-summary-content strong{color:#111827;font-size:27px;font-weight:750}.student-summary-content small{color:#94a3b8;font-size:11px}.student-results-section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.student-results-section-heading h2{color:#172033;margin:0 0 4px;font-size:20px;font-weight:750}.student-results-section-heading p{color:#64748b;margin:0;font-size:13px}.student-results-count{color:#2563eb;background:#eef4ff;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:700}.student-results-list{flex-direction:column;gap:16px;display:flex}.student-result-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 7px 22px #0f172a0b}.student-result-card:hover{border-color:#d7e2f3;transform:translateY(-2px);box-shadow:0 12px 28px #0f172a14}.student-result-card-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.student-result-main{align-items:center;gap:14px;min-width:0;display:flex}.student-result-icon{background:#f0f5ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.student-result-title{min-width:0}.student-result-title h2{color:#172033;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:17px;font-weight:700;overflow:hidden}.student-result-course{color:#2563eb;margin:0;font-size:12px;font-weight:600}.student-result-date{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.student-result-date span{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.student-result-date strong{color:#475569;font-size:12px;font-weight:650}.student-result-divider{background:#edf0f5;height:1px;margin:20px 0}.student-result-performance{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.student-result-stat,.student-result-grade-wrapper{background:#f8fafc;border:1px solid #eef2f6;border-radius:13px;padding:15px}.student-result-stat{flex-direction:column;gap:6px;display:flex}.student-result-stat span,.student-result-grade-wrapper>span{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.student-result-stat strong{color:#172033;font-size:20px;font-weight:750}.student-result-stat strong small{color:#94a3b8;font-size:12px;font-weight:600}.student-result-stat .percentage-value{color:#2563eb}.student-result-grade-wrapper{justify-content:space-between;align-items:center;gap:12px;display:flex}.student-result-grade{color:#047857;background:#ecfdf5;border-radius:10px;justify-content:center;align-items:center;min-width:43px;height:36px;padding:0 10px;font-size:15px;font-weight:800;display:flex}.grade-a,.grade-aplus{color:#047857;background:#ecfdf5}.grade-b,.grade-bplus{color:#2563eb;background:#eff6ff}.grade-c,.grade-cplus{color:#b45309;background:#fffbeb}.grade-d,.grade-dplus{color:#c2410c;background:#fff7ed}.grade-f{color:#dc2626;background:#fef2f2}.student-result-remarks{background:#fafbff;border:1px solid #edf0f7;border-radius:12px;align-items:flex-start;gap:11px;margin-top:15px;padding:14px 15px;display:flex}.remarks-icon{background:#eef4ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.student-result-remarks span{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.student-result-remarks p{color:#475569;margin:0;font-size:13px;line-height:1.5}.student-results-empty{text-align:center;background:#fff;border:1px solid #e5eaf1;border-radius:20px;flex-direction:column;align-items:center;padding:70px 25px;display:flex;box-shadow:0 8px 25px #0f172a0b}.student-results-empty-icon{background:linear-gradient(135deg,#eff6ff,#eef2ff);border-radius:22px;justify-content:center;align-items:center;width:78px;height:78px;margin-bottom:18px;display:flex}.student-results-empty-icon span{font-size:34px}.student-results-empty-label{color:#2563eb;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px;font-size:11px;font-weight:700}.student-results-empty h2{color:#172033;margin:0 0 8px;font-size:22px}.student-results-empty p{color:#64748b;max-width:480px;margin:0 0 24px;font-size:14px;line-height:1.6}.student-results-empty-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:650;transition:background .2s,transform .2s;box-shadow:0 7px 16px #2563eb2e}.student-results-empty-button:hover{background:#1d4ed8;transform:translateY(-1px)}.student-results-loading{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:70vh;display:flex}.student-results-loading p{color:#64748b;margin:0;font-size:14px}.student-results-spinner{border:3px solid #e5eaf1;border-top-color:#2563eb;border-radius:50%;width:38px;height:38px;animation:.75s linear infinite studentResultsSpin}@keyframes studentResultsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=800px){.student-results-page{padding:28px 20px 45px}.student-results-profile-info{flex-direction:column;align-items:flex-start;gap:15px}.student-results-profile-details{gap:25px}.student-result-card-top{flex-direction:column;align-items:flex-start}.student-result-date{align-items:flex-start}}@media (width<=600px){.student-results-page{padding:22px 15px 40px}.student-results-title-row{align-items:flex-start}.student-results-title-icon{border-radius:14px;width:50px;height:50px}.student-results-title-icon span{font-size:23px}.student-results-title-row h1{font-size:25px}.student-results-title-row p{font-size:13px;line-height:1.5}.student-results-profile{border-radius:16px;align-items:flex-start;padding:18px}.student-results-avatar{border-radius:14px;width:52px;height:52px;font-size:21px}.student-results-profile h2{font-size:18px}.student-results-profile-details{flex-direction:column;align-items:flex-start;gap:9px}.student-results-summary{grid-template-columns:1fr;gap:12px;margin-bottom:28px}.student-result-summary-card{min-height:105px;padding:18px}.student-summary-content strong{font-size:24px}.student-results-section-heading{flex-direction:column;align-items:flex-start;gap:10px}.student-result-card{border-radius:16px;padding:17px}.student-result-title h2{white-space:normal;font-size:15px}.student-result-performance{grid-template-columns:1fr;gap:9px}.student-result-stat,.student-result-grade-wrapper{padding:13px}.student-result-grade-wrapper{min-height:48px}.student-result-remarks{padding:12px}}@media (width<=400px){.student-results-title-icon{width:46px;height:46px}.student-results-title-row h1{font-size:22px}.student-results-profile{gap:13px}.student-results-profile-details{width:100%}.student-results-card-top{gap:12px}}