@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Montserrat:wght@700;900&family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--primary-color:#3b82f6;--text-main:#fff;--text-dark:#1e293b;--text-muted:#475569;--nav-bg:#f9cf0bf2;--modal-bg:#fff6;--modal-border:#fff9;--modal-shadow:0 8px 32px 0 #0003;--bg-main:#fff;--text-primary:#1e293b;--text-secondary:#475569;--panel-accent:#f9cf0bf2}[data-theme=dark]{--bg-main:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--panel-accent:#0f172af2;--nav-bg:#0f172af2;--text-dark:#f8fafc;--text-muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-main);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden auto}.background-container{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0}.background-image{object-fit:cover;width:100%;height:100%;animation:20s ease-in-out infinite alternate subtleZoom}@keyframes subtleZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.dashboard-stat-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-stat-card:hover{transform:translateY(-5px);border-color:#38bdf866!important;box-shadow:0 12px 24px #0003!important}.navbar{background:var(--panel-accent);-webkit-backdrop-filter:blur(10px);z-index:50;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.2rem 4rem;display:flex;position:relative;box-shadow:0 4px 24px #0009}.logo-container{cursor:pointer;align-items:center;gap:1rem;display:flex}.header-logo{object-fit:contain;width:auto;height:40px}.logo-tapin{height:50px}.gov-title-container{text-align:center;line-height:1.3;position:absolute;left:50%;transform:translate(-50%)}.gov-name{color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase;font-family:Fredoka,sans-serif;font-size:20px;font-weight:600}.gov-dept{color:var(--text-primary);letter-spacing:.06em;text-transform:uppercase;font-family:Fredoka,sans-serif;font-size:15px;font-weight:500}.nav-right{align-items:center;gap:2.5rem;display:flex}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links li a{color:var(--text-primary);letter-spacing:.04em;text-shadow:none;padding-bottom:4px;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s;position:relative}.nav-links li a:after{content:"";background-color:var(--text-main);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links li a:hover:after,.nav-links li a.active:after{width:100%}.nav-links li a:hover,.nav-links li a.active{color:#fff;text-shadow:none}.nav-item-dropdown{position:relative}.dropdown-menu{background:var(--panel-accent);-webkit-backdrop-filter:blur(10px);z-index:100;opacity:0;visibility:hidden;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;min-width:160px;padding:.5rem 0;transition:all .2s ease-in-out;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 25px #00000080}.dropdown-menu:before{content:"";width:100%;height:20px;position:absolute;top:-20px;left:0}.nav-item-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown-item{color:var(--text-primary);cursor:pointer;white-space:nowrap;padding:.7rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.dropdown-item:hover{color:var(--text-primary);background:#80808026}.btn-login{color:#fff;cursor:pointer;letter-spacing:.03em;background:#6366f1;border:none;border-radius:50px;padding:.6rem 2rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #6366f166}.btn-login:hover{background:var(--text-main);color:#0f172a}.modal-overlay{z-index:10;flex:1;justify-content:center;align-items:center;width:100%;padding:24px 2rem;display:flex}.login-modal{background:var(--nav-bg);-webkit-backdrop-filter:blur(64px);width:100%;max-width:420px;box-shadow:var(--modal-shadow);color:var(--text-primary);border:1px solid #ffffff40;border-radius:20px;padding:3rem;animation:.4s ease-out forwards scaleIn;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.close-btn{color:#1e293b;cursor:pointer;z-index:100;background:#fff;border:2px solid #1e293b;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 4px 15px #0006}.close-btn:hover{background:#f1f5f9;transform:scale(1.1)rotate(90deg)}.close-btn svg{width:20px;height:20px}.modal-title{text-align:center;color:var(--text-primary);margin-bottom:2.5rem;font-size:2.2rem;font-weight:700}.input-group{margin-bottom:2rem;position:relative}.input-group input{border:none;border-bottom:2px solid var(--text-secondary);width:100%;color:var(--text-primary);background:0 0;padding:.5rem .5rem .5rem 0;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:500;transition:all .3s}.input-group input:hover{border-bottom-color:var(--text-primary);background:#ffffff14;border-radius:6px 6px 0 0;padding-left:.75rem}.input-group input:focus{border-bottom-color:#3b82f6;outline:none}.input-group input::placeholder,.contact-textarea::placeholder{color:var(--text-secondary);font-weight:600}.contact-textarea{border:none;border-bottom:2px solid var(--text-secondary);width:100%;color:var(--text-primary);resize:none;background:0 0;outline:none;min-height:80px;padding:.5rem 0;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:500}.contact-textarea:focus{border-bottom-color:#3b82f6}.input-icon{color:var(--text-primary);position:absolute;bottom:10px;right:0}.input-icon svg{width:20px;height:20px}.options-row-modal{justify-content:space-between;align-items:center;margin-bottom:2.5rem;font-size:.9rem;font-weight:500;display:flex}.checkbox-modal{cursor:pointer;color:var(--text-primary);align-items:center;gap:.5rem;display:flex}.checkbox-modal input{accent-color:#3b82f6;width:16px;height:16px}.forgot-modal{color:var(--text-primary);font-weight:600;text-decoration:none}.forgot-modal:hover{text-decoration:underline}.btn-modal-submit{color:#1e293b;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;padding:1rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000001a}.btn-modal-submit:disabled{color:var(--text-secondary);box-shadow:none;cursor:not-allowed;background:#80808026;transform:none}.btn-modal-submit:hover{color:#0f172a;background:#f1f5f9;transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.register-text{text-align:center;color:var(--text-primary);margin-top:1.5rem;font-size:.95rem;font-weight:500}.register-text a{color:var(--text-primary);font-weight:800;text-decoration:none}.register-text a:hover{text-decoration:underline}.main-content{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.hero-section{text-align:center;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);border:1px solid #f9731666;border-radius:24px;max-width:800px;padding:3rem 4rem;animation:.5s ease-out forwards scaleIn;box-shadow:0 10px 40px #00000026}.hero-title{letter-spacing:-.05em;color:#fff;text-shadow:2px 2px #000,3px 3px #000,4px 4px #000,0 10px 20px #000c;margin-bottom:.5rem;font-family:Montserrat,sans-serif;font-size:4rem;font-weight:900}.hero-subtitle{letter-spacing:.15em;color:var(--text-primary);text-transform:uppercase;text-shadow:none;margin-bottom:2rem;font-size:1rem;font-weight:800}.hero-description{color:var(--text-primary);margin-top:1.5rem;font-size:1.1rem;font-weight:500;line-height:1.6}.about-section{grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:1400px;margin:auto 0;padding:0 2rem;animation:.5s ease-out forwards scaleIn;display:grid}.about-card-full{grid-column:1/-1}.about-card{background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid #f9731666;border-radius:20px;flex-direction:column;flex:1;padding:1.25rem 1.5rem;display:flex;box-shadow:0 10px 30px #00000026}.about-card-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.15rem;font-weight:800;display:flex}.about-card-text{text-align:justify;font-size:.9rem;font-weight:400;line-height:1.5}.about-list{margin-top:.5rem;padding-left:0;list-style:none}.about-list li{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.95rem;font-weight:400;line-height:1.5;display:flex}.about-list-icon{color:var(--text-primary);background:#0f172a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:.15rem;font-size:.7rem;font-weight:700;display:flex}.services-section{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;margin:auto 0;padding:0 2rem;animation:.5s ease-out forwards scaleIn;display:flex}.carousel-container{background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);border:1px solid #f9731666;border-radius:20px;width:100%;max-width:600px;padding:2.5rem 3rem;position:relative;overflow:hidden;box-shadow:0 10px 40px #0003}.carousel-subtitle{text-align:center;color:var(--text-primary);letter-spacing:.2em;margin-bottom:2rem;font-size:1rem;font-weight:900}.carousel-content{justify-content:center;align-items:center;height:250px;display:flex;position:relative}.carousel-slide{text-align:center;opacity:0;pointer-events:none;width:100%;transition:all .4s;position:absolute;transform:translateY(15px)}.carousel-slide.active{opacity:1;pointer-events:auto;transform:translateY(0)}.slide-emoji{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;font-size:3rem;transition:transform .2s;display:inline-flex;box-shadow:0 8px 20px #00000026}.slide-emoji:hover{transform:scale(1.1)}.slide-title{color:var(--text-primary);margin-bottom:.75rem;font-size:2rem;font-weight:900}.slide-desc{color:var(--text-primary);max-width:90%;margin:0 auto;font-size:1.15rem;font-weight:500;line-height:1.6}.carousel-nav{width:32px;height:32px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a1a;border:1px solid #0f172a33;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav:hover{background:#0f172a33}.carousel-nav.left{left:1rem}.carousel-nav.right{right:1rem}.carousel-dots{justify-content:center;gap:6px;margin-top:1.5rem;display:flex}.carousel-dot{cursor:pointer;background:#0f172a4d;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s}.carousel-dot:hover{background:#0f172a80}.carousel-dot.active{background:var(--text-primary);border-radius:4px;width:20px}.app-footer{background:var(--panel-accent);-webkit-backdrop-filter:blur(10px);text-align:center;width:100%;color:var(--text-primary);z-index:10;border-top:1px solid #ffffff1a;margin-top:auto;padding:1rem 4rem;font-size:.85rem;font-weight:700}body.dashboard-page .app-footer{width:calc(100% - 240px);margin-left:240px}.mobile-search-full{width:300px}.status-table-header,.status-table-row{grid-template-columns:2fr 2fr 1fr 1fr;display:grid}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.app-sidebar{transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0)!important}.mobile-menu-btn,.mobile-close-btn{display:flex!important}.dashboard-main-wrapper{margin-left:0!important}.dashboard-header{height:70px!important;padding:0 1rem!important}.dashboard-content-area{padding:1rem 1rem calc(1rem + 70px)!important}body.dashboard-page .app-footer{width:100%!important;padding:.75rem 1rem!important;left:0!important}.dashboard-clock{display:none!important}.responsive-table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns: repeat(2, 1fr)"],[style*="grid-template-columns: repeat(3, 1fr)"],[style*="grid-template-columns: repeat(4, 1fr)"],[style*="gridTemplateColumns: 'repeat(2, 1fr)'"],[style*="gridTemplateColumns: 'repeat(3, 1fr)'"]{grid-template-columns:1fr!important}[style*="grid-template-columns: 1.5fr 2fr"],[style*="grid-template-columns: 2fr 1.5fr"],[style*="grid-template-columns: 2fr 2fr 1fr 1fr"]{background:#ffffff0a!important;border:1px solid #f973164d!important;border-radius:.75rem!important;flex-direction:column!important;gap:.75rem!important;height:auto!important;margin:.5rem 0!important;padding:1rem!important;display:flex!important}[style*="grid-template-columns: 1.5fr 2fr"]>div,[style*="grid-template-columns: 2fr 1.5fr"]>div,[style*="grid-template-columns: 2fr 2fr 1fr 1fr"]>div{border-bottom:1px solid #ffffff0d!important;border-right:none!important;flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important;padding:.5rem 0!important;display:flex!important}[style*="grid-template-columns: 1.5fr 2fr"]>div:last-child,[style*="grid-template-columns: 2fr 1.5fr"]>div:last-child,[style*="grid-template-columns: 2fr 2fr 1fr 1fr"]>div:last-child{border-bottom:none!important}[style*="text-transform: uppercase"][style*="text-align: center"][style*="letter-spacing: 0.05em"],.status-table-header{display:none!important}html,body{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}.login-modal{width:95%;max-height:92vh;padding:2rem 1.5rem;overflow-y:auto}.navbar{padding:1rem 1.5rem}.nav-links,.gov-title-container{display:none}}@media (max-width:430px){body{overflow-x:hidden}.navbar{z-index:100;padding:.75rem 1rem;position:sticky;top:0}.logo-tapin{height:36px}.header-logo{height:30px}.gov-title-container,.nav-links{display:none!important}.btn-login{padding:.5rem 1.2rem;font-size:.85rem}.modal-overlay{align-items:flex-end;padding:0}.login-modal{border-radius:1.5rem 1.5rem 0 0!important;width:100%!important;max-width:100%!important;max-height:95vh!important;padding:1.75rem 1.25rem 2rem!important;animation:.35s ease-out forwards slideUpFade!important;overflow-y:auto!important}.close-btn{width:36px;height:36px;top:12px;right:12px}.modal-title{text-align:left!important;margin-bottom:1.5rem!important;font-size:1.6rem!important}.input-group{margin-bottom:1.25rem!important}.input-group input{padding:.5rem 0!important;font-size:1rem!important}.options-row-modal{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem!important}.btn-modal-submit{border-radius:12px!important;padding:.9rem!important;font-size:1rem!important}.register-text{font-size:.9rem!important}.g-recaptcha{transform-origin:0 0;transform:scale(.88)}.main-content{margin-top:2vh;padding:1.5rem 1rem}.hero-section{padding:0 .5rem}.hero-title{font-size:2.2rem!important;line-height:1.2!important}.hero-subtitle{letter-spacing:.08em!important;font-size:.9rem!important}.hero-description{padding:0!important;font-size:.9rem!important;line-height:1.6!important}.carousel-container{border-radius:1rem;padding:1.5rem 1rem}.carousel-subtitle{letter-spacing:.15em!important;margin-bottom:1.5rem!important;font-size:.7rem!important}.slide-emoji{font-size:3.5rem!important}.slide-title{font-size:1.4rem!important}.slide-desc{font-size:.85rem!important;line-height:1.6!important}.about-section{flex-direction:column!important;gap:1rem!important;padding:1.5rem .75rem!important}.about-card{border-radius:1rem!important;padding:1.25rem!important}.about-card-title{gap:.5rem!important;font-size:1rem!important}.about-card-text,.about-list li{font-size:.85rem!important;line-height:1.7!important}.dashboard-header{height:60px!important;padding:0 .75rem!important}.dashboard-clock{display:none!important}.header-title{font-size:.8rem!important}.header-icon,.install-btn-text{display:none!important}.dashboard-content-area{padding:.75rem .75rem calc(.75rem + 70px)!important}body.dashboard-page .app-footer{width:100%!important;padding:.5rem!important;font-size:.7rem!important;left:0!important}.app-sidebar{width:280px!important}.responsive-table-container{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.app-footer{padding:.75rem 1rem!important;font-size:.7rem!important}.status-table-header{display:none!important}.status-table-row{border-radius:.75rem;margin:.5rem;background:#ffffff0a!important;border:1px solid #f973164d!important;grid-template-columns:1fr!important}.mobile-search-full{width:100%!important}[style*="grid-template-columns: repeat(auto-fit, minmax(200px"]{grid-template-columns:repeat(2,1fr)!important}[style*="font-size: 1.75rem"],[style*="font-size: 1.8rem"]{font-size:1.3rem!important}[style*="padding: '2rem 2.5rem'"],[style*="padding: '2rem'"]{padding:1.25rem!important}}@media (max-width:1024px){.news-modal{min-height:60vh!important;padding:1.5rem!important}.news-featured-img-container{height:clamp(180px,30vh,300px)!important}.news-featured-title{font-size:1.5rem!important}}@media (max-width:768px){.news-modal{border-radius:12px!important;min-height:50vh!important;padding:1rem!important}.news-featured-img-container{height:clamp(150px,25vh,200px)!important}.news-featured-title{font-size:1.25rem!important}.news-grid-img-container{height:clamp(100px,15vh,150px)!important}}@media (max-width:1024px){.input-group{margin-bottom:1.25rem!important}.input-group input{padding:.5rem 0!important;font-size:1rem!important}.options-row-modal{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem!important}.btn-modal-submit{border-radius:12px!important;padding:.9rem!important;font-size:1rem!important}.register-text{font-size:.9rem!important}.g-recaptcha{transform-origin:0 0;transform:scale(.88)}.main-content{margin-top:2vh;padding:1.5rem 1rem}.hero-section{padding:0 .5rem}.hero-title{font-size:2.2rem!important;line-height:1.2!important}.hero-subtitle{letter-spacing:.08em!important;font-size:.9rem!important}.hero-description{padding:0!important;font-size:.9rem!important;line-height:1.6!important}.carousel-container{border-radius:1rem;padding:1.5rem 1rem}.carousel-subtitle{letter-spacing:.15em!important;margin-bottom:1.5rem!important;font-size:.7rem!important}.slide-emoji{font-size:3.5rem!important}.slide-title{font-size:1.4rem!important}.slide-desc{font-size:.85rem!important;line-height:1.6!important}.about-section{flex-direction:column!important;gap:1rem!important;padding:1.5rem .75rem!important}.about-card{border-radius:1rem!important;padding:1.25rem!important}.about-card-title{gap:.5rem!important;font-size:1rem!important}.about-card-text,.about-list li{font-size:.85rem!important;line-height:1.7!important}.dashboard-header{height:60px!important;padding:0 .75rem!important}.dashboard-clock{display:none!important}.header-title{font-size:.8rem!important}.header-icon,.install-btn-text{display:none!important}.dashboard-content-area{padding:.75rem .75rem calc(.75rem + 70px)!important}body.dashboard-page .app-footer{width:100%!important;padding:.5rem!important;font-size:.7rem!important;left:0!important}.app-sidebar{width:280px!important}.responsive-table-container{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.app-footer{padding:.75rem 1rem!important;font-size:.7rem!important}.status-table-header{display:none!important}.status-table-row{border-radius:.75rem;margin:.5rem;background:#ffffff0a!important;border:1px solid #f973164d!important;grid-template-columns:1fr!important}.mobile-search-full{width:100%!important}[style*="grid-template-columns: repeat(auto-fit, minmax(200px"]{grid-template-columns:repeat(2,1fr)!important}[style*="font-size: 1.75rem"],[style*="font-size: 1.8rem"]{font-size:1.3rem!important}[style*="padding: '2rem 2.5rem'"],[style*="padding: '2rem'"]{padding:1.25rem!important}.news-modal{min-height:60vh!important;padding:1.5rem!important}.news-featured-img-container{height:clamp(180px,30vh,300px)!important}.news-featured-title{font-size:1.5rem!important}}@media (max-width:768px){.news-modal{border-radius:12px!important;min-height:50vh!important;padding:1rem!important}.news-featured-img-container{height:clamp(150px,25vh,200px)!important}.news-featured-title{font-size:1.25rem!important}.news-grid-img-container{height:clamp(100px,15vh,150px)!important}}.news-content-split{gap:2rem;display:flex}.news-featured-side{background:#ffffff08;border:1px solid #818cf880;border-radius:16px;flex-direction:column;flex:1.5;transition:all .3s;display:flex;overflow:hidden}.news-grid-side{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:1rem;display:grid}@media (max-width:1024px){.news-content-split{flex-direction:column}.news-featured-side{flex:none}.news-grid-side{flex:none;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.featured-article{flex-direction:column}@media (min-width:768px){.featured-article{flex-direction:row!important}.news-featured-img-container{min-height:250px;width:40%!important;height:100%!important;position:static!important}.news-featured-img-container img{object-fit:cover!important;width:100%!important;height:100%!important;position:static!important}.featured-article-content{justify-content:center;width:60%}}