@import"https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";.header{min-height:100vh;width:100%;background-image:linear-gradient(#0e0c12b3,#100a0ab3),url(/images/banner.png);background-position:center;background-size:cover;position:relative;color:#fff}:root{--primary-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--accent-color: #38bdf8;--accent-red: #ef4444;--text-white: #f8fafc;--glass-bg: rgba(30, 41, 59, .95);--border-light: rgba(255, 255, 255, .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.navbar{height:10vh;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:var(--primary-gradient);color:var(--text-white);position:relative;z-index:1000;box-shadow:0 4px 20px #0003;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-brand{display:flex;align-items:center;gap:1rem;z-index:1001;text-decoration:none}.logo{width:100px;height:auto;filter:drop-shadow(0 0 8px rgba(56,189,248,.3));transition:transform .3s ease}.navbar-brand:hover .logo{transform:scale(1.05) rotate(-5deg)}.logo-text{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;align-items:center;height:100%}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0;align-items:center}.nav-link{text-decoration:none;color:var(--text-muted);font-size:.9rem;font-weight:600;padding:5px 0;position:relative;transition:var(--transition)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--accent-color);transition:var(--transition);border-radius:2px}.nav-link:hover{color:var(--text-white)}.nav-link:hover:after{width:100%}.dashboard-link{color:var(--accent-color)!important}.dashboard-link:after{background-color:var(--accent-color);width:100%;opacity:.5}.login-btn{background:#0f172a66;color:#38bdf8!important;border:1px solid rgba(56,189,248,.4);padding:10px 32px;border-radius:50px;position:relative;overflow:hidden;font-size:.85rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 0 10px #38bdf80d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.login-btn:hover{background:#38bdf826;border-color:#38bdf8;color:#fff!important;box-shadow:0 0 20px #38bdf899,inset 0 0 10px #38bdf866;text-shadow:0 0 8px rgba(255,255,255,.8);transform:translateY(-2px)}.login-btn:before{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-25deg);transition:none;z-index:-1}.login-btn:hover:before{left:150%;transition:left .6s ease}.login-btn:after{display:none}.auth-item{display:flex;align-items:center;gap:1rem;background:#ffffff0d;padding:6px 8px 6px 16px;border-radius:50px;border:1px solid rgba(255,255,255,.1);margin-left:1.5rem}.user-info{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:500;color:var(--text-muted)}.logout-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--accent-red);cursor:pointer;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:50px;transition:var(--transition)}.logout-btn:hover{background:var(--accent-red);color:#fff;box-shadow:0 0 10px #ef44444d}.hamburger-icon,.mobile-close-icon{display:none;font-size:1.5rem;cursor:pointer;color:var(--text-white);transition:transform .3s}.hamburger-icon:hover{color:var(--accent-color);transform:scale(1.1)}@media (max-width: 850px){.navbar{padding:0 1.5rem}.hamburger-icon{display:block}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:280px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;padding:80px 30px;transition:right .4s cubic-bezier(.2,.8,.2,1);box-shadow:-10px 0 30px #00000080;z-index:999;border-left:1px solid var(--border-light)}.nav-links.active{right:0}.mobile-close-icon{display:block;position:absolute;top:25px;right:25px;font-size:1.8rem}.nav-menu{flex-direction:column;width:100%;gap:0;align-items:flex-start}.nav-item{width:100%}.nav-link{display:block;width:100%;padding:15px 0;font-size:1.1rem;border-bottom:1px solid var(--border-light);color:#e2e8f0}.nav-link:after{bottom:10px}.auth-item{flex-direction:column;align-items:flex-start;background:transparent;padding:0;margin:30px 0 0;width:100%;border:none}.user-info{font-size:1rem;margin-bottom:15px;color:var(--accent-color)}.logout-btn{width:100%;justify-content:center;padding:12px 0;font-size:1rem;background:var(--accent-red);color:#fff}}.hero-container{position:relative;width:100%;min-height:90vh;overflow:hidden;background-color:#0f172a}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;opacity:0;transition:opacity 1.5s ease-in-out;z-index:1}.hero-slide.active{opacity:1;transform:scale(1.05);transition:opacity 1.5s ease-in-out,transform 6s ease}.text-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:85%;max-width:900px;padding:50px 40px;background:#0003;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border:1px solid rgba(255,255,255,0);border-radius:24px;box-shadow:0 15px 35px #0003;text-align:center;color:#fff;animation:fadeIn 1.2s ease-out}.text-box h1{font-family:Playfair Display,serif;font-size:3.8rem;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative;display:inline-block}.text-box h1:after{content:"";display:block;width:80px;height:4px;background:#c0a060;margin:15px auto 0;border-radius:2px}.text-box p{font-family:Poppins,sans-serif;margin:20px auto 45px;font-size:1.15rem;color:#e2e8f0;font-weight:300;max-width:700px;line-height:1.8;letter-spacing:.5px}@media (max-width: 768px){.text-box{width:90%;padding:30px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.text-box h1{font-size:2.2rem}.text-box h1:after{width:50px;height:3px}.text-box p{font-size:.95rem;margin-bottom:30px}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.hero-btn{display:inline-block;text-decoration:none;color:#fff;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:14px 40px;border-radius:50px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0003}.hero-btn:hover{background:#d32f2f;border-color:#d32f2f;transform:translateY(-5px) scale(1.02);box-shadow:0 10px 20px #0000004d,0 0 20px #d32f2f99}.hero-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.hero-btn:hover:before{left:100%}.hero-btn:active{transform:translateY(-2px) scale(.98);box-shadow:0 5px 10px #d32f2f66}.carousel-dots{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:20}.dot{width:12px;height:12px;background-color:#ffffff80;border-radius:50%;cursor:pointer;transition:all .3s ease}.dot.active{background-color:#d32f2f;transform:scale(1.2)}@media (max-width: 768px){.text-box h1{font-size:2.2rem}.text-box p{font-size:1rem}}@keyframes moveDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes moveUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.course{width:80%;margin:auto;text-align:center;padding-top:100px}.course h1{font-size:3rem;font-weight:600}.course p{color:#777;font-size:1.1rem;font-weight:400;line-height:1.5rem;padding:10px}.row{margin-top:5%;display:flex;justify-content:space-between}.course-col{flex-basis:31%;background:#fff3f3;border-radius:10px;margin-bottom:5%;padding:20px 12px}.course-col h3{text-align:center;font-weight:600;margin:10px 0}.course-col:hover{box-shadow:0 0 20px #0003}@media (max-width: 768px){.row{flex-direction:column}}.facilities{width:80%;margin:auto;text-align:center;padding-top:100px}.facilities h1{font-size:2rem}.facilities-col{flex-basis:31%;border-radius:10px;margin-bottom:5%;text-align:left}.facilities-col img{width:100%;border-radius:10px}.facilities p,.facilities-col p{padding:0;font-size:1.1rem}.facilities-col h3{margin-top:16px;margin-bottom:15px;font-size:1.5rem;text-align:left}.cta{margin:100px auto;width:80%;background-image:linear-gradient(#000000b3,#000000b3),url(/images/banner2.jpg);background-position:center;background-size:cover;border-radius:10px;text-align:center;padding:100px 0}.cta h1{color:#fff;margin-bottom:40px;padding:0}.cta a{text-decoration:none}@media (max-width: 768px){.cta h1{font-size:22px}}.testimonials{width:80%;margin:auto;text-align:center;padding-top:100px}.testimonials h1{font-size:2rem}.testimonial-col{flex-basis:44%;border-radius:10px;margin-bottom:5%;text-align:left;background:#fff3f3;padding:25px;cursor:pointer;display:flex}.testimonial-col img{height:40px;margin-left:5px;margin-right:30px;border-radius:50%}.testimonials p,.testimonial-col p{padding:0;font-size:1.1rem}.testimonial-col h3{margin-top:15px;text-align:left;font-size:1.5rem}.stars{display:flex}.filled-star{color:#f44336}.empty-star{color:transparent;stroke:#f44336;stroke-width:1}@media (max-width: 768px){.testimonial-col img{margin-left:0;margin-right:15px}}.footer{width:100%;text-align:center;padding:40px 8%;background:#fafaf7;color:#1f2937}.footer h4{margin-bottom:18px;margin-top:10px;font-size:1.25rem;font-weight:700}.footer p{font-size:1rem;line-height:1.6}.footer .icons .fab{color:var(--primary-color, #006b3c);margin:0 10px;cursor:pointer;font-size:1.25rem;padding:14px 0}.fa-heart{color:#ef4444;font-size:1.1rem}.sub-header{height:10%;width:100%;background-color:#2b3951;background-position:center;background-size:cover;text-align:center;color:#fff}.sub-header h1{margin-top:50px;font-size:2rem}@media (max-width: 768px){.sub-header h1{font-size:1rem}}.about-us{width:80%;margin:auto;padding-top:80px;padding-bottom:50px}.about-col{flex-basis:48%;padding:30px 2px}.about-col img{width:100%}.about-col h1{padding-top:0;font-size:2rem}.about-col p{padding:15px 0 25px;font-size:1.2rem}.red-btn{border:1px solid var(--accent-color);background:transparent;color:var(--accent-color);border-radius:8px;padding:10px 22px}.red-btn:hover{color:#07211a;background:var(--accent-color)}.blog-content{width:80%;margin:auto;padding:60px 0}.blog-left{flex-basis:65%}.blog-left img{width:100%}.blog-left h2{color:#222;font-weight:600;margin:30px 0}.blog-left p{color:#999;padding:0}.blog-right{flex-basis:32%}.blog-right h3{background:#f44336;color:#fff;padding:7px 0;font-size:16px;margin-bottom:20px;text-align:center}.blog-right div{display:flex;align-items:center;justify-content:space-between;color:#555;padding:8px}.comment-box{border:1p solid #ccc;margin:50px 0;padding:10px 20px}.comment-box h3{text-align:left}.comment-form input,.comment-form textarea{width:100%;padding:10px;margin:15px 0;border:none;outline:none;background:#f0f0f0}.comment-form button{margin:10px 0}.location{width:80%;margin:auto;padding:80px 0}.location iframe{width:100%}.contact-us{width:80%;margin:auto}.contact-col{flex-basis:48%;margin-bottom:30px}.contact-col div{display:flex;align-items:center;margin-bottom:40px}.contact-col div .icon{font-size:28px;color:#f44336;margin:10px 30px 10px 10px}.contact-col div p{padding:0}.contact-col div h5{font-size:20px;margin-bottom:5px;color:#555;font-weight:400}.contact-col input,.contact-col textarea{width:100%;padding:15px;margin-bottom:17px;outline:none;border:1px solid #ccc}@layer components{.login{display:flex;justify-content:center;align-items:center;min-height:90vh;background:linear-gradient(to bottom right,#05321f,#c9a8510f 40%,#006b3c);font-family:Poppins,sans-serif;padding:2rem 1rem;overflow-y:auto}@media (min-width: 640px){.login{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.login{padding-left:2rem;padding-right:2rem}}.login-container{background-color:theme(colors.white);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:28rem;margin-left:auto;margin-right:auto;padding:1.5rem;text-align:center;transform:scale(1);transition:all .3s}.login-container:hover{box-shadow:0 25px 50px -12px #0006}@media (min-width: 640px){.login-container{padding:2rem}}@media (min-width: 1024px){.login-container{padding:2.5rem}}.login-container h1{font-size:1.5rem;line-height:2rem;font-weight:600;color:theme(colors.gray.8);margin-bottom:.5rem}@media (min-width: 640px){.login-container h1{font-size:1.875rem;line-height:2.25rem}}.login-container p{color:theme(colors.gray.6);margin-bottom:1.5rem;font-size:.875rem;line-height:1.25rem}@media (min-width: 640px){.login-container p{font-size:1rem;line-height:1.5rem}}.login-form{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.login-form{gap:1.25rem}}.input-group{text-align:left}.input-group label{display:block;font-weight:500;margin-bottom:.5rem;color:theme(colors.gray.7);font-size:.875rem;line-height:1.25rem}@media (min-width: 640px){.input-group label{font-size:1rem;line-height:1.5rem}}.input-group input{width:100%;padding:.75rem 1rem;border:1px solid theme(colors.gray.3);border-radius:.5rem;font-size:1rem;line-height:1.5rem;background-color:theme(colors.gray.5);outline:2px solid transparent;outline-offset:2px;transition:all .2s;min-height:44px;min-width:44px}.input-group input:focus{outline:2px solid #006b3c;border-color:transparent;background-color:theme(colors.white);box-shadow:0 1px 2px #0000000d}.input-group input:disabled{background-color:theme(colors.gray.1);cursor:not-allowed;opacity:.6}.login-btn{background:linear-gradient(to right,#006b3c,#074b34);color:theme(colors.white);font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;line-height:1.5rem;border:none;cursor:pointer;transition:all .3s;outline:2px solid transparent;outline-offset:2px;transform:scale(1);min-height:44px;min-width:44px}.login-btn:hover{background:linear-gradient(to right,#005b32,#04492b);transform:scale(1.05)}.login-btn:active{transform:scale(.95)}.login-btn:focus{outline:2px solid theme(colors.blue.5);outline-offset:2px}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (min-width: 640px){.login-btn{font-size:1.125rem;line-height:1.75rem}}.extra-links{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;margin-top:1.5rem}@media (min-width: 640px){.extra-links{flex-direction:row;gap:0}}.extra-links a{color:theme(colors.blue.6);font-size:.875rem;line-height:1.25rem;font-weight:500;text-decoration:none;transition:color .3s;min-height:44px;min-width:44px}.extra-links a:hover{color:theme(colors.purple.6)}.error-message{background-color:theme(colors.red.5);border:1px solid theme(colors.red.2);color:theme(colors.red.7);padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;line-height:1.25rem}.demo-credentials{margin-top:1.5rem;padding:1rem;background-color:#006b3c0a;border:1px solid rgba(0,107,60,.08);border-radius:.5rem;text-align:left;font-size:.875rem;line-height:1.25rem;color:#04492b}.demo-credentials h4{font-weight:600;margin-bottom:.75rem;color:#05321f}.demo-credentials p{margin-bottom:.5rem;color:#04502f}@media (max-width: 640px){.login{padding:1.5rem 1rem}.login-container{padding:1.5rem}.extra-links{flex-direction:column;gap:.75rem}.demo-credentials{font-size:.75rem;line-height:1rem}}@media (min-width: 641px) and (max-width: 1024px){.login-container{max-width:32rem}}}.login{display:flex;justify-content:center;align-items:center;height:90vh;background:linear-gradient(135deg,#05321f,#c9a851);font-family:Poppins,sans-serif;overflow-y:auto}.login-container{background:#fff;border-radius:12px;padding:40px 50px;width:90%;max-width:400px;box-shadow:0 0 30px #00000026;text-align:center}.login-container h1{font-size:2rem;font-weight:600;color:#333}.login-container p{color:#666;font-size:1rem;margin-bottom:25px}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{text-align:left}.input-group label{display:block;font-weight:500;margin-bottom:8px;color:#333}.input-group input{width:100%;padding:12px;border-radius:8px;border:1px solid #ccc;outline:none;font-size:1rem;transition:all .2s ease}.input-group input:focus{border-color:#006b3c;box-shadow:0 0 6px #006b3c1f}.login-btn{background-color:#006b3c;color:#fff;padding:12px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.login-btn:hover{background-color:#005b32}.extra-links{display:flex;justify-content:space-between;margin-top:15px}.extra-links a{color:#006b3c;font-size:.9rem;text-decoration:none;transition:color .3s ease}.extra-links a:hover{color:#c9a851}@media (max-width: 768px){.login-container{padding:30px 25px}}:root{--primary-color: #D32F2F;--sidebar-bg: #1E293B;--sidebar-hover: #334155;--bg-color: #F3F4F6;--card-bg: #FFFFFF;--text-dark: #111827;--text-gray: #6B7280;--border-color: #E5E7EB}.dashboard-layout{display:flex;height:90vh;background-color:var(--bg-color);font-family:Inter,sans-serif;overflow:hidden;position:relative}.sidebar{width:236px;background:linear-gradient(180deg,#1e293b,#0f172a);color:#94a3b8;display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease-in-out;z-index:50;box-shadow:2px 0 10px #0000001a}.sidebar-header{height:70px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.05);gap:12px;justify-content:space-between}.logo-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sidebar-header h2{margin:0;font-size:18px;font-weight:600;color:#fff;letter-spacing:.5px}.close-sidebar-btn{display:none;background:none;border:none;color:#94a3b8;font-size:20px;cursor:pointer;transition:color .2s}.close-sidebar-btn:hover{color:#fff}.sidebar-nav{padding:24px 12px;flex:1;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#94a3b8;background:none;border:none;width:100%;text-align:left;cursor:pointer;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease-in-out;position:relative}.nav-item:hover{background-color:#ffffff0d;color:#e2e8f0}.nav-item.active{background-color:#ffffff1a;color:#fff;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:24px;width:4px;background-color:var(--primary-color);border-top-right-radius:4px;border-bottom-right-radius:4px}.sidebar-footer{padding:24px;border-top:1px solid rgba(255,255,255,.05)}.logout-btn{background:transparent;color:#dd5050;border:1px solid rgba(239,68,68,.3);width:100%;padding:12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:all .2s}.logout-btn:hover{background:#ef44441a;border-color:#44f006;color:#44f006}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;width:100%}.top-header{height:70px;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:40}.header-left{display:flex;align-items:center;gap:15px}.menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;padding:0;color:var(--text-dark)}.header-search{display:flex;align-items:center;background:var(--bg-color);padding:8px 15px;border-radius:20px;width:300px}.header-search input{border:none;background:transparent;margin-left:10px;outline:none;width:100%}.header-actions{display:flex;align-items:center;gap:15px}.icon-btn{background:none;border:none;font-size:18px;position:relative;cursor:pointer}.badge{position:absolute;top:-5px;right:-5px;background:var(--primary-color);color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-profile{display:flex;align-items:center;gap:10px}.user-name{font-weight:600;font-size:14px}.avatar{width:36px;height:36px;background:var(--sidebar-bg);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.content-container{padding:30px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--card-bg);padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 4px #0000000d}.stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-icon.blue{background:#e0f2fe;color:#0284c7}.stat-icon.green{background:#dcfce7;color:#16a34a}.stat-icon.purple{background:#f3e8ff;color:#9333ea}.stat-icon.orange{background:#fff7ed;color:#ea580c}.stat-info h2{margin:5px 0 0;font-size:24px}.dashboard-split{display:flex;gap:30px}.main-column{flex:2}.side-column{flex:1}.content-section,.widget-card{background:var(--card-bg);padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.course-card{border:1px solid var(--border-color);padding:15px;border-radius:8px;margin-bottom:10px}.course-header{display:flex;justify-content:space-between;margin-bottom:10px;align-items:center}.course-header h4{margin:0;font-size:14px}.pill{font-size:10px;background:#e0f2fe;color:#0284c7;padding:3px 8px;border-radius:10px}.progress-bar{background:#e5e7eb;height:6px;border-radius:4px;margin-bottom:5px}.progress-bar .fill{background:var(--sidebar-bg);height:100%}.announcement-item{display:flex;gap:12px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;margin-bottom:10px}.announcement-date{background:var(--bg-color);padding:5px 10px;border-radius:8px;text-align:center;min-width:45px}.announcement-date .day{display:block;font-weight:700;font-size:16px}.announcement-date .month{font-size:10px;color:var(--text-gray)}.deadline-list li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-color);font-size:14px}.deadline-time.warning{color:#dc2626;font-weight:700}.actions{display:flex;flex-direction:column;gap:10px}.action-btn{padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:600;width:100%}.action-btn.primary{background:var(--primary-color);color:#fff}.action-btn.secondary{background:var(--sidebar-bg);color:#fff}.action-btn.outline{background:#fff;border:1px solid var(--border-color);color:var(--text-dark)}@media (max-width: 768px){.nav-item{display:flex;align-items:center;gap:12px;padding:0 16px;color:#94a3b8;background:none;border:none;width:100%;text-align:left;cursor:pointer;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease-in-out;position:relative}.sidebar{position:absolute;top:0;left:0;height:100%;width:250px;transform:translate(-100%);box-shadow:4px 0 10px #0000001a}.sidebar.open{transform:translate(0)}.close-sidebar-btn{display:block}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:45}.menu-btn{display:block}.header-search,.user-name{display:none}.top-header{padding:0 15px}.dashboard-split{flex-direction:column;gap:15px}.content-container{padding:15px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px;flex-direction:column;text-align:center}.stat-info h2{font-size:20px}.course-card small{display:block;margin-top:5px}}@media (max-width: 400px){.stats-grid{grid-template-columns:1fr}}.stat-card{transition:transform .2s,box-shadow .2s}.stat-card[style*=pointer]:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.standard-input,.standard-select{width:100%;padding:10px;border:1px solid #E5E7EB;border-radius:6px;font-size:14px}.history-details h4{margin:0;font-size:14px}.sub-text{font-size:11px;color:#666}@media print{.no-print-zone,.sidebar,.top-header,.dashboard-layout,button,.widget-card{display:none!important;height:0;overflow:hidden}body{background:#fff;margin:0;padding:0;-webkit-print-color-adjust:exact}.printable-invoice-area{display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;background:#fff}.invoice-box{width:90%;max-width:800px;margin:20px auto;border:2px solid #333;padding:30px;font-family:Times New Roman,serif;color:#000}.print-header{text-align:center;margin-bottom:10px}.print-logo{font-size:40px;display:block;margin-bottom:5px}.print-org h1{margin:0;font-size:24px;color:#d32f2f;text-transform:uppercase}.print-org p{margin:2px 0;font-size:12px}.print-divider{border-top:2px solid #000;margin:10px 0}.receipt-title{text-align:center;text-decoration:underline;margin:10px 0 20px;font-size:18px}.print-grid{display:flex;justify-content:space-between;margin-bottom:20px}.print-col p{margin:4px 0;font-size:14px}.right-align{text-align:right}.print-table{width:100%;border-collapse:collapse;margin-bottom:20px}.print-table th,.print-table td{border:1px solid #000;padding:8px 12px}.print-table th{background-color:#f0f0f0!important;font-weight:700}.total-row td{background-color:#f0f0f0!important;font-size:16px}.signatures{display:flex;justify-content:space-between;margin-top:60px}.sig-block{width:40%;text-align:center}.sig-space{height:40px}.sig-line{border-top:1px solid #000;padding-top:5px;font-weight:700;margin-top:10px}.print-footer{text-align:center;font-size:10px;margin-top:30px;font-style:italic}}.standard-input,.standard-select{width:100%;padding:10px;border:1px solid #E5E7EB;border-radius:6px}.fee-type-grid{display:flex;gap:10px;flex-wrap:wrap}.type-btn{padding:10px 15px;border:1px solid #E5E7EB;background:#fff;border-radius:6px;cursor:pointer}.type-btn.active{background:#eff6ff;border-color:#d32f2f;color:#d32f2f;font-weight:700}.form-row{display:flex;gap:20px}.form-group.half{flex:1}.history-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #F3F4F6}.amount{font-weight:700}.printable-invoice-area{display:none}@media print{.no-print,.sidebar,.top-header,.main-content,.widget-card,button{display:none!important;height:0;width:0;overflow:hidden}.dashboard-layout{display:block!important;height:auto!important;width:100%!important;overflow:visible!important;position:static!important}body,html{background:#fff;height:auto;overflow:visible}.printable-invoice-area{display:block!important;position:absolute;top:0;left:0;width:100%;margin:0;padding:0;background:#fff;z-index:9999}.invoice-box{width:100%;max-width:800px;margin:0 auto;padding:20px;border:2px solid #000;font-family:Times New Roman,serif;color:#000;box-sizing:border-box}.print-header{text-align:center;margin-bottom:20px}.print-logo{font-size:40px;display:block}.print-org h1{margin:5px 0;font-size:24px;color:#d32f2f}.print-org p{margin:2px 0;font-size:12px}.print-divider{border-top:2px solid #000;margin:10px 0}.receipt-title{text-align:center;text-decoration:underline;margin:10px 0 20px}.print-grid{display:flex;justify-content:space-between;margin-bottom:20px}.right-align{text-align:right}.print-table{width:100%;border-collapse:collapse;margin-bottom:20px}.print-table th,.print-table td{border:1px solid #000;padding:8px}.print-table th{background:#f0f0f0!important;-webkit-print-color-adjust:exact}.signatures{display:flex;justify-content:space-between;margin-top:50px}.sig-block{width:40%;text-align:center}.sig-line{border-top:1px solid #000;margin-top:40px;padding-top:5px;font-weight:700}.print-footer{text-align:center;font-size:10px;margin-top:20px;font-style:italic}}.search-widget{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;border:1px solid #E5E7EB}.search-form-layout{display:flex;flex-direction:row;align-items:center;gap:15px;width:100%}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.search-icon-inside{position:absolute;left:15px;color:#6b7280;font-size:18px;pointer-events:none;display:flex;align-items:center;height:100%;top:0}.search-input-field{width:100%;height:45px;padding-left:45px;padding-right:15px;border:1px solid #D1D5DB;border-radius:8px;font-size:15px;outline:none;transition:all .2s;background-color:#f9fafb;color:#111827}.search-input-field:focus{border-color:#d32f2f;background-color:#fff;box-shadow:0 0 0 3px #d32f2f1a}.search-submit-btn{height:45px;padding:0 30px;background-color:#d32f2f;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 4px #d32f2f33}.search-submit-btn:hover{background-color:#b71c1c;transform:translateY(-1px)}.search-submit-btn:active{transform:translateY(0)}.search-submit-btn:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 600px){.search-form-layout{flex-direction:column;align-items:stretch}.search-submit-btn{width:100%}}.page-title{font-size:20px;font-weight:700;color:#111827}.controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:15px}.action-group{display:flex;gap:12px}.btn-filter{background:#fff;border:1px solid #E2E8F0;padding:10px 16px;border-radius:6px;font-weight:600;color:#475569;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .2s}.btn-filter:hover{background-color:#f8fafc;border-color:#cbd5e1}.btn-add-new{background:#d32f2f;border:none;padding:10px 20px;border-radius:6px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;box-shadow:0 2px 4px #d32f2f33;transition:background-color .2s}.btn-add-new:hover{background:#b71c1c}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;border:1px solid #F1F5F9}.custom-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif}.custom-table th{background:#f8fafc;text-align:left;padding:16px 24px;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E2E8F0}.custom-table td{padding:16px 24px;border-bottom:1px solid #F1F5F9;vertical-align:middle;font-size:14px;color:#334155}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover{background-color:#fafafa}.font-bold{font-weight:600;color:#0f172a}.text-gray{color:#64748b;font-size:13px}.role-badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;display:inline-block}.role-badge{background:#f1f5f9;color:#475569}.actions-cell{text-align:right;white-space:nowrap}.icon-btn-small{background:none;border:none;cursor:pointer;font-size:16px;padding:8px;border-radius:6px;transition:background .2s;opacity:.7;margin-left:4px}.icon-btn-small:hover{background:#f1f5f9;opacity:1}.icon-btn-small.edit{color:#f59e0b}.icon-btn-small.delete{color:#ef4444}.search-widget{margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;background:transparent!important;flex:1;max-width:400px}.search-input-field{background-color:#fff!important;height:42px!important;box-shadow:0 1px 2px #0000000d}.tabs-container{background:var(--card-bg);padding:5px;border-radius:8px;display:inline-flex;gap:5px;box-shadow:0 1px 2px #0000000d}.tab-btn{background:transparent;border:none;padding:8px 20px;border-radius:6px;color:var(--text-gray);font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.tab-btn:hover{color:var(--text-dark);background:var(--bg-color)}.tab-btn.active{background:var(--sidebar-bg);color:#fff;box-shadow:0 2px 4px #0000001a}.table-responsive{overflow-x:auto}.modern-table{width:100%;border-collapse:collapse;text-align:left}.modern-table thead{background-color:var(--bg-color);border-bottom:1px solid var(--border-color)}.modern-table th{padding:15px 20px;font-size:12px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.modern-table td{padding:15px 20px;border-bottom:1px solid var(--border-color);vertical-align:middle}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover td{background-color:#f8fafc}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.on-leave{background:#fef3c7;color:#92400e}.icon-action-btn{background:none;border:none;cursor:pointer;padding:5px;font-size:16px;opacity:.6;transition:.2s}.icon-action-btn:hover{opacity:1;transform:scale(1.1)}.icon-action-btn.delete:hover{color:#dc2626}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.fixed{position:fixed}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.text-right{text-align:right}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}@layer utilities{.touch-friendly{min-width:44px;min-height:44px}.mobile-padding{padding-left:1rem;padding-right:1rem}@media (min-width:640px){.mobile-padding{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.mobile-padding{padding-left:2rem;padding-right:2rem}}.mobile-text{font-size:.875rem;line-height:1.25rem}@media (min-width:640px){.mobile-text{font-size:1rem;line-height:1.5rem}}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}