@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);
.modern-login{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%)}.modern-login__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.modern-login__background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 1px, transparent 1px),radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:50px 50px;animation:patternMove 20s linear infinite}.modern-login__floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.modern-login__floating-elements .floating-element{position:absolute;color:hsla(0,0%,100%,.3);font-size:2rem;animation:float 6s ease-in-out infinite}.modern-login__floating-elements .floating-element--1{top:15%;left:10%;animation-delay:0s}.modern-login__floating-elements .floating-element--2{top:25%;right:15%;animation-delay:1s}.modern-login__floating-elements .floating-element--3{top:45%;left:5%;animation-delay:2s}.modern-login__floating-elements .floating-element--4{top:65%;right:10%;animation-delay:3s}.modern-login__floating-elements .floating-element--5{top:75%;left:20%;animation-delay:4s}.modern-login__floating-elements .floating-element--6{top:35%;left:85%;animation-delay:5s}.modern-login__container{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;padding:2rem 0}.modern-login__content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;width:100%;max-width:1200px;margin:0 auto}.modern-login__branding{display:flex;align-items:center;justify-content:center;color:#fff}.modern-login__branding .branding-content{max-width:500px;text-align:center}.modern-login__branding .branding-content__logo{margin-bottom:2rem}.modern-login__branding .branding-content__logo-image{width:120px;height:120px;border-radius:50%;background:hsla(0,0%,100%,.1);padding:1rem;backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);animation:logoGlow 3s ease-in-out infinite}.modern-login__branding .branding-content__title{font-size:3rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.modern-login__branding .branding-content__title .highlight{display:block;background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:textShimmer 3s ease-in-out infinite}.modern-login__branding .branding-content__subtitle{font-size:1.2rem;margin-bottom:3rem;opacity:.9;line-height:1.6}.modern-login__branding .branding-content__features{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.modern-login__branding .branding-content__features .feature-item{display:flex;align-items:center;gap:.8rem;font-size:1rem;opacity:.9}.modern-login__branding .branding-content__features .feature-item i{font-size:1.2rem;color:#00f2fe}.modern-login__form-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.modern-login__form-wrapper{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:20px;padding:3rem;width:100%;max-width:480px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);transition:all .3s ease}.modern-login__form-wrapper.focused{transform:translateY(-5px);box-shadow:0 30px 60px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.3)}.modern-login .form-header{text-align:center;margin-bottom:2.5rem}.modern-login .form-header__title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.5rem}.modern-login .form-header__subtitle{color:#666;font-size:1rem}.modern-login__form .form-group{margin-bottom:2rem}.modern-login__form .form-group .form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#333;margin-bottom:.8rem;font-size:.95rem}.modern-login__form .form-group .form-label i{color:#667eea}.modern-login__form .form-group .input-wrapper{position:relative}.modern-login__form .form-group .input-wrapper.password-wrapper .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;transition:color .2s ease;z-index:10;padding:8px;border-radius:4px}.modern-login__form .form-group .input-wrapper.password-wrapper .password-toggle:hover{color:#667eea}.modern-login__form .form-group .input-wrapper .modern-input input{border:2px solid #e1e8ed;border-radius:12px;padding:1rem 1.2rem;font-size:1rem;transition:all .3s ease;background:#fff}.modern-login__form .form-group .input-wrapper .modern-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.modern-login__form .form-group .input-wrapper .modern-input input::placeholder{color:#adb5bd}.modern-login__form .form-actions{margin:2.5rem 0 2rem 0}.modern-login__form .form-actions .modern-login__submit-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:none !important;border-radius:12px !important;padding:1.2rem 2rem !important;font-size:1.1rem !important;font-weight:600 !important;text-transform:none !important;transition:all .3s ease !important;position:relative !important;overflow:hidden !important;min-height:48px !important}.modern-login__form .form-actions .modern-login__submit-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s ease}.modern-login__form .form-actions .modern-login__submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.4)}.modern-login__form .form-actions .modern-login__submit-btn:hover::before{left:100%}.modern-login__form .form-actions .modern-login__submit-btn:active{transform:translateY(0)}.modern-login__form .form-actions .modern-login__submit-btn.loading{pointer-events:none}.modern-login__form .form-footer{text-align:center}.modern-login__form .form-footer .forgot-password-link{display:inline-flex;align-items:center;gap:.5rem;color:#667eea;text-decoration:none;font-weight:500;transition:all .2s ease;padding:8px;border-radius:6px}.modern-login__form .form-footer .forgot-password-link:hover{color:#764ba2;text-decoration:underline}.modern-login .additional-info{margin-top:2rem}.modern-login .additional-info .info-card{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg, #f8f9ff, #e8f2ff);border:1px solid #e1e8ed;border-radius:12px;padding:1.5rem}.modern-login .additional-info .info-card i{color:#667eea;font-size:1.2rem;margin-top:.2rem}.modern-login .additional-info .info-card div strong{color:#333;display:block;margin-bottom:.5rem}.modern-login .additional-info .info-card div p{color:#666;margin:0;font-size:.9rem;line-height:1.4}.modern-login .back-to-home{margin-top:2rem}.modern-login .back-to-home .back-home-btn{background:hsla(0,0%,100%,.1) !important;color:#fff !important;border:1px solid hsla(0,0%,100%,.3) !important;border-radius:12px !important;padding:.8rem 1.5rem !important;backdrop-filter:blur(10px) !important;transition:all .3s ease !important;min-height:44px !important}.modern-login .back-to-home .back-home-btn:hover{background:hsla(0,0%,100%,.2) !important;transform:translateY(-2px)}.mobile-logo{display:none;text-align:center;margin-bottom:2rem}.mobile-logo__image{width:60px;height:60px;border-radius:50%;margin:0 auto 1rem;display:block}.mobile-logo__title{font-size:1.5rem;font-weight:700;color:#667eea;margin:0}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}@keyframes patternMove{0%{transform:translate(0, 0)}100%{transform:translate(50px, 50px)}}@keyframes logoGlow{0%,100%{box-shadow:0 0 20px hsla(0,0%,100%,.3)}50%{box-shadow:0 0 30px hsla(0,0%,100%,.5)}}@keyframes textShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@media screen and (max-width: 1200px){.modern-login__content{max-width:1000px;gap:3rem}}@media screen and (max-width: 1024px){.modern-login__content{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.modern-login__branding{order:2;margin-top:2rem}.modern-login__branding .branding-content__title{font-size:2.5rem}.modern-login__branding .branding-content__subtitle{font-size:1.1rem;margin-bottom:2rem}.modern-login__branding .branding-content__features{grid-template-columns:1fr;gap:1rem;max-width:400px;margin:0 auto}.modern-login__form-container{order:1}.modern-login__form-wrapper{max-width:500px}}@media screen and (max-width: 768px){.modern-login__container{padding:0;min-height:100vh;align-items:center}.modern-login__content{display:block;gap:0;padding:1rem;margin:0;width:100%}.modern-login__branding{display:none}.modern-login__form-container{width:100%;padding:0}.modern-login__form-wrapper{padding:2rem 1.5rem;margin:0;border-radius:16px;max-width:none;width:100%;box-shadow:0 10px 30px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.3)}.modern-login .form-header{margin-bottom:2.5rem;text-align:center}.modern-login .form-header__title{font-size:2.2rem;margin-bottom:.5rem}.modern-login .form-header__subtitle{font-size:1rem;opacity:.8}.modern-login__form .form-group{margin-bottom:2rem}.modern-login__form .form-group .form-label{font-size:.9rem;margin-bottom:.8rem;font-weight:600}.modern-login__form .form-group .input-wrapper .modern-input input{padding:1.2rem;font-size:16px;border-radius:12px}.modern-login__form .form-group .input-wrapper.password-wrapper .password-toggle{padding:15px;min-width:48px;min-height:48px;border-radius:8px}.modern-login__form .form-actions{margin:2.5rem 0 2rem 0}.modern-login__form .form-actions .modern-login__submit-btn{padding:1.3rem !important;font-size:1.1rem !important;min-height:56px !important;border-radius:12px !important;font-weight:600 !important}.modern-login__form .form-footer{text-align:center}.modern-login__form .form-footer .forgot-password-link{padding:12px;font-size:.95rem}.modern-login .additional-info{margin-top:2rem}.modern-login .additional-info .info-card{padding:1.5rem;border-radius:12px;text-align:center}.modern-login .additional-info .info-card div strong{font-size:.95rem}.modern-login .additional-info .info-card div p{font-size:.9rem;margin-top:.5rem}.modern-login .back-to-home{margin-top:2rem;text-align:center}.modern-login .back-to-home .back-home-btn{padding:1rem 1.5rem !important;font-size:.9rem !important;border-radius:8px !important;margin:0}.modern-login__floating-elements .floating-element{font-size:1.2rem;opacity:.4}.modern-login__floating-elements .floating-element--3,.modern-login__floating-elements .floating-element--4,.modern-login__floating-elements .floating-element--5,.modern-login__floating-elements .floating-element--6{display:none}.modern-login .mobile-logo{display:block}}@media screen and (max-width: 640px){.modern-login__container{padding:0}.modern-login__content{padding:.75rem}.modern-login__form-wrapper{padding:1.5rem 1.25rem;border-radius:12px}.modern-login .form-header{margin-bottom:2rem}.modern-login .form-header__title{font-size:2rem}.modern-login .form-header__subtitle{font-size:.95rem}.modern-login__form .form-group{margin-bottom:1.75rem}.modern-login__form .form-group .input-wrapper .modern-input input{padding:1.1rem}.modern-login__form .form-actions{margin:2rem 0 1.5rem 0}.modern-login__form .form-actions .modern-login__submit-btn{padding:1.2rem !important;min-height:52px !important}.modern-login .additional-info{margin-top:1.5rem}.modern-login .additional-info .info-card{padding:1.25rem}.modern-login .back-to-home{margin-top:1.5rem}}@media screen and (max-width: 480px){.modern-login__background-pattern{background-size:30px 30px;animation:none}.modern-login__floating-elements{display:none}.modern-login__container{padding:0;align-items:stretch}.modern-login__content{padding:.5rem;margin:0}.modern-login .mobile-logo{margin-bottom:1.5rem}.modern-login .mobile-logo__image{width:50px;height:50px}.modern-login .mobile-logo__title{font-size:1.3rem}.modern-login__form-wrapper{padding:1.5rem 1rem;border-radius:8px;min-height:auto}.modern-login__form-wrapper.focused{transform:none}.modern-login .form-header{margin-bottom:1.75rem}.modern-login .form-header__title{font-size:1.8rem}.modern-login .form-header__subtitle{font-size:.9rem}.modern-login__form .form-group{margin-bottom:1.5rem}.modern-login__form .form-group .form-label{font-size:.85rem;margin-bottom:.6rem}.modern-login__form .form-group .input-wrapper .modern-input input{padding:1rem;font-size:16px;border-radius:8px}.modern-login__form .form-group .input-wrapper.password-wrapper .password-toggle{right:8px;padding:12px;min-width:44px;min-height:44px}.modern-login__form .form-actions{margin:1.75rem 0 1.25rem 0}.modern-login__form .form-actions .modern-login__submit-btn{padding:1.1rem !important;font-size:1rem !important;border-radius:8px !important;min-height:48px !important}.modern-login__form .form-actions .modern-login__submit-btn:hover{transform:none}.modern-login__form .form-footer .forgot-password-link{font-size:.85rem;padding:10px}.modern-login .additional-info{margin-top:1.25rem}.modern-login .additional-info .info-card{padding:1rem;border-radius:8px}.modern-login .additional-info .info-card i{font-size:1rem}.modern-login .additional-info .info-card div strong{font-size:.85rem}.modern-login .additional-info .info-card div p{font-size:.8rem}.modern-login .back-to-home{margin-top:1.25rem}.modern-login .back-to-home .back-home-btn{font-size:.85rem !important;padding:.9rem 1rem !important;border-radius:8px !important}}@media screen and (max-width: 896px)and (orientation: landscape){.modern-login__container{align-items:flex-start;padding:.5rem}.modern-login__content{grid-template-columns:1fr 1fr;gap:2rem;margin:0}.modern-login__branding{order:1}.modern-login__branding .branding-content__logo{margin-bottom:.8rem}.modern-login__branding .branding-content__logo-image{width:60px;height:60px}.modern-login__branding .branding-content__title{font-size:1.4rem;margin-bottom:.5rem}.modern-login__branding .branding-content__subtitle{font-size:.8rem;margin-bottom:.8rem}.modern-login__branding .branding-content__features{display:grid;grid-template-columns:1fr;gap:.4rem}.modern-login__branding .branding-content__features .feature-item{font-size:.75rem}.modern-login__form-container{order:2}.modern-login__form-wrapper{padding:1.2rem;margin:0}.modern-login .form-header{margin-bottom:1rem}.modern-login .form-header__title{font-size:1.6rem}.modern-login__form .form-group{margin-bottom:1rem}.modern-login .additional-info{margin-top:.8rem}.modern-login .back-to-home{margin-top:.8rem}}@media(prefers-color-scheme: dark){.modern-login__form-wrapper{background:rgba(30,30,30,.95);border:1px solid hsla(0,0%,100%,.1)}.modern-login__form-wrapper .form-header__title{color:#fff}.modern-login__form-wrapper .form-label{color:#e1e8ed}.modern-login__form-wrapper .modern-input input{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:#fff}.modern-login__form-wrapper .modern-input input::placeholder{color:hsla(0,0%,100%,.6)}.modern-login__form-wrapper .modern-input input:focus{border-color:#667eea;background:hsla(0,0%,100%,.15)}.modern-login__form-wrapper .password-toggle{color:hsla(0,0%,100%,.7)}.modern-login__form-wrapper .password-toggle:hover{color:#667eea}.modern-login .additional-info .info-card{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.modern-login .additional-info .info-card strong{color:#fff}.modern-login .additional-info .info-card p{color:hsla(0,0%,100%,.8)}}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.modern-login__branding .branding-content__logo-image{image-rendering:-webkit-optimize-contrast}}@media(prefers-reduced-motion: reduce){.modern-login__background-pattern{animation:none}.modern-login__floating-elements .floating-element{animation:none}.modern-login .branding-content__logo-image{animation:none}.modern-login__form-wrapper{transition:none}.modern-login__form-wrapper.focused{transform:none}.modern-login .modern-login__submit-btn:hover{transform:none}}
.stats-card{position:relative;display:block;text-decoration:none;color:inherit;height:160px;overflow:hidden;border-radius:20px;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);transform-style:preserve-3d}.stats-card:hover{transform:translateY(-8px) scale(1.02);text-decoration:none;color:inherit}.stats-card:hover .stats-card__content{backdrop-filter:blur(15px)}.stats-card:hover .stats-card__gradient{opacity:.8;transform:scale(1.1)}.stats-card:hover .stats-card__icon span{transform:scale(1.2) rotate(5deg)}.stats-card:hover .view-details{opacity:1;transform:translateX(5px)}.stats-card__content{position:relative;z-index:2;height:100%;padding:1.5rem;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease}.stats-card__background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border-radius:20px;overflow:hidden}.stats-card__gradient{position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100%);opacity:.6;transition:all .4s ease;animation:gradientShift 8s ease-in-out infinite}.stats-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stats-card__icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border-radius:15px;border:1px solid hsla(0,0%,100%,.3)}.stats-card__icon span{font-size:1.8rem;transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.stats-card__change{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3)}.stats-card__change.positive{background:rgba(34,197,94,.2);color:#059669}.stats-card__change.negative{background:rgba(239,68,68,.2);color:#dc2626}.stats-card__change.neutral{background:rgba(107,114,128,.2);color:#4b5563}.stats-card__change.error{background:rgba(239,68,68,.2);color:#dc2626}.stats-card__body{flex:1}.stats-card__value{font-size:2.2rem;font-weight:700;margin:0 0 .5rem 0;color:#1f2937;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1}.stats-card__title{font-size:1rem;color:#374151;margin:0;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.stats-card__footer .view-details{font-size:.9rem;color:#6366f1;font-weight:600;opacity:0;transition:all .3s ease;display:inline-block}.stats-card.loading{pointer-events:none}.stats-card.loading .stats-card__content{background:hsla(0,0%,100%,.7)}.stats-card.loading .loading-skeleton{position:relative;overflow:hidden}.stats-card.loading .loading-skeleton::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:loading-shimmer 1.5s infinite}.stats-card.loading .stats-card__value{color:#9ca3af;font-size:1.8rem}.stats-card.loading .view-details{color:#9ca3af !important;opacity:.7 !important}.stats-card.error .stats-card__content{background:rgba(254,242,242,.9);border:1px solid rgba(239,68,68,.2)}.stats-card.error .stats-card__value{color:#dc2626}.stats-card.error .stats-card__title{color:#7f1d1d}.stats-card.error .view-details{color:#dc2626 !important;opacity:.8 !important}.stats-card.error .stats-card__gradient{background:linear-gradient(135deg, #fca5a5 0%, #f87171 50%, #ef4444 100%);opacity:.3}@keyframes gradientShift{0%,100%{transform:translateX(0%) translateY(0%) rotate(0deg)}25%{transform:translateX(5%) translateY(-5%) rotate(1deg)}50%{transform:translateX(-3%) translateY(-8%) rotate(-1deg)}75%{transform:translateX(-5%) translateY(5%) rotate(0.5deg)}}@keyframes loading-shimmer{0%{left:-100%}100%{left:100%}}.stats-card:nth-child(1){animation-delay:.1s}.stats-card:nth-child(2){animation-delay:.2s}.stats-card:nth-child(3){animation-delay:.3s}.stats-card:nth-child(4){animation-delay:.4s}@media screen and (max-width: 640px){.stats-card{height:140px}.stats-card__content{padding:1.2rem}.stats-card__icon{width:40px;height:40px}.stats-card__icon span{font-size:1.5rem}.stats-card__value{font-size:1.8rem}.stats-card__title{font-size:.9rem}.stats-card__change{padding:.25rem .6rem;font-size:.75rem}}
.quick-actions__grid{display:grid;grid-template-columns:1fr;gap:1rem}.quick-action{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.5);border:1px solid rgba(0,0,0,.08);border-radius:15px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);position:relative;overflow:hidden}.quick-action:hover{text-decoration:none;color:inherit;background:hsla(0,0%,100%,.8);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--action-color, #6366f1)}.quick-action:hover .quick-action__icon{background:var(--action-color, #6366f1);color:#fff;transform:scale(1.1)}.quick-action:hover .quick-action__arrow{opacity:1;transform:translateX(5px)}.quick-action__icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:rgba(0,0,0,.05);border-radius:12px;transition:all .3s ease;flex-shrink:0}.quick-action__icon span{font-size:1.4rem}.quick-action__content{flex:1;min-width:0}.quick-action__content h4{margin:0 0 .25rem 0;font-size:.95rem;font-weight:600;color:#1f2937;line-height:1.2}.quick-action__content p{margin:0;font-size:.8rem;color:#6b7280;line-height:1.3}.quick-action__arrow{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#9ca3af;opacity:.6;transition:all .3s ease;flex-shrink:0}.quick-action__arrow span{font-size:1.2rem;font-weight:bold}.quick-action{animation:slideInUp .6s ease forwards;animation-delay:calc(var(--index, 0)*.1s)}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 640px){.quick-action{padding:.8rem;gap:.8rem}.quick-action__icon{width:40px;height:40px}.quick-action__icon span{font-size:1.2rem}.quick-action__content h4{font-size:.9rem}.quick-action__content p{font-size:.75rem}.quick-action__arrow{width:25px;height:25px}.quick-action__arrow span{font-size:1rem}}
.recent-activities .activities-list{display:flex;flex-direction:column;gap:.75rem}.recent-activities .activities-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08);text-align:center}.recent-activities .activities-footer .view-all-activities{color:#6366f1;text-decoration:none;font-weight:500;font-size:.9rem;padding:.5rem 1rem;border-radius:50px;background:rgba(99,102,241,.1);transition:all .2s ease;display:inline-block}.recent-activities .activities-footer .view-all-activities:hover{background:rgba(99,102,241,.2);transform:translateY(-1px);text-decoration:none}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.3);border:1px solid rgba(0,0,0,.06);border-radius:15px;transition:all .3s ease;position:relative}.activity-item:hover{background:hsla(0,0%,100%,.6);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}.activity-item__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(99,102,241,.1);border-radius:12px;flex-shrink:0}.activity-item__icon span{font-size:1.2rem}.activity-item__content{flex:1;min-width:0}.activity-item__name{margin:0 0 .5rem 0;font-size:1rem;font-weight:600;color:#1f2937;line-height:1.3;word-wrap:break-word}.activity-item__details{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem}.activity-item__venue{font-size:.8rem;color:#6b7280;background:rgba(107,114,128,.1);padding:.2rem .6rem;border-radius:12px;display:inline-block}.activity-item__day{font-size:.75rem;color:#fff;padding:.2rem .6rem;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.activity-item__time{font-size:.8rem;color:#6b7280;background:rgba(107,114,128,.1);padding:.2rem .6rem;border-radius:12px;display:inline-block}.activity-item__status{display:flex;align-items:center;flex-shrink:0}.activity-item__status .status-indicator{width:8px;height:8px;border-radius:50%}.activity-item__status .status-indicator.active{background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.2)}.activity-item__status .status-indicator.inactive{background:#6b7280;box-shadow:0 0 0 2px rgba(107,114,128,.2)}.empty-state{text-align:center;padding:2.5rem 1rem}.empty-state__icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.empty-state p{color:#6b7280;margin-bottom:1.5rem;font-size:1rem}.empty-state__action{display:inline-block;background:linear-gradient(135deg, #667eea, #764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:500;transition:all .3s ease}.empty-state__action:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4);text-decoration:none;color:#fff}.activity-item{animation:slideInLeft .6s ease forwards;animation-delay:calc(var(--index, 0)*.1s)}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width: 640px){.activity-item{padding:.8rem;gap:.8rem}.activity-item__icon{width:35px;height:35px}.activity-item__icon span{font-size:1rem}.activity-item__name{font-size:.9rem}.activity-item__details{gap:.4rem}.activity-item__venue,.activity-item__time{font-size:.75rem;padding:.15rem .5rem}.activity-item__day{font-size:.7rem;padding:.15rem .5rem}.activities-footer{margin-top:1rem}.activities-footer .view-all-activities{font-size:.85rem;padding:.4rem .8rem}}
.membership-growth .growth-placeholder{text-align:center;padding:2rem;color:#6b7280;font-style:italic}
.main{display:flex;flex-direction:column;gap:2rem;padding:2rem;min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);position:relative;width:100%;overflow-x:hidden}.main .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:#fff}.main .loading-container .spinner{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.main .loading-container p{font-size:1.1rem;opacity:.9}.main__header{display:flex;justify-content:space-between;align-items:flex-start;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}.main__header__greeting{flex:1}.main__header__greeting h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem 0;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.main__header__greeting p{font-size:1.1rem;color:hsla(0,0%,100%,.8);margin:0}.main__header__date span{background:hsla(0,0%,100%,.2);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:500;border:1px solid hsla(0,0%,100%,.3)}.main__stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;margin:0 0 1rem 0}.main__content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;flex:1}.main__content__main{display:flex;flex-direction:column;gap:1.5rem}.main__content__main .chart-container{background:hsla(0,0%,100%,.95);border-radius:20px;padding:1.5rem;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.3);backdrop-filter:blur(10px);transition:all .3s ease;min-height:350px}.main__content__main .chart-container:hover{transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,0,0,.15)}.main__content__main .chart-container .no-charts-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280}.main__content__main .chart-container .no-charts-message h3{margin:0 0 1rem 0;color:#374151;font-size:1.5rem}.main__content__main .chart-container .no-charts-message p{margin:0;font-size:1rem}.main__content__sidebar{display:flex;flex-direction:column;gap:1.5rem}.main__reporting-overview{margin-bottom:2rem}.main__reporting-overview .widget{background:hsla(0,0%,100%,.98);border-radius:24px;border:1px solid hsla(0,0%,100%,.4);box-shadow:0 15px 50px rgba(0,0,0,.12);backdrop-filter:blur(15px);transition:all .3s ease;overflow:hidden}.main__reporting-overview .widget:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(0,0,0,.15)}.main__campus-specific{margin-top:2rem}.widget{background:hsla(0,0%,100%,.95);border-radius:20px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 10px 40px rgba(0,0,0,.1);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden}.widget:hover{transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,0,0,.15)}.widget__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.08)}.widget__header h3{margin:0;font-size:1.2rem;font-weight:600;color:#1f2937}.widget__header .view-all{color:#6366f1;text-decoration:none;font-weight:500;font-size:.9rem;padding:.5rem 1rem;border-radius:50px;background:rgba(99,102,241,.1);transition:all .2s ease}.widget__header .view-all:hover{background:rgba(99,102,241,.2);transform:translateX(2px)}.widget__content{padding:1.5rem}.ranking-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.ranking-item:last-child{border-bottom:none}.ranking-item .ranking-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg, #667eea, #764ba2);color:#fff;border-radius:50%;font-weight:600;font-size:.9rem}.ranking-item .ranking-info{flex:1}.ranking-item .ranking-info h4{margin:0 0 .25rem 0;font-size:1rem;color:#1f2937;font-weight:600}.ranking-item .ranking-info p{margin:0;font-size:.85rem;color:#6b7280}.ranking-item .ranking-badge{font-size:1.5rem}.reports-summary-card .stats-card__sub-info{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.1)}.reports-summary-card .stats-card__sub-info .sub-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.reports-summary-card .stats-card__sub-info .sub-stat .sub-value{font-size:14px;font-weight:700;color:hsla(0,0%,100%,.95)}.reports-summary-card .stats-card__sub-info .sub-stat .sub-label{font-size:11px;color:hsla(0,0%,100%,.7);text-align:center}.reports-summary-card .stats-card__trend{display:flex;flex-direction:column;align-items:center;gap:2px}.reports-summary-card .stats-card__trend .trend-value{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.9)}.reports-summary-card .stats-card__trend .trend-label{font-size:10px;color:hsla(0,0%,100%,.6)}.reports-summary-card .loading-skeleton{height:24px;background:linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 100%);border-radius:4px;animation:loading-shimmer 1.5s infinite}.reports-summary-card.error{background:linear-gradient(135deg, #ef4444, #dc2626)}.reports-summary-card.error .stats-card__icon{font-size:2rem}@keyframes loading-shimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.empty-state{text-align:center;padding:2rem 0}.empty-state__icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{color:#6b7280;margin-bottom:1.5rem}.empty-state__action{display:inline-block;background:linear-gradient(135deg, #667eea, #764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:500;transition:all .3s ease}.empty-state__action:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main>*{animation:fadeInUp .6s ease forwards}.main>*:nth-child(2){animation-delay:.1s}.main>*:nth-child(3){animation-delay:.2s}.main>*:nth-child(4){animation-delay:.3s}@media screen and (max-width: 1200px){.main__content{grid-template-columns:1.5fr 1fr}.main__stats{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}}@media screen and (max-width: 968px){.main{padding:1.5rem}.main__header{flex-direction:column;align-items:stretch;gap:1rem;padding:1.5rem}.main__header__greeting h1{font-size:2rem}.main__content{grid-template-columns:1fr;gap:1.5rem}.main__content__main{order:2}.main__content__sidebar{order:1}.main__stats{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}.widget__header{padding:1rem}.widget__content{padding:1rem}}@media screen and (max-width: 640px){.main{padding:1rem;gap:1.5rem}.main__header{padding:1rem}.main__header__greeting h1{font-size:1.75rem}.main__header__date span{padding:.5rem 1rem;font-size:.9rem}.main__stats{grid-template-columns:1fr}.ranking-item{padding:.75rem 0}.ranking-item .ranking-number{width:25px;height:25px;font-size:.8rem}.ranking-item .ranking-info h4{font-size:.9rem}.ranking-item .ranking-info p{font-size:.8rem}.ranking-item .ranking-badge{font-size:1.2rem}}
.reports-statistics{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease}.reports-statistics:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.reports-statistics .widget__header{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1)}.reports-statistics .widget__header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.reports-statistics .widget__header .month-selector .month-input{background:hsla(0,0%,100%,.9);border:none;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;color:#333;cursor:pointer;transition:all .3s ease}.reports-statistics .widget__header .month-selector .month-input:focus{outline:none;background:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.3)}.reports-statistics .widget__content{background:#fff;padding:1.5rem}.reports-statistics .widget__content .stats-header{text-align:center;margin-bottom:1.5rem}.reports-statistics .widget__content .stats-header h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem 0}.reports-statistics .widget__content .stats-header .engagement-rate{color:#667eea;font-size:.9rem;font-weight:500;margin:0}.reports-statistics .widget__content .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem;margin-bottom:1.5rem}.reports-statistics .widget__content .metrics-grid .metric-card{background:#fff;border-radius:12px;padding:1rem;text-align:center;border:2px solid #f1f3f4;transition:all .3s ease;position:relative;overflow:hidden}.reports-statistics .widget__content .metrics-grid .metric-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #667eea, #764ba2);transform:scaleX(0);transition:transform .3s ease}.reports-statistics .widget__content .metrics-grid .metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.1);border-color:#667eea}.reports-statistics .widget__content .metrics-grid .metric-card:hover::before{transform:scaleX(1)}.reports-statistics .widget__content .metrics-grid .metric-card.primary{border-color:#667eea}.reports-statistics .widget__content .metrics-grid .metric-card.primary .metric-icon{background:linear-gradient(135deg, #667eea, #764ba2);color:#fff}.reports-statistics .widget__content .metrics-grid .metric-card.success{border-color:#10b981}.reports-statistics .widget__content .metrics-grid .metric-card.success .metric-icon{background:linear-gradient(135deg, #10b981, #059669);color:#fff}.reports-statistics .widget__content .metrics-grid .metric-card.warning{border-color:#f59e0b}.reports-statistics .widget__content .metrics-grid .metric-card.warning .metric-icon{background:linear-gradient(135deg, #f59e0b, #d97706);color:#fff}.reports-statistics .widget__content .metrics-grid .metric-card.info{border-color:#8b5cf6}.reports-statistics .widget__content .metrics-grid .metric-card.info .metric-icon{background:linear-gradient(135deg, #8b5cf6, #7c3aed);color:#fff}.reports-statistics .widget__content .metrics-grid .metric-card .metric-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin:0 auto .75rem;background:#f1f3f4}.reports-statistics .widget__content .metrics-grid .metric-card .metric-info .metric-value{display:block;font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1.2}.reports-statistics .widget__content .metrics-grid .metric-card .metric-info .metric-label{display:block;font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.reports-statistics .widget__content .average-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.reports-statistics .widget__content .average-metrics .avg-metric{background:linear-gradient(135deg, #f8fafc, #e2e8f0);border-radius:10px;padding:1rem;text-align:center;border:1px solid #e2e8f0}.reports-statistics .widget__content .average-metrics .avg-metric .avg-value{display:block;font-size:1.25rem;font-weight:600;color:#374151}.reports-statistics .widget__content .average-metrics .avg-metric .avg-label{display:block;font-size:.8rem;color:#6b7280;margin-top:.25rem}.reports-statistics .widget__content .top-campuses-section{margin-bottom:1.5rem}.reports-statistics .widget__content .top-campuses-section h5{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem 0;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.reports-statistics .widget__content .top-campuses-section .top-campuses-list .campus-item{display:flex;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#f9fafb;border-radius:8px;border-left:4px solid #667eea;transition:all .3s ease}.reports-statistics .widget__content .top-campuses-section .top-campuses-list .campus-item:hover{background:#f3f4f6;transform:translateX(4px)}.reports-statistics .widget__content .top-campuses-section .top-campuses-list .campus-item .campus-rank{font-size:1.2rem;margin-right:1rem;min-width:30px;text-align:center}.reports-statistics .widget__content .top-campuses-section .top-campuses-list .campus-item .campus-info{flex:1}.reports-statistics .widget__content .top-campuses-section .top-campuses-list .campus-item .campus-info .campus-name{font-weight:600;color:#374151;font-size:.9rem;margin-bottom:.25rem}.reports-statistics .widget__content .top-campuses-section .top-campuses-list .campus-item .campus-info .campus-stats{font-size:.8rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.reports-statistics .widget__content .top-campuses-section .top-campuses-list .campus-item .campus-info .campus-stats span:nth-child(2n){color:#d1d5db}.reports-statistics .widget__content .empty-state{text-align:center;padding:2rem;color:#6b7280}.reports-statistics .widget__content .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.reports-statistics .widget__content .empty-state h4{color:#374151;font-size:1.1rem;margin:0 0 .5rem 0}.reports-statistics .widget__content .empty-state p{margin:0 0 1.5rem 0;font-size:.9rem}.reports-statistics .widget__content .empty-state .cta-button{background:linear-gradient(135deg, #667eea, #764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;display:inline-block;transition:all .3s ease}.reports-statistics .widget__content .empty-state .cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(102,126,234,.4);text-decoration:none;color:#fff}.reports-statistics .widget__content .widget-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.reports-statistics .widget__content .widget-actions .action-button{padding:.6rem 1.2rem;border-radius:8px;font-weight:500;font-size:.85rem;transition:all .3s ease;text-decoration:none;border:none;cursor:pointer}.reports-statistics .widget__content .widget-actions .action-button.primary{background:linear-gradient(135deg, #667eea, #764ba2);color:#fff}.reports-statistics .widget__content .widget-actions .action-button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(102,126,234,.4);text-decoration:none;color:#fff}.reports-statistics .widget__content .widget-actions .action-button.secondary{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.reports-statistics .widget__content .widget-actions .action-button.secondary:hover{background:#f3f4f6;border-color:#9ca3af}.reports-statistics .widget__content .loading-state,.reports-statistics .widget__content .error-state{text-align:center;padding:2rem;color:#6b7280}.reports-statistics .widget__content .loading-state .spinner,.reports-statistics .widget__content .error-state .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.reports-statistics .widget__content .loading-state p,.reports-statistics .widget__content .error-state p{margin:0;font-size:.9rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width: 768px){.reports-statistics .widget__header{flex-direction:column;gap:1rem;text-align:center}.reports-statistics .widget__content{padding:1rem}.reports-statistics .widget__content .metrics-grid{grid-template-columns:repeat(2, 1fr);gap:.75rem}.reports-statistics .widget__content .metrics-grid .metric-card{padding:.75rem}.reports-statistics .widget__content .metrics-grid .metric-card .metric-icon{width:35px;height:35px;font-size:1rem}.reports-statistics .widget__content .metrics-grid .metric-card .metric-info .metric-value{font-size:1.25rem}.reports-statistics .widget__content .metrics-grid .metric-card .metric-info .metric-label{font-size:.7rem}.reports-statistics .widget__content .average-metrics{grid-template-columns:1fr}.reports-statistics .widget__content .widget-actions{flex-direction:column}}@media(max-width: 480px){.reports-statistics .widget__content .metrics-grid{grid-template-columns:1fr}.reports-statistics .widget__content .top-campuses-section .campus-item{flex-direction:column;text-align:center;gap:.5rem}.reports-statistics .widget__content .top-campuses-section .campus-item .campus-rank{margin-right:0}}.reports-summary-card{position:relative;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;text-decoration:none;transition:all .3s ease;overflow:hidden}.reports-summary-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);opacity:0;transition:opacity .3s ease}.reports-summary-card:hover{color:#fff;text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 40px rgba(102,126,234,.4)}.reports-summary-card:hover::before{opacity:1}.reports-summary-card:hover .stats-card__icon{transform:scale(1.1)}.reports-summary-card:hover .stats-card__change{transform:scale(1.05)}.reports-summary-card.loading{background:linear-gradient(135deg, #f1f3f4 0%, #e2e8f0 100%);color:#6b7280;cursor:default}.reports-summary-card.loading:hover{transform:none;box-shadow:none}.reports-summary-card .stats-card__icon{font-size:2rem;margin-bottom:.5rem;transition:transform .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.2)}.reports-summary-card .stats-card__content{flex:1}.reports-summary-card .stats-card__content .stats-card__value{font-size:2rem;font-weight:700;line-height:1.1;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.reports-summary-card .stats-card__content .stats-card__label{font-size:.9rem;font-weight:500;opacity:.9;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.reports-summary-card .stats-card__content .stats-card__loading{font-size:.8rem;opacity:.7;font-style:italic}.reports-summary-card .stats-card__content .stats-card__details{display:flex;flex-direction:column;gap:.25rem}.reports-summary-card .stats-card__content .stats-card__details .detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;opacity:.9}.reports-summary-card .stats-card__content .stats-card__details .detail-item .detail-label{font-weight:500}.reports-summary-card .stats-card__content .stats-card__details .detail-item .detail-value{font-weight:600;background:hsla(0,0%,100%,.15);padding:.1rem .4rem;border-radius:4px;backdrop-filter:blur(10px)}.reports-summary-card .stats-card__change{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;background:hsla(0,0%,100%,.15);padding:.3rem .6rem;border-radius:20px;font-size:.8rem;font-weight:600;backdrop-filter:blur(10px);transition:transform .3s ease}.reports-summary-card .stats-card__change .change-icon{font-size:.9rem}.reports-summary-card .stats-card__change.positive{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3)}.reports-summary-card .stats-card__change.negative{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3)}.reports-summary-card .stats-card__change.neutral{background:rgba(156,163,175,.2);border:1px solid rgba(156,163,175,.3)}@media(max-width: 768px){.reports-summary-card .stats-card__content .stats-card__value{font-size:1.5rem}.reports-summary-card .stats-card__content .stats-card__details .detail-item{font-size:.75rem}.reports-summary-card .stats-card__change{position:static;margin-top:.5rem;align-self:flex-start}}
.reporting-stats-overview .widget__content{padding:20px}.reporting-stats-overview .stats-summary{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:15px;margin-bottom:25px}.reporting-stats-overview .stats-summary .summary-card{background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.reporting-stats-overview .stats-summary .summary-card:hover{transform:translateY(-2px)}.reporting-stats-overview .stats-summary .summary-card .summary-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);border-radius:8px}.reporting-stats-overview .stats-summary .summary-card .summary-info h4{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 4px 0}.reporting-stats-overview .stats-summary .summary-card .summary-info p{font-size:12px;color:#64748b;margin:0;font-weight:500}.reporting-stats-overview .performance-trends-container{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}.reporting-stats-overview .performance-trends-container .top-performers,.reporting-stats-overview .performance-trends-container .recent-trends{margin-bottom:0}.reporting-stats-overview .blessing-breakdown{margin-bottom:25px}.reporting-stats-overview .blessing-breakdown h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 15px 0}.reporting-stats-overview .blessing-breakdown .blessing-items{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:12px}.reporting-stats-overview .blessing-breakdown .blessing-items .blessing-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f1f5f9;border-radius:8px;border-left:4px solid #3b82f6}.reporting-stats-overview .blessing-breakdown .blessing-items .blessing-item .blessing-label{font-size:14px;color:#475569;font-weight:500}.reporting-stats-overview .blessing-breakdown .blessing-items .blessing-item .blessing-count{font-size:16px;font-weight:700;color:#1e293b}.reporting-stats-overview .top-performers{margin-bottom:25px}.reporting-stats-overview .top-performers h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 15px 0}.reporting-stats-overview .top-performers .performers-list{display:flex;flex-direction:column;gap:12px}.reporting-stats-overview .top-performers .performers-list .performer-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.reporting-stats-overview .top-performers .performers-list .performer-item:hover{border-color:#3b82f6;transform:translateX(4px)}.reporting-stats-overview .top-performers .performers-list .performer-item .performer-rank{font-size:14px;font-weight:700;color:#3b82f6;min-width:24px}.reporting-stats-overview .top-performers .performers-list .performer-item .performer-info{flex:1}.reporting-stats-overview .top-performers .performers-list .performer-item .performer-info .performer-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.reporting-stats-overview .top-performers .performers-list .performer-item .performer-info .performer-stats{font-size:12px;color:#64748b}.reporting-stats-overview .top-performers .performers-list .performer-item .performer-badge{font-size:18px}.reporting-stats-overview .recent-trends h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 15px 0}.reporting-stats-overview .recent-trends .trends-list{display:flex;flex-direction:column;gap:10px}.reporting-stats-overview .recent-trends .trends-list .trend-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#f8fafc;border-radius:6px}.reporting-stats-overview .recent-trends .trends-list .trend-item .trend-period{font-size:14px;font-weight:600;color:#374151}.reporting-stats-overview .recent-trends .trends-list .trend-item .trend-stats{display:flex;gap:16px;font-size:12px;color:#64748b}.reporting-stats-overview .recent-trends .trends-list .trend-item .trend-stats span{white-space:nowrap}.reporting-stats-overview .loading-state,.reporting-stats-overview .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.reporting-stats-overview .loading-state .spinner,.reporting-stats-overview .error-state .spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.reporting-stats-overview .loading-state p,.reporting-stats-overview .error-state p{color:#64748b;margin:0}.reporting-stats-overview .loading-state .error-message,.reporting-stats-overview .error-state .error-message{font-size:12px;color:#ef4444;margin-top:8px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width: 768px){.reporting-stats-overview .stats-summary{grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:12px}.reporting-stats-overview .stats-summary .summary-card{padding:12px;flex-direction:column;text-align:center;gap:8px}.reporting-stats-overview .stats-summary .summary-card .summary-icon{font-size:20px;width:32px;height:32px}.reporting-stats-overview .stats-summary .summary-card .summary-info h4{font-size:18px}.reporting-stats-overview .stats-summary .summary-card .summary-info p{font-size:11px}.reporting-stats-overview .blessing-items{grid-template-columns:1fr}.reporting-stats-overview .performance-trends-container{grid-template-columns:1fr;gap:20px}.reporting-stats-overview .performer-item{flex-direction:column;align-items:flex-start;gap:8px}.reporting-stats-overview .performer-item .performer-rank,.reporting-stats-overview .performer-item .performer-badge{align-self:flex-end}.reporting-stats-overview .trend-item{flex-direction:column;align-items:flex-start;gap:8px}.reporting-stats-overview .trend-item .trend-stats{gap:12px}}
.dashboard{display:flex;height:100dvh;width:100%}
.profiles{display:flex;padding:1rem;width:100%;background-color:#f2f2f2}
.ui.form .fields{margin:0}.ui.form .fields .wide.field{padding-left:0}.reporting-form{width:100%;max-width:900px;margin:0;padding:2.5rem;background:hsla(0,0%,100%,.98);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);position:relative;overflow:hidden}.reporting-form::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%, rgba(102, 126, 234, 0.03) 1px, transparent 1px),radial-gradient(circle at 80% 80%, rgba(102, 126, 234, 0.03) 1px, transparent 1px);background-size:30px 30px;z-index:1;pointer-events:none}.reporting-form>*{position:relative;z-index:2}.reporting-form .ui.selection.dropdown.active,.reporting-form .ui.selection.dropdown.visible{z-index:100 !important}.reporting-form h1{color:#2c3e50;margin-bottom:2rem;font-size:1.75rem;font-weight:600;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid rgba(102,126,234,.1)}.reporting-form h1 i.icon{color:#667eea;font-size:1.75rem;background:rgba(102,126,234,.1);padding:.5rem;border-radius:12px}.reporting-form h2.reporting-form__header{color:#2c3e50;margin:2rem 0 1rem;font-size:1.25rem;font-weight:500;padding-bottom:.5rem;border-bottom:2px solid rgba(102,126,234,.1)}.reporting-form__section{margin-bottom:2rem;position:relative;z-index:1}.reporting-form__section:has(.ui.selection.dropdown.active){z-index:10}.reporting-form__header{color:#2c3e50;font-size:1.25rem;font-weight:500;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.reporting-form__header i.icon{color:#667eea;font-size:1.25rem;background:rgba(102,126,234,.1);padding:.4rem;border-radius:8px}.reporting-form__group{margin-bottom:1.5rem !important;gap:1rem !important}.reporting-form__group .field{margin-bottom:0 !important}.reporting-form__group .field label{color:#495057 !important;margin-bottom:.5rem !important;font-weight:500 !important;font-size:.9rem !important}.reporting-form__group .field input,.reporting-form__group .field .dropdown{border-radius:8px !important;border:2px solid rgba(102,126,234,.15) !important;transition:all .3s ease !important;padding:.75rem 1rem !important;background:hsla(0,0%,100%,.9) !important;backdrop-filter:blur(10px) !important}.reporting-form__group .field input:focus,.reporting-form__group .field input:hover,.reporting-form__group .field .dropdown:focus,.reporting-form__group .field .dropdown:hover{border-color:#667eea !important;background:#fff !important;box-shadow:0 0 0 3px rgba(102,126,234,.1) !important}.reporting-form__group .field .ui.selection.dropdown{min-height:42px !important;padding:.75rem 2rem .75rem 1rem !important}.reporting-form__group .field .ui.selection.dropdown>.dropdown.icon{padding:.75rem !important;right:0rem !important;top:50% !important;transform:translateY(-50%) !important;margin:0 !important;color:#667eea !important}.reporting-form__group .field .ui.selection.dropdown.active{border-color:#667eea !important;box-shadow:0 0 0 3px rgba(102,126,234,.1) !important}.reporting-form__group .field .ui.selection.dropdown .text{line-height:1.2 !important;margin:0 !important}.reporting-form__group .field .ui.selection.dropdown .menu{border-radius:8px !important;margin-top:.5rem !important;border:2px solid rgba(102,126,234,.15) !important;box-shadow:0 8px 16px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.2) !important;backdrop-filter:blur(10px) !important;background:hsla(0,0%,100%,.95) !important;z-index:101 !important;position:absolute !important;max-height:200px !important;overflow-y:auto !important}.reporting-form__group .field .ui.selection.dropdown .menu .item{padding:.75rem 1rem !important;transition:all .2s ease !important}.reporting-form__group .field .ui.selection.dropdown .menu .item:hover{background:rgba(102,126,234,.08) !important}.reporting-form__group .field .ui.selection.dropdown .menu .item.selected{background:rgba(102,126,234,.12) !important;color:#667eea !important;font-weight:500 !important}.reporting-form__group .field .ui.input>input{padding-left:2.5rem !important}.reporting-form__group .field i.icon{font-size:1rem;color:#667eea;height:100%;width:2.5rem !important;display:flex !important;align-items:center;justify-content:center;margin:0 !important;border-right:2px solid rgba(102,126,234,.15)}.reporting-form__group .field .dropdown.active{border-color:#667eea !important;box-shadow:0 0 0 3px rgba(102,126,234,.1) !important}.reporting-form__group .field .dropdown .text{line-height:1.2 !important}.reporting-form__upload{color:#667eea;text-decoration:underline;cursor:pointer;margin:1rem 0;font-size:.9rem;transition:all .3s ease}.reporting-form__upload:hover{color:rgb(57.1551724138,88.1896551724,227.8448275862);text-decoration:none;background:rgba(102,126,234,.05);padding:.25rem .5rem;border-radius:6px}.reporting-form__button-container{margin-top:2.5rem !important;padding-top:2rem !important;border-top:2px solid rgba(102,126,234,.1);display:flex;justify-content:flex-end;gap:1rem !important}.reporting-form__button-container .button{display:flex !important;align-items:center !important;gap:.5rem !important;padding:1rem 2rem !important;font-weight:600 !important;transition:all .3s ease !important;border-radius:12px !important;border:2px solid rgba(0,0,0,0) !important}.reporting-form__button-container .button i.icon{margin:0 !important}.reporting-form__button-container .button.primary{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;color:#fff !important}.reporting-form__button-container .button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,172,254,.3) !important}.reporting-form__button-container .button.primary:active{transform:translateY(0)}.reporting-form__button-container .button.secondary{background:hsla(0,0%,100%,.9) !important;color:#667eea !important;border-color:rgba(102,126,234,.3) !important}.reporting-form__button-container .button.secondary:hover:not(:disabled){background:rgba(102,126,234,.05) !important;border-color:#667eea !important;transform:translateY(-1px)}.reporting-form__button-container .button:disabled{opacity:.6 !important;cursor:not-allowed !important;transform:none !important}.reporting-form textarea{min-height:100px !important;border-radius:6px !important;border:1px solid #dee2e6 !important;transition:all .2s ease !important}.reporting-form textarea:focus{border-color:#017f94 !important}.reporting-form .ui.form textarea{border-radius:6px !important;border:1px solid #dee2e6 !important;transition:all .2s ease !important;min-height:120px !important;padding:1rem !important;resize:vertical !important}.reporting-form .ui.form textarea:focus{border-color:#017f94 !important}.reporting-form .ui.divider{margin:2rem 0 !important}.reporting-form .ui.input.error input{background:#fff6f6 !important;border-color:#e0b4b4 !important;color:#9f3a38 !important}
@keyframes patternMove{0%{background-position:0 0}100%{background-position:100px 100px}}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.modern-reporting{min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);position:relative;overflow:hidden;animation:fadeIn .6s ease-out}.modern-reporting__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.modern-reporting__background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 1px, transparent 1px),radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:50px 50px;animation:patternMove 20s linear infinite}.modern-reporting__floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.modern-reporting__floating-elements .floating-element{position:absolute;color:hsla(0,0%,100%,.3);font-size:2rem;animation:float 6s ease-in-out infinite}.modern-reporting__floating-elements .floating-element--1{top:15%;left:10%;animation-delay:0s}.modern-reporting__floating-elements .floating-element--2{top:25%;right:15%;animation-delay:1s}.modern-reporting__floating-elements .floating-element--3{top:45%;left:5%;animation-delay:2s}.modern-reporting__floating-elements .floating-element--4{top:65%;right:10%;animation-delay:3s}.modern-reporting__floating-elements .floating-element--5{top:75%;left:20%;animation-delay:4s}.modern-reporting__container{position:relative;z-index:2;padding:2rem 0;min-height:100vh}.modern-reporting__hero{margin-bottom:2rem;animation:slideInUp .8s ease-out}.modern-reporting__hero .hero-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.modern-reporting__hero .hero-content__main{flex:1;min-width:300px}.modern-reporting__hero .hero-content__title{display:flex;align-items:center;gap:1rem;color:#fff !important;margin-bottom:0 !important;background:none !important;border:none !important;box-shadow:none !important}.modern-reporting__hero .hero-content__title .hero-content__icon{font-size:2.5rem !important;color:hsla(0,0%,100%,.9) !important}.modern-reporting__hero .hero-content__title .hero-content__text .title-main{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.3rem}.modern-reporting__hero .hero-content__title .hero-content__text .title-sub{font-size:1rem;opacity:.9;font-weight:300}.modern-reporting__hero .hero-content__actions{display:flex;gap:.75rem;flex-wrap:wrap}.modern-reporting__controls{margin-bottom:1rem;animation:slideInUp .8s ease-out .4s both}.modern-reporting__controls .controls-segment{background:hsla(0,0%,100%,.9) !important;backdrop-filter:blur(15px) !important;border-radius:12px !important;border:1px solid hsla(0,0%,100%,.2) !important;box-shadow:0 8px 16px rgba(0,0,0,.08),0 0 0 1px hsla(0,0%,100%,.1) !important;padding:.75rem !important}.modern-reporting__controls .controls-segment .main-controls-row{margin-bottom:0 !important;margin-top:0 !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row{display:flex;gap:.5rem;align-items:center}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-field-dropdown{min-width:120px;max-width:140px;flex-shrink:0}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-field-dropdown.compact{font-size:.85rem !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-field-dropdown.compact .dropdown.icon{font-size:.8rem !important;color:#667eea !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-field-dropdown.compact .text{font-size:.85rem !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-field-dropdown.compact .menu{font-size:.85rem !important;border-radius:6px !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-field-dropdown.compact .menu .item{padding:.5rem .75rem !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-field-dropdown.compact .menu .item:hover{background:rgba(102,126,234,.1) !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-field-dropdown.compact .menu .item.selected{background:rgba(102,126,234,.15) !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-input-wrapper{display:flex;gap:.5rem;flex:1}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-input-wrapper .ui.input{flex:1}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-input-wrapper .ui.input input{border-radius:6px !important;border:1px solid rgba(102,126,234,.2) !important;font-size:.85rem !important;padding:.5rem .75rem !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-input-wrapper .ui.input input:focus{border-color:#667eea !important;box-shadow:0 0 0 2px rgba(102,126,234,.1) !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-input-wrapper .search-button.compact{background:#667eea !important;color:#fff !important;border-radius:6px !important;padding:.5rem .75rem !important;min-width:36px !important;font-size:.85rem !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-input-wrapper .search-button.compact:hover{background:rgb(57.1551724138,88.1896551724,227.8448275862) !important}.modern-reporting__controls .controls-segment .search-section-compact .search-row .search-input-wrapper .search-button.compact i.icon{margin:0 !important;font-size:.8rem !important}.modern-reporting__controls .controls-segment .quick-date-filters-inline .quick-filter-buttons-compact{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-start}.modern-reporting__controls .controls-segment .quick-date-filters-inline .quick-filter-buttons-compact .quick-filter-btn.mini{background:rgba(102,126,234,.08) !important;color:#667eea !important;border:1px solid rgba(102,126,234,.15) !important;border-radius:4px !important;font-size:.7rem !important;padding:.35rem .5rem !important;transition:all .3s ease !important;display:flex !important;align-items:center !important;gap:.2rem !important;white-space:nowrap}.modern-reporting__controls .controls-segment .quick-date-filters-inline .quick-filter-buttons-compact .quick-filter-btn.mini i.icon{margin:0 !important;font-size:.65rem !important}.modern-reporting__controls .controls-segment .quick-date-filters-inline .quick-filter-buttons-compact .quick-filter-btn.mini:hover{background:rgba(102,126,234,.15) !important;border-color:#667eea !important;transform:translateY(-1px)}.modern-reporting__controls .controls-segment .controls-actions-compact .action-buttons-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.modern-reporting__controls .controls-segment .controls-actions-compact .action-buttons-row .modern-button.compact{font-size:.8rem !important;padding:.5rem .75rem !important;border-radius:6px !important;white-space:nowrap}.modern-reporting__controls .controls-segment .controls-actions-compact .action-buttons-row .modern-button.compact i.icon{margin:0 !important;margin-right:.25rem !important;font-size:.75rem !important}.modern-reporting__controls .controls-segment .advanced-filters-row.ultra-compact{margin-top:.5rem !important;border-top:1px solid rgba(102,126,234,.1);padding-top:.5rem}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact{background:hsla(0,0%,100%,.2);border-radius:6px;padding:.5rem;border:1px solid rgba(102,126,234,.08)}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .ultra-compact-row{margin-bottom:.5rem !important;margin-top:0 !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .ultra-compact-row:last-child{margin-bottom:0 !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact{border-radius:4px !important;font-size:.8rem !important;border:1px solid rgba(102,126,234,.15) !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact .text{color:#555 !important;font-size:.8rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact .dropdown.icon{font-size:.7rem !important;color:#667eea !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact .menu{font-size:.8rem !important;border-radius:4px !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact .menu .item{padding:.35rem .5rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact:hover{border-color:#667eea !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact.month-dropdown{min-width:60px;max-width:80px}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-input.ultra-compact input,.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-input.ultra-compact .ui.input>input{border-radius:4px !important;border:1px solid rgba(102,126,234,.15) !important;padding:.35rem .5rem !important;font-size:.8rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-input.ultra-compact input:focus,.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-input.ultra-compact .ui.input>input:focus{border-color:#667eea !important;box-shadow:0 0 0 2px rgba(102,126,234,.08) !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-input.ultra-compact.year-input{max-width:70px}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-input.ultra-compact.day-input{max-width:50px}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .inline-date-filters{display:flex;gap:.25rem;align-items:center}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .inline-date-filters .modern-input,.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .inline-date-filters .modern-dropdown{flex-shrink:0}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .apply-filters-section .modern-button.ultra-compact{font-size:.8rem !important;padding:.4rem .6rem !important;border-radius:4px !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .apply-filters-section .modern-button.ultra-compact i.icon{margin:0 !important;margin-right:.25rem !important;font-size:.75rem !important}.modern-reporting__controls .controls-segment .control-group .control-label{display:block;font-weight:500;color:#555;margin-bottom:.4rem;font-size:.85rem}.modern-reporting__controls .controls-segment .control-group .filter-actions{display:flex;gap:.5rem;flex-wrap:wrap}.modern-reporting__controls .controls-segment .control-group .modern-dropdown .dropdown.icon{color:#667eea !important}.modern-reporting__controls .controls-segment .control-group .modern-dropdown .menu{border-radius:8px !important;border:1px solid rgba(102,126,234,.2) !important;box-shadow:0 6px 16px rgba(0,0,0,.12) !important}.modern-reporting__controls .controls-segment .control-group .modern-dropdown .menu .item:hover{background:rgba(102,126,234,.1) !important}.modern-reporting__controls .controls-segment .control-group .modern-dropdown .menu .item.selected{background:rgba(102,126,234,.15) !important;color:#667eea !important}.modern-reporting__controls .controls-segment .control-group .modern-dropdown:hover{border-color:#667eea !important}.modern-reporting__controls .controls-segment .control-group .modern-dropdown.active{border-color:#667eea !important}.modern-reporting__controls .controls-segment .control-group .search-input-container{display:flex;gap:.5rem}.modern-reporting__controls .controls-segment .control-group .search-input-container .ui.input{flex:1}.modern-reporting__controls .controls-segment .control-group .search-input-container .ui.input input{border-radius:8px !important;border:1px solid rgba(102,126,234,.2) !important;transition:all .3s ease !important;padding:.75rem 1rem !important;font-size:.9rem !important}.modern-reporting__controls .controls-segment .control-group .search-input-container .ui.input input:focus{border-color:#667eea !important;box-shadow:0 0 0 2px rgba(102,126,234,.1) !important}.modern-reporting__controls .controls-segment .control-group .search-input-container .search-button{background:#667eea !important;color:#fff !important;border-radius:8px !important;padding:0 1.25rem !important;transition:all .3s ease !important;min-width:44px !important}.modern-reporting__controls .controls-segment .control-group .search-input-container .search-button:hover{background:rgb(57.1551724138,88.1896551724,227.8448275862) !important;transform:translateY(-1px)}.modern-reporting__controls .controls-segment .quick-filters-row{margin-top:1rem !important;padding-top:1rem;border-top:1px solid rgba(102,126,234,.1)}.modern-reporting__controls .controls-segment .quick-date-filters-main .control-label{display:block;font-weight:500;color:#555;margin-bottom:.75rem;font-size:.85rem}.modern-reporting__controls .controls-segment .quick-date-filters-main .quick-filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.modern-reporting__controls .controls-segment .quick-date-filters-main .quick-filter-buttons .quick-filter-btn{background:rgba(102,126,234,.1) !important;color:#667eea !important;border:1px solid rgba(102,126,234,.2) !important;border-radius:6px !important;font-size:.8rem !important;padding:.5rem 1rem !important;transition:all .3s ease !important;display:flex !important;align-items:center !important;gap:.25rem !important}.modern-reporting__controls .controls-segment .quick-date-filters-main .quick-filter-buttons .quick-filter-btn i.icon{margin:0 !important;font-size:.75rem !important}.modern-reporting__controls .controls-segment .quick-date-filters-main .quick-filter-buttons .quick-filter-btn:hover{background:rgba(102,126,234,.2) !important;border-color:#667eea !important;transform:translateY(-1px)}.modern-reporting__controls .controls-segment .advanced-filters-row{margin-top:1rem !important;border-top:1px solid rgba(102,126,234,.1);padding-top:1rem}.modern-reporting__controls .controls-segment .advanced-filters-panel{background:hsla(0,0%,100%,.3);border-radius:8px;padding:1rem;border:1px solid rgba(102,126,234,.1);backdrop-filter:blur(10px)}.modern-reporting__controls .controls-segment .advanced-filters-panel .compact-row{margin-bottom:.75rem !important;margin-top:0 !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .compact-row:last-child{margin-bottom:0 !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact{margin-bottom:0}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .filter-label-compact{display:block;font-weight:500;color:#555;margin-bottom:.3rem;font-size:.75rem}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-input.compact input,.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-input.compact .ui.input>input{border-radius:6px !important;border:1px solid rgba(102,126,234,.2) !important;transition:all .3s ease !important;padding:.5rem .75rem !important;font-size:.85rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-input.compact input:focus,.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-input.compact .ui.input>input:focus{border-color:#667eea !important;box-shadow:0 0 0 2px rgba(102,126,234,.1) !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-input.compact.date-input input{color:#555;font-weight:500}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact{border-radius:6px !important;font-size:.85rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact .text{color:#555 !important;font-size:.85rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact .dropdown.icon{font-size:.8rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact .menu{font-size:.85rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact .menu .item{padding:.5rem .75rem !important}.modern-reporting__active-filters{margin-bottom:1rem;animation:slideInUp .8s ease-out .6s both}.modern-reporting__active-filters .active-filters-container{background:hsla(0,0%,100%,.9);backdrop-filter:blur(12px);border-radius:12px;padding:1rem 1.25rem;border:1px solid hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:0 4px 12px rgba(0,0,0,.05)}.modern-reporting__active-filters .active-filters-container .active-filters-label{font-weight:600;color:#555;display:flex;align-items:center;gap:.5rem;font-size:.9rem;white-space:nowrap}.modern-reporting__active-filters .active-filters-container .active-filters-label i.icon{color:#667eea !important}.modern-reporting__active-filters .active-filters-container .filter-tags-container{display:flex;gap:.5rem;flex-wrap:wrap;flex:1;align-items:center}.modern-reporting__active-filters .active-filters-container .filter-tag{animation:slideInUp .3s ease-out;font-size:.8rem !important;margin:0 !important;border-radius:6px !important;display:flex !important;align-items:center !important;gap:.25rem !important;padding:.4rem .6rem !important}.modern-reporting__active-filters .active-filters-container .filter-tag i.icon{margin:0 !important;font-size:.7rem !important}.modern-reporting__active-filters .active-filters-container .filter-tag i.icon.delete{cursor:pointer;transition:color .3s ease;margin-left:.25rem !important}.modern-reporting__active-filters .active-filters-container .filter-tag i.icon.delete:hover{color:#e74c3c !important}.modern-reporting__active-filters .active-filters-container .clear-all-filters-btn{background:rgba(231,76,60,.1) !important;color:#e74c3c !important;border:1px solid rgba(231,76,60,.2) !important;border-radius:6px !important;font-size:.8rem !important;padding:.5rem .75rem !important;transition:all .3s ease !important;white-space:nowrap}.modern-reporting__active-filters .active-filters-container .clear-all-filters-btn:hover{background:rgba(231,76,60,.2) !important;border-color:#e74c3c !important;transform:translateY(-1px)}.modern-reporting__active-filters .active-filters-container .clear-all-filters-btn i.icon{margin:0 !important;margin-right:.25rem !important}.modern-reporting__content{animation:slideInUp .8s ease-out .8s both}.modern-reporting__error{text-align:center;padding:4rem 2rem;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:20px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 20px 40px rgba(0,0,0,.1)}.modern-reporting__error i.icon{color:#e74c3c;margin-bottom:1rem}.modern-reporting__error h3{color:#333;margin-bottom:1rem}.modern-reporting__error p{color:#666;margin-bottom:2rem;font-size:1.1rem}.modern-reporting__error .ui.button{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;color:#fff !important;border-radius:25px !important;padding:.8rem 2rem !important;font-weight:600 !important;transition:all .3s ease !important}.modern-reporting__error .ui.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.modern-reporting__loading{text-align:center;padding:4rem 2rem}.modern-reporting__loading .loading-content{color:#fff}.modern-reporting__loading .loading-content i.icon{color:#fff !important;margin-bottom:1rem}.modern-reporting__loading .loading-content h3{color:#fff;margin-bottom:1rem}.modern-reporting__loading .loading-content p{color:hsla(0,0%,100%,.8);font-size:1.1rem}.modern-reporting__table-container{background:hsla(0,0%,100%,.98) !important;backdrop-filter:blur(20px);border-radius:16px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 20px 40px rgba(0,0,0,.12);overflow:hidden;margin:0;width:100%;overflow-x:auto}.modern-reporting__table-container::-webkit-scrollbar{height:8px}.modern-reporting__table-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.modern-reporting__table-container::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:4px}.modern-reporting__table-container::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.modern-reporting__table-container .modern-table{border:none !important;border-radius:0 !important;box-shadow:none !important;min-width:1000px}.modern-reporting__table-container .modern-table thead tr th{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important;font-weight:600 !important;border:none !important;padding:1.5rem 1rem !important;font-size:.9rem !important;text-transform:uppercase !important;letter-spacing:.5px !important}.modern-reporting__table-container .modern-table tbody .table-row{transition:all .3s ease;border:none !important}.modern-reporting__table-container .modern-table tbody .table-row:hover{background:rgba(102,126,234,.05) !important;transform:scale(1.01)}.modern-reporting__table-container .modern-table tbody .table-row td{padding:1.25rem 1rem !important;border:none !important;border-bottom:1px solid rgba(0,0,0,.05) !important}.modern-reporting__table-container .modern-table tbody .table-row td .cell-content{display:flex;align-items:center;gap:.5rem}.modern-reporting__table-container .modern-table tbody .table-row td .cell-content .cell-title{font-weight:500;color:#333}.modern-reporting__table-container .modern-table tbody .table-row td .cell-content i.icon{color:#667eea}.modern-reporting__table-container .modern-table tbody .table-row td .stat-cell{display:flex;align-items:center;gap:.5rem;font-weight:600}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border-radius:12px;background:hsla(0,0%,100%,.8);border:2px solid rgba(102,126,234,.15);transition:all .3s ease;position:relative;overflow:hidden;min-width:120px}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(102, 126, 234, 0.03) 0%, rgba(118, 75, 162, 0.03) 100%);z-index:1}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container>*{position:relative;z-index:2}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container .date-main{display:flex;align-items:center;gap:.5rem}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container .date-main .date-icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(102,126,234,.1);transition:all .3s ease}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container .date-main .date-icon-wrapper i.icon{color:#667eea !important;margin:0 !important;font-size:.9rem !important}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container .date-main .date-content{display:flex;flex-direction:column;gap:.1rem}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container .date-main .date-content .date-primary{font-weight:600;font-size:.9rem;color:#2c3e50;line-height:1}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container .date-main .date-content .date-year{font-size:.75rem;color:#6c757d;line-height:1}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container .date-relative{font-size:.7rem;font-weight:500;text-align:center;padding:.25rem .5rem;border-radius:6px;background:rgba(102,126,234,.08);color:#667eea;border:1px solid rgba(102,126,234,.15);margin-top:.25rem}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.15);border-color:rgba(102,126,234,.3)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container:hover .date-icon-wrapper{background:rgba(102,126,234,.2);transform:scale(1.1)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container:hover .date-relative{background:rgba(102,126,234,.12);border-color:rgba(102,126,234,.25)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.today{background:linear-gradient(135deg, rgba(67, 233, 123, 0.1) 0%, rgba(56, 249, 215, 0.1) 100%);border-color:rgba(67,233,123,.3)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.today::before{background:linear-gradient(135deg, rgba(67, 233, 123, 0.05) 0%, rgba(56, 249, 215, 0.05) 100%)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.today .date-icon-wrapper{background:rgba(67,233,123,.15)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.today .date-icon-wrapper i.icon{color:#43e97b !important}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.today .date-relative{background:rgba(67,233,123,.12);color:#38a169;border-color:rgba(67,233,123,.25)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.today:hover{border-color:rgba(67,233,123,.5);box-shadow:0 6px 16px rgba(67,233,123,.2)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.upcoming{background:linear-gradient(135deg, rgba(79, 172, 254, 0.1) 0%, rgba(0, 242, 254, 0.1) 100%);border-color:rgba(79,172,254,.3)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.upcoming::before{background:linear-gradient(135deg, rgba(79, 172, 254, 0.05) 0%, rgba(0, 242, 254, 0.05) 100%)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.upcoming .date-icon-wrapper{background:rgba(79,172,254,.15)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.upcoming .date-icon-wrapper i.icon{color:#4facfe !important}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.upcoming .date-relative{background:rgba(79,172,254,.12);color:#3182ce;border-color:rgba(79,172,254,.25)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.upcoming:hover{border-color:rgba(79,172,254,.5);box-shadow:0 6px 16px rgba(79,172,254,.2)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.past{background:linear-gradient(135deg, rgba(108, 117, 125, 0.08) 0%, rgba(173, 181, 189, 0.08) 100%);border-color:rgba(108,117,125,.2)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.past::before{background:linear-gradient(135deg, rgba(108, 117, 125, 0.03) 0%, rgba(173, 181, 189, 0.03) 100%)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.past .date-icon-wrapper{background:rgba(108,117,125,.1)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.past .date-icon-wrapper i.icon{color:#6c757d !important}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.past .date-relative{background:rgba(108,117,125,.08);color:#6c757d;border-color:rgba(108,117,125,.15)}.modern-reporting__table-container .modern-table tbody .table-row td .date-cell .date-container.past:hover{border-color:rgba(108,117,125,.3);box-shadow:0 6px 16px rgba(108,117,125,.12)}.modern-reporting__table-container .modern-table tbody .table-row td .action-button{border:2px solid rgba(102,126,234,.2) !important;transition:all .3s ease !important}.modern-reporting__table-container .modern-table tbody .table-row td .action-button:hover{border-color:#667eea !important;background:rgba(102,126,234,.1) !important;transform:scale(1.1)}.modern-reporting .action-popup{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.modern-reporting .action-popup .popup-action{border-radius:8px !important;transition:all .3s ease !important}.modern-reporting .action-popup .popup-action--edit{border-color:#667eea !important;color:#667eea !important}.modern-reporting .action-popup .popup-action--edit:hover{background:rgba(102,126,234,.1) !important}.modern-reporting .action-popup .popup-action--delete{border-color:#e74c3c !important;color:#e74c3c !important}.modern-reporting .action-popup .popup-action--delete:hover{background:rgba(231,76,60,.1) !important}.modern-reporting__pagination{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-top:1px solid rgba(0,0,0,.05)}.modern-reporting__pagination .pagination-info{color:#666;font-weight:500}.modern-reporting__pagination .modern-pagination{border:none !important;box-shadow:none !important}.modern-reporting__pagination .modern-pagination .item{border:2px solid rgba(0,0,0,0) !important;border-radius:8px !important;margin:0 .2rem !important;transition:all .3s ease !important;font-weight:500 !important}.modern-reporting__pagination .modern-pagination .item:hover:not(.active){background:rgba(102,126,234,.1) !important;border-color:rgba(102,126,234,.3) !important;color:#667eea !important}.modern-reporting__pagination .modern-pagination .item.active{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;border-color:rgba(0,0,0,0) !important;color:#fff !important;transform:scale(1.1)}.modern-reporting__empty{text-align:center;padding:4rem 2rem;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:20px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 20px 40px rgba(0,0,0,.1)}.modern-reporting__empty .empty-content i.icon{color:#bbb;margin-bottom:1.5rem}.modern-reporting__empty .empty-content h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.modern-reporting__empty .empty-content p{color:#666;margin-bottom:2rem;font-size:1.1rem;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.modern-reporting__empty .empty-content .empty-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.modern-reporting .modern-button{border-radius:25px !important;font-weight:600 !important;transition:all .3s ease !important;border:2px solid rgba(0,0,0,0) !important;padding:.8rem 2rem !important}.modern-reporting .modern-button--primary{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;color:#fff !important}.modern-reporting .modern-button--primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.modern-reporting .modern-button--secondary{background:hsla(0,0%,100%,.9) !important;color:#667eea !important;border-color:hsla(0,0%,100%,.5) !important}.modern-reporting .modern-button--secondary:hover{background:#fff !important;transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.modern-reporting .modern-button--clear{background:rgba(231,76,60,.1) !important;color:#e74c3c !important;border-color:rgba(231,76,60,.3) !important}.modern-reporting .modern-button--clear:hover{background:rgba(231,76,60,.2) !important;transform:translateY(-2px)}.modern-reporting .modern-button:disabled{opacity:.6 !important;cursor:not-allowed !important;transform:none !important}@media(max-width: 768px){.modern-reporting__container{padding-left:.5rem !important;padding-right:.5rem !important}.modern-reporting__hero{margin-bottom:.5rem}.modern-reporting__hero .hero-content{flex-direction:column;text-align:center}.modern-reporting__hero .hero-content__title .hero-content__text .title-main{font-size:1.75rem}.modern-reporting__hero .hero-content__title .hero-content__text .title-sub{font-size:.9rem}.modern-reporting__hero .hero-content__actions{justify-content:center;width:100%}.modern-reporting__hero .hero-content__actions .modern-button{flex:1;min-width:140px;padding:.7rem 1.5rem !important}.modern-reporting__controls{margin-bottom:.5rem}.modern-reporting__controls .controls-segment{padding:.5rem !important}.modern-reporting__controls .controls-segment .main-controls-row .search-section-compact .search-row{flex-direction:column;gap:.5rem}.modern-reporting__controls .controls-segment .main-controls-row .search-section-compact .search-row .search-field-dropdown{min-width:auto;max-width:none}.modern-reporting__controls .controls-segment .main-controls-row .search-section-compact .search-row .search-input-wrapper{width:100%}.modern-reporting__controls .controls-segment .main-controls-row .search-section-compact .search-row .search-input-wrapper .search-button.compact{padding:.5rem 1rem !important;min-width:60px !important}.modern-reporting__controls .controls-segment .main-controls-row .quick-date-filters-inline{margin-top:.5rem}.modern-reporting__controls .controls-segment .main-controls-row .quick-date-filters-inline .quick-filter-buttons-compact{justify-content:center;gap:.2rem}.modern-reporting__controls .controls-segment .main-controls-row .quick-date-filters-inline .quick-filter-buttons-compact .quick-filter-btn.mini{font-size:.65rem !important;padding:.3rem .4rem !important;flex:1;min-width:50px}.modern-reporting__controls .controls-segment .main-controls-row .quick-date-filters-inline .quick-filter-buttons-compact .quick-filter-btn.mini i.icon{font-size:.6rem !important}.modern-reporting__controls .controls-segment .main-controls-row .controls-actions-compact{margin-top:.5rem}.modern-reporting__controls .controls-segment .main-controls-row .controls-actions-compact .action-buttons-row{justify-content:center}.modern-reporting__controls .controls-segment .main-controls-row .controls-actions-compact .action-buttons-row .modern-button.compact{flex:1;font-size:.75rem !important;padding:.45rem .6rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact{padding:.4rem}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .ultra-compact-row{margin-bottom:.4rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact{font-size:.75rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact .text{font-size:.75rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact .dropdown.icon{font-size:.65rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact .menu{font-size:.75rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact .menu .item{padding:.3rem .4rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-dropdown.ultra-compact.month-dropdown{min-width:50px;max-width:70px}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-input.ultra-compact input,.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-input.ultra-compact .ui.input>input{padding:.3rem .4rem !important;font-size:.75rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-input.ultra-compact.year-input{max-width:60px}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .modern-input.ultra-compact.day-input{max-width:45px}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .inline-date-filters{gap:.2rem;justify-content:center;flex-wrap:wrap}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .inline-date-filters .modern-input,.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .inline-date-filters .modern-dropdown{flex-shrink:1}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .apply-filters-section .modern-button.ultra-compact{font-size:.75rem !important;padding:.35rem .5rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel.ultra-compact .apply-filters-section .modern-button.ultra-compact i.icon{font-size:.7rem !important}.modern-reporting__controls .controls-segment .control-group{margin-bottom:1rem}.modern-reporting__controls .controls-segment .control-group .filter-actions{flex-direction:column}.modern-reporting__controls .controls-segment .control-group .filter-actions .modern-button{margin-bottom:.5rem}.modern-reporting__controls .controls-segment .control-group .search-input-container{flex-direction:column}.modern-reporting__controls .controls-segment .control-group .search-input-container .search-button{align-self:stretch;margin-top:.5rem}.modern-reporting__controls .controls-segment .quick-date-filters-main .quick-filter-buttons{justify-content:center}.modern-reporting__controls .controls-segment .quick-date-filters-main .quick-filter-buttons .quick-filter-btn{flex:1;min-width:70px;font-size:.7rem !important;padding:.4rem .6rem !important}.modern-reporting__controls .controls-segment .quick-date-filters-main .quick-filter-buttons .quick-filter-btn i.icon{font-size:.65rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel{padding:.75rem}.modern-reporting__controls .controls-segment .advanced-filters-panel .compact-row{margin-bottom:.5rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .filter-label-compact{font-size:.7rem;margin-bottom:.25rem}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-input.compact input,.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-input.compact .ui.input>input{padding:.4rem .6rem !important;font-size:.8rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact{font-size:.8rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact .text{font-size:.8rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact .menu{font-size:.8rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact .menu .item{padding:.4rem .6rem !important}.modern-reporting__active-filters{margin-bottom:.4rem}.modern-reporting__active-filters .active-filters-container{padding:.6rem .8rem;flex-direction:column;align-items:flex-start;gap:.6rem}.modern-reporting__active-filters .active-filters-container .active-filters-label{font-size:.8rem}.modern-reporting__active-filters .active-filters-container .filter-tags-container{width:100%;justify-content:flex-start}.modern-reporting__active-filters .active-filters-container .filter-tag{font-size:.7rem !important;padding:.25rem .4rem !important}.modern-reporting__active-filters .active-filters-container .filter-tag i.icon{font-size:.6rem !important}.modern-reporting__active-filters .active-filters-container .clear-all-filters-btn{align-self:flex-end;font-size:.7rem !important;padding:.35rem .5rem !important}.modern-reporting__table-container{border-radius:12px}.modern-reporting__table-container .modern-table{font-size:.85rem;min-width:800px}.modern-reporting__table-container .modern-table thead tr th,.modern-reporting__table-container .modern-table tbody td{padding:.75rem .5rem !important}.modern-reporting__table-container .modern-table .date-cell .date-container{min-width:100px;padding:.5rem}.modern-reporting__table-container .modern-table .date-cell .date-container .date-main{gap:.375rem}.modern-reporting__table-container .modern-table .date-cell .date-container .date-main .date-icon-wrapper{width:24px;height:24px}.modern-reporting__table-container .modern-table .date-cell .date-container .date-main .date-icon-wrapper i.icon{font-size:.8rem !important}.modern-reporting__table-container .modern-table .date-cell .date-container .date-main .date-content .date-primary{font-size:.8rem}.modern-reporting__table-container .modern-table .date-cell .date-container .date-main .date-content .date-year{font-size:.7rem}.modern-reporting__table-container .modern-table .date-cell .date-container .date-relative{font-size:.65rem;padding:.2rem .4rem}.modern-reporting__pagination{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.modern-reporting__empty,.modern-reporting__error,.modern-reporting__loading{padding:2rem 1rem;border-radius:16px}.modern-reporting__empty h3,.modern-reporting__error h3,.modern-reporting__loading h3{font-size:1.25rem}.modern-reporting__empty p,.modern-reporting__error p,.modern-reporting__loading p{font-size:1rem}}@media(max-width: 480px){.modern-reporting__container{padding:.5rem 0;padding-left:.25rem !important;padding-right:.25rem !important}.modern-reporting__hero,.modern-reporting__controls,.modern-reporting__active-filters,.modern-reporting__content{margin-bottom:.5rem}.modern-reporting__hero .hero-content__title .hero-content__icon{font-size:2rem !important}.modern-reporting__hero .hero-content__title .hero-content__text .title-main{font-size:1.5rem}.modern-reporting__hero .hero-content__title .hero-content__text .title-sub{font-size:.8rem}.modern-reporting__hero .hero-content__actions .modern-button{padding:.6rem 1.25rem !important;font-size:.9rem}.modern-reporting__controls .controls-segment{padding:.5rem !important}.modern-reporting__controls .controls-segment .quick-date-filters-main .quick-filter-buttons .quick-filter-btn{font-size:.65rem !important;padding:.35rem .5rem !important;min-width:60px}.modern-reporting__controls .controls-segment .quick-date-filters-main .quick-filter-buttons .quick-filter-btn i.icon{font-size:.6rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel{padding:.5rem}.modern-reporting__controls .controls-segment .advanced-filters-panel .compact-row{margin-bottom:.4rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .filter-label-compact{font-size:.65rem;margin-bottom:.2rem}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-input.compact input,.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-input.compact .ui.input>input{padding:.35rem .5rem !important;font-size:.75rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact{font-size:.75rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact .text{font-size:.75rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact .dropdown.icon{font-size:.7rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact .menu{font-size:.75rem !important}.modern-reporting__controls .controls-segment .advanced-filters-panel .filter-group-compact .modern-dropdown.compact .menu .item{padding:.35rem .5rem !important}.modern-reporting__active-filters .active-filters-container{padding:.5rem .75rem}.modern-reporting__active-filters .active-filters-container .active-filters-label{font-size:.8rem}.modern-reporting__active-filters .active-filters-container .filter-tag{font-size:.7rem !important;padding:.25rem .4rem !important}.modern-reporting__active-filters .active-filters-container .filter-tag i.icon{font-size:.6rem !important}.modern-reporting__active-filters .active-filters-container .clear-all-filters-btn{font-size:.7rem !important;padding:.35rem .5rem !important}.modern-reporting__table-container{border-radius:8px}.modern-reporting__table-container .modern-table{font-size:.8rem;min-width:600px}.modern-reporting__table-container .modern-table thead tr th,.modern-reporting__table-container .modern-table tbody td{padding:.5rem .25rem !important}.modern-reporting__table-container .modern-table .cell-content{gap:.25rem}.modern-reporting__table-container .modern-table .cell-content i.icon{font-size:.8rem}.modern-reporting__table-container .modern-table .stat-cell{gap:.25rem;font-size:.75rem}.modern-reporting__table-container .modern-table .date-cell .date-container{min-width:90px;padding:.4rem}.modern-reporting__table-container .modern-table .date-cell .date-container .date-main{gap:.3rem}.modern-reporting__table-container .modern-table .date-cell .date-container .date-main .date-icon-wrapper{width:20px;height:20px;border-radius:6px}.modern-reporting__table-container .modern-table .date-cell .date-container .date-main .date-icon-wrapper i.icon{font-size:.7rem !important}.modern-reporting__table-container .modern-table .date-cell .date-container .date-main .date-content .date-primary{font-size:.75rem}.modern-reporting__table-container .modern-table .date-cell .date-container .date-main .date-content .date-year{font-size:.65rem}.modern-reporting__table-container .modern-table .date-cell .date-container .date-relative{font-size:.6rem;padding:.15rem .3rem;margin-top:.2rem}.modern-reporting__table-container .modern-table .date-cell .date-container:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.12)}.modern-reporting__pagination{padding:.75rem}.modern-reporting__pagination .pagination-info{font-size:.8rem}.modern-reporting__pagination .modern-pagination .item{padding:.4rem .6rem !important;font-size:.8rem !important}}
.reporting-modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .4s ease-out}.reporting-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);opacity:.95;backdrop-filter:blur(12px);animation:backdropFadeIn .4s ease-out}.reporting-modal__content{position:relative;width:100%;max-width:900px;max-height:95vh;margin:1rem;overflow-y:auto;overflow-x:visible;animation:modalSlideIn .5s ease-out;border-radius:20px}.reporting-modal__content::-webkit-scrollbar{width:8px}.reporting-modal__content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.reporting-modal__content::-webkit-scrollbar-thumb{background:rgba(102,126,234,.5);border-radius:4px}.reporting-modal__content::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.7)}.reporting-modal__close{position:absolute;top:1.5rem;right:1.5rem;width:3rem;height:3rem;border-radius:50%;background:hsla(0,0%,100%,.95);border:2px solid rgba(102,126,234,.2);box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;backdrop-filter:blur(10px)}.reporting-modal__close i.icon{color:#667eea !important;font-size:1.4rem !important;margin:0 !important;transition:all .3s ease}.reporting-modal__close:hover{transform:scale(1.1) rotate(90deg);background:#fff;border-color:#667eea;box-shadow:0 6px 20px rgba(102,126,234,.3),0 0 0 2px rgba(102,126,234,.1)}.reporting-modal__close:hover i.icon{color:#e74c3c !important}.reporting-modal__close:active{transform:scale(1.05) rotate(90deg)}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes backdropFadeIn{from{opacity:0;backdrop-filter:blur(0px)}to{opacity:.95;backdrop-filter:blur(12px)}}@keyframes modalSlideIn{from{opacity:0;transform:translateY(40px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width: 768px){.reporting-modal__content{margin:.5rem;max-height:98vh;border-radius:16px}.reporting-modal__close{top:1rem;right:1rem;width:2.5rem;height:2.5rem}.reporting-modal__close i.icon{font-size:1.2rem !important}}
.center{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.card-layout{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:clamp(1rem,3vw,2rem);padding:2rem 0;animation:fadeIn .6s ease-in forwards;width:100%;max-width:100%}@media(max-width: 1200px){.card-layout{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}}@media(max-width: 768px){.card-layout{grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:1rem;padding:1rem 0}}@media(max-width: 640px){.card-layout{grid-template-columns:1fr;gap:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.error-message{padding:2rem;font-size:2rem}.card-container{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;width:100%;max-width:100%}.card-container .card{transition:inherit;width:100%;max-width:100%}.card-container:hover{transform:translateY(-4px)}.card-container:hover .card{box-shadow:0 8px 14px rgba(0,0,0,.12)}.table-header-cell{background:#1e3a8a !important;color:#fff !important;font-weight:600 !important}.popup-trigger{cursor:pointer;text-align:center}.popup-delete-action{cursor:pointer;color:red}.pagination-container{display:flex;justify-content:flex-end;padding:2rem}@media(max-width: 640px){.pagination-container{justify-content:center;padding:1rem}}.pagination-container .ui.pagination.menu{border-radius:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.08)}.pagination-container .ui.pagination.menu>.item{border:none;color:#1e3a8a;font-weight:500}.pagination-container .ui.pagination.menu>.item.active{background:#2563eb;color:#fff}.ui.table tbody tr:nth-child(odd){background:#f8fafc}.ui.table tbody tr:hover{background:#e2e8f0 !important}.ui.table{width:100%;max-width:100%;overflow-x:auto}@media(max-width: 768px){.ui.table{font-size:.9rem}.ui.table th,.ui.table td{padding:.5rem !important}}.card-layout.tab-loading,.table-container.tab-loading{position:relative;min-height:400px}.card-layout.tab-loading .tab-loading-overlay,.table-container.tab-loading .tab-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.card-layout.tab-loading .tab-loading-overlay .loading-content,.table-container.tab-loading .tab-loading-overlay .loading-content{text-align:center;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2)}.card-layout.tab-loading .tab-loading-overlay .loading-content .ui.icon,.table-container.tab-loading .tab-loading-overlay .loading-content .ui.icon{color:#2563eb;margin-bottom:1rem}.card-layout.tab-loading .tab-loading-overlay .loading-content p,.table-container.tab-loading .tab-loading-overlay .loading-content p{margin:0;font-size:1.1rem;font-weight:500;color:#374151}.tab-loading-overlay{animation:fadeInOverlay .3s ease-in-out}@keyframes fadeInOverlay{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}
:root{--radius: 8px;--img-h: 180px;--content-h: 100px;--card-h: calc(var(--img-h) + var(--content-h));--shadow: 0 2px 8px rgba(0, 0, 0, 0.06);--shadow-hover: 0 3px 10px rgba(0, 0, 0, 0.10);--border: rgba(0, 0, 0, 0.08);--border-hover: rgba(37, 99, 235, 0.25);--accent: #1e3a8a;--muted: #64748b}.card{display:flex;flex-direction:column;height:var(--card-h);border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease}.card:hover,.card:focus-within{box-shadow:var(--shadow-hover);border-color:var(--border-hover)}.card-image{height:var(--img-h);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s ease}.card:hover .card-image img{transform:scale(1.01)}.card-details{flex:1 1 auto;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:6px}.card-title{margin:0;color:var(--accent);font-weight:700;font-size:1.05rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{margin:0;color:var(--muted);font-weight:500;font-size:.9rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:16px}@media(max-width: 576px){:root{--img-h: 160px;--content-h: 90px;--card-h: calc(var(--img-h) + var(--content-h))}}
:root{--pg-accent: #7c3aed;--pg-text: #0f172a;--pg-muted: #64748b;--pg-bg: #ffffff;--pg-border: #e5e7eb;--pg-shadow: 0 1px 2px rgba(15, 23, 42, 0.06)}.dark{--pg-text: #e2e8f0;--pg-muted: #94a3b8;--pg-bg: #0b1220;--pg-border: #243244;--pg-shadow: 0 1px 2px rgba(0, 0, 0, 0.35)}.pagination-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem}.pagination-info{font-size:.875rem;color:#374151;flex:1}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-controls .pagination-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.875rem;height:32px;padding:0 .5rem;border-radius:6px;border:1px solid #e5e7eb;background:#fff;transition:background .2s ease}.pagination-controls .pagination-btn:hover:not(:disabled):not(.active){background:#f9fafb}.pagination-controls .pagination-btn.page-number{width:32px;padding:0}.pagination-controls .pagination-btn.active{background-color:#7c3aed;color:#fff;border:none}.pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-controls .pagination-btn .icon{width:1rem;height:1rem}.pagination-pages{display:flex;align-items:center;gap:.25rem}
.table-card{border-radius:.75rem;border:1px solid #e5e7eb;background:hsla(0,0%,100%,.95);backdrop-filter:blur(6px);box-shadow:0 10px 15px rgba(2,6,23,.1);overflow:hidden}.table-header-row{background:linear-gradient(90deg, #f8fafc 0%, #f1f5f9 100%);border-bottom:1px solid #e2e8f0}.table-head{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#334155;user-select:none}.table-head.sortable{cursor:pointer;transition:background-color .2s ease}.table-head.sortable:hover{background:#f1f5f9}.table-head .th-content{display:flex;align-items:center;gap:.5rem}.table-head .th-icon{color:#475569}.table-head .sort-icon{width:.75rem;height:.75rem;color:#94a3b8}.table-head .sort-indicator{color:#2563eb;font-weight:700}.table-row{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease,box-shadow .2s ease}.table-row:hover{background:rgba(241,245,249,.8)}.table-cell{padding:1.25rem 1.5rem}.empty-cell{height:6rem;text-align:center;color:#6b7280}
.content-upload{width:80%;background:#fff;padding:2rem;display:flex;flex-direction:column;border-radius:10px;border:2px solid #f0f0f0;box-shadow:rgba(100,100,111,.3) 0px 7px 29px 0px;z-index:99;position:absolute;top:2rem;left:10%}.content-upload__form__field{padding:1rem 0}.content-upload__form .ui.button:first-of-type{background:#017f94;color:#fff}.content-upload__form .ui.button:first-of-type:hover{background:#66b5c4}.content-upload__form .ui.button:first-of-type:active{background:rgba(0,0,0,0);border:1px solid #017f94;color:#017f94}.content-upload__form .ui.button:last-of-type{background:rgba(0,0,0,0);border:1px solid #017f94;color:#017f94}.content-upload__form .ui.button:last-of-type:hover{background:#d5f0f5}.content-upload__form .ui.button:last-of-type:active{background:#017f94;color:#fff}@media screen and (min-width: 992px){.content-upload{width:60%;left:10%}}
.preview-drawer{position:fixed;top:0;right:0;width:420px;height:100vh;background:#fff;box-shadow:-4px 0 12px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:1.5rem;z-index:50}.preview-drawer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.preview-drawer__header h3{margin:0;font-size:1.2rem}.preview-drawer__body{flex:1;overflow-y:auto}.preview-drawer__body p{margin-bottom:.75rem;font-size:.95rem}
.contents{width:100%;display:flex;flex-direction:column;justify-content:flex-start;background:#f2f2f2}.contents__header{display:flex;justify-content:space-between;align-items:center;padding:.85rem clamp(1rem,4vw,2.5rem);background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);color:#0f172a;position:sticky;top:0;z-index:20;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 6px rgba(15,23,42,.05)}.contents__header::after{display:none}.contents__header .ui.input>input{background:#fff !important;border:1px solid #e5e7eb !important;border-radius:10px !important;color:#0f172a !important;padding:.6rem .85rem !important}.contents__header .ui.input>input::placeholder{color:#94a3b8 !important}.contents__header .header-left{display:flex;align-items:center;gap:1rem}.contents__header .header-right{display:flex;align-items:center;gap:.5rem .75rem;flex-wrap:wrap}.contents__header .header-right .btn-upload{background:#1d4ed8 !important;color:#fff !important;font-weight:600 !important;border-radius:10px !important}.contents__header .view-toggle.ui.basic.buttons .button,.contents__header .semester-toggle.ui.basic.buttons .button{border:1px solid #e5e7eb !important;background:#fff !important;color:#334155 !important;box-shadow:0 1px 2px rgba(2,6,23,.04) !important}.contents__header .view-toggle.ui.basic.buttons .button:hover,.contents__header .semester-toggle.ui.basic.buttons .button:hover{background:#f8fafc !important;border-color:#d1d5db !important}.contents__header .view-toggle.ui.basic.buttons .button.active,.contents__header .semester-toggle.ui.basic.buttons .button.active{background:#eff6ff !important;border-color:#93c5fd !important;color:#1e3a8a !important;font-weight:700 !important}.contents__header .view-toggle.ui.basic.buttons .icon,.contents__header .semester-toggle.ui.basic.buttons .icon{color:inherit !important}.contents__year-tabs{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem clamp(1rem,4vw,2.5rem) .5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.contents__year-tabs .year-tab{padding:.6rem 1.1rem;background:#fff;border:1px solid #e5e7eb;border-radius:999px;font-weight:600;font-size:.9rem;color:#475569;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;box-shadow:0 1px 2px rgba(2,6,23,.04)}.contents__year-tabs .year-tab:hover{background:#f1f5f9;border-color:#d1d5db}.contents__year-tabs .year-tab.active{background:#eff6ff;border-color:#93c5fd;color:#1e3a8a;box-shadow:0 2px 6px rgba(29,78,216,.12)}.contents__year-tabs .year-tab.loading{opacity:.8;pointer-events:none}.contents__year-tabs .year-tab:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}@media(max-width: 640px){.contents__year-tabs .year-tab{padding:.55rem 1rem;font-size:.85rem}}.contents__outlet{width:100%;padding:1.25rem clamp(1rem,4vw,2.5rem);max-width:100%;overflow-x:hidden}.blur{filter:blur(5px)}.contents__inner{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%}.contents__header .header-left{gap:1rem}.contents__header .header-right{display:flex;align-items:center;gap:.75rem}@media(max-width: 768px){.contents__header{flex-direction:column;gap:.75rem;padding:.85rem}.contents__header .header-left,.contents__header .header-right{width:100%;justify-content:center}.contents__header .view-toggle,.contents__header .semester-toggle{width:auto}.contents__outlet{padding:1rem}}
.profile-main__form{padding:2rem 0;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:99;box-shadow:2px 8px 12px 2px rgba(126,122,122,.25);border-radius:2rem}.profile-main__form__group{padding:.5rem 0}.profile-main__form__bottom{display:flex;gap:2rem}
.profile__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}
.fellowship-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.5);backdrop-filter:blur(2px)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)))}.gap-2{gap:2}.form-card{width:100%;max-width:760px;max-height:90vh;overflow:auto;border-radius:16px;box-shadow:0 20px 50px rgba(2,6,23,.35),0 2px 0 hsla(0,0%,100%,.4) inset;background:#fff;border:1px solid #e5e7eb}.form-header{display:grid !important;grid-template-rows:auto auto;grid-template-columns:1fr;gap:8px 12px;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:#fff}.header-top{grid-column:1/-1;grid-row:1}.form-title{margin:0;font-size:1.2rem;font-weight:700;color:#0f172a}.header-bottom{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr auto;align-items:center}.form-desc{margin:0;color:#64748b;font-size:.95rem}.close-btn{justify-self:end;width:28px !important;height:28px !important;border-radius:8px !important;color:#0f172a !important;background:rgba(0,0,0,0) !important;display:grid !important;place-items:center}.close-btn svg{width:16px;height:16px}.header-content{display:flex;justify-content:space-between;align-items:center}.form-body{padding:16px;background:#fff}.form-root{display:block}.section{margin-bottom:20px}.section+.section{padding-top:16px;border-top:1px solid #eef2f7}.section-title{margin:0 0 12px;font-size:1rem;font-weight:700;color:#0f172a}.grid-two{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width: 768px){.grid-two{grid-template-columns:repeat(2, minmax(0, 1fr))}}.field{margin-bottom:16px}.field label{font-weight:600;color:#0f172a;margin-bottom:10px}.form-message{color:#dc2626;font-size:.82rem;margin-top:4px}.form-description{color:#64748b;font-size:.82rem}.bg-white{background-color:#fff}.select-item{background-color:#fff;padding:.5rem}.select-item:hover{background-color:#f7f7f7}.text-input,.select-trigger{width:100%;height:44px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;padding:0 12px;font-size:.95rem}.text-input::placeholder{color:#94a3b8}.select-trigger{display:flex;align-items:center;justify-content:space-between}.text-input:focus,.select-trigger:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}.field:has(.form-message:not(:empty)) .text-input,.field:has(.form-message:not(:empty)) .select-trigger{border-color:#ef4444}:where([data-radix-popper-content-wrapper])>div{border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 18px 36px rgba(2,6,23,.12)}.form-actions{margin-top:8px;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px}.btn-cancel{border:1px solid #cbd5e1 !important;background:#fff !important;color:#334155 !important;border-radius:10px !important;height:40px !important;padding:0 14px !important}.btn-submit{background:linear-gradient(90deg, #7c3aed, #4f46e5) !important;color:#fff !important;border:1px solid #5b21b6 !important;border-radius:10px !important;height:40px !important;padding:0 16px !important;box-shadow:0 10px 22px rgba(79,70,229,.2)}.btn-submit:disabled{opacity:.8}
.fellowship-container{min-height:100vh;background:linear-gradient(to bottom right, #f8fafc, #f1f5f9)}.fellowship-container.blurred{filter:blur(4px)}.header-bar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px rgba(2,6,23,.04)}.header-inner{max-width:1280px;margin:0 auto;padding:1.25rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:.75rem}.header-left h1{margin:0;font-size:1.5rem;line-height:1.25;font-weight:700;color:#0f172a}.header-left p{margin:.25rem 0 0;font-size:.875rem;color:#64748b}.header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(90deg, #7c3aed, #4f46e5);display:grid;place-items:center;box-shadow:0 6px 14px rgba(79,70,229,.25)}.header-icon svg{width:22px;height:22px;color:#fff}.header-actions{display:flex;align-items:center;gap:.75rem}.header-actions .btn-export{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#334155;border:1px solid #cbd5e1;padding:.5rem .75rem;border-radius:.5rem}.header-actions .btn-add{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;background:#6d28d9;color:#fff;border:1px solid #5b21b6;box-shadow:0 6px 14px rgba(109,40,217,.25)}.header-actions .btn-export svg,.header-actions .btn-add svg{width:18px;height:18px}.main-content{max-width:1280px;margin:0 auto;padding:1.5rem 1rem 2rem}.stats-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1rem;margin-bottom:1.25rem}@media(max-width: 1024px){.stats-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 640px){.stats-grid{grid-template-columns:1fr}}.stat-card{display:flex;min-height:110px;align-items:center;gap:.75rem;border-radius:14px;padding:1.1rem 1rem;color:#fff;border:1px solid hsla(0,0%,100%,.25);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 12px 22px rgba(2,6,23,.08)}.stat-card svg{width:26px;height:26px}.stat-card p{margin:0;font-weight:600;opacity:.95}.stat-card h2{margin:.25rem 0 0;font-size:1.75rem;line-height:1;font-weight:700}.stat-card.blue{background:linear-gradient(90deg, #2563eb, #1d4ed8)}.stat-card.green{background:linear-gradient(90deg, #10b981, #059669)}.stat-card.purple{background:linear-gradient(90deg, #a855f7, #7c3aed)}.stat-card.orange{background:linear-gradient(90deg, #fb923c, #ef4444)}.filter-card{margin:.75rem 0 1.25rem}.filter-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px}.filter-title{display:inline-flex;align-items:center;gap:.5rem;padding-left:6px}.filter-title h3{margin:0;font-size:1.125rem;font-weight:700;color:#0f172a}.filter-title svg{width:18px;height:18px;color:#475569}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-options button[role=combobox]{height:40px;min-width:170px;padding:0 12px;border-radius:10px;border:1px solid #cbd5e1;background:#fff}.reset-btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #fecaca !important;color:#dc2626 !important;padding:.4rem .65rem !important;border-radius:999px !important;background:#fff !important}.filter-card :where([data-radix-popper-content-wrapper]){z-index:50}.loading-state{text-align:center;padding:2.5rem 1rem}.loading-state .spinner{width:48px;height:48px;border-radius:999px;margin:0 auto 12px;border:4px solid #e5e7eb;border-top-color:#7c3aed;animation:spin 1s linear infinite}.loading-state h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:700;color:#0f172a}.loading-state p{margin:0;color:#64748b}.data-table-space{padding:1rem}.directory-card{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(2,6,23,.06)}.directory-header{border-bottom:1px solid #e5e7eb;padding:14px 16px;background:#f8fafc}.directory-title{display:flex;align-items:center;gap:8px;margin:0;color:#0f172a;font-weight:800}.directory-title svg{width:18px;height:18px;color:#fff;background:#7c3aed;border-radius:8px;padding:6px;box-shadow:0 3px 8px rgba(124,58,237,.25)}.directory-sub{margin-top:4px;color:#475569}.directory-content{padding:0}.directory-content table{width:100%;border-collapse:collapse}.directory-content thead th{position:sticky;top:0;z-index:1;background:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;padding:10px 12px;border-bottom:1px solid #e5e7eb}.directory-content tbody tr{border-bottom:1px solid #eef2f7;transition:background .15s ease}.directory-content tbody tr:hover{background:#f8fafc}.directory-content td{padding:12px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.row-badge{min-width:32px;height:32px;display:grid;place-items:center;border-radius:8px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(90deg, #475569, #334155);box-shadow:0 4px 10px rgba(51,65,85,.25)}.name-cell,.location-cell,.pastor-cell{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.name-cell span,.location-cell span,.pastor-cell span{display:inline-block;color:#0f172a;font-weight:600}.name-cell svg,.location-cell svg,.pastor-cell svg{width:16px;height:16px;color:#fff;background:#7c3aed;padding:6px;border-radius:10px;box-shadow:0 3px 8px rgba(124,58,237,.25)}.location-cell span{color:#334155;font-weight:600}.bg-white{background-color:#fff}.select-item{background-color:#fff;padding:.5rem}.select-item:hover{background-color:#f7f7f7}.border-none{border:none}.pastor-cell span{color:#0f172a;font-weight:600}.contact-cell{display:grid;gap:.35rem}.contact-cell>div{display:inline-flex;align-items:center;gap:.4rem;min-width:min-content}.contact-cell span{color:#334155;font-weight:500;max-width:max-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-cell svg{width:14px;height:14px;color:#64748b}.badge-green{background:linear-gradient(90deg, #22c55e, #10b981) !important;color:#fff !important;border-radius:999px !important;padding:.3rem .6rem !important;font-weight:700 !important;box-shadow:0 6px 14px rgba(16,185,129,.2)}.badge-blue{background:linear-gradient(90deg, #3b82f6, #06b6d4) !important;color:#fff !important;border-radius:999px !important;padding:.3rem .6rem !important;font-weight:700 !important;box-shadow:0 6px 14px rgba(59,130,246,.2)}main .card-header{padding:1rem 1.25rem}main .card-content{padding:.75rem 1.25rem}
.member-container{min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);padding:2rem;position:relative;overflow:hidden}.member-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 1px, transparent 1px),radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:50px 50px;animation:patternMove 20s linear infinite;pointer-events:none;z-index:1}.member-container::after{content:"";position:absolute;top:10%;right:10%;width:80px;height:80px;background:hsla(0,0%,100%,.1);border-radius:50%;animation:float 6s ease-in-out infinite;pointer-events:none;z-index:1}.member-container .floating-element{position:absolute;color:hsla(0,0%,100%,.3);font-size:2rem;animation:float 6s ease-in-out infinite;pointer-events:none;z-index:1}.member-container .floating-element--1{top:20%;left:5%;animation-delay:0s}.member-container .floating-element--2{top:60%;right:8%;animation-delay:2s}.member-container .floating-element--3{top:80%;left:15%;animation-delay:4s}.member-container>*{position:relative;z-index:2}.member-container__loader{margin:3rem 0;text-align:center}.member-container__loader .ui.loader{color:#fff !important}.member-container__loader .ui.loader:before{border-color:hsla(0,0%,100%,.2) !important}.member-container__loader .ui.loader:after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) !important}.member-container__header-section{margin-bottom:3rem}.member-container__title{color:#fff !important;margin-bottom:2rem !important}.member-container__title h2{font-size:2.5rem !important;font-weight:600 !important;color:#fff !important;margin:0 !important;display:flex !important;align-items:center !important;gap:1rem !important}.member-container__title h2 .icon{font-size:2rem !important;opacity:.9 !important}.member-container__header{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.member-container__header .ui.button{background:hsla(0,0%,100%,.95) !important;backdrop-filter:blur(20px) !important;border-radius:12px !important;border:2px solid hsla(0,0%,100%,.3) !important;box-shadow:0 10px 25px rgba(0,0,0,.1) !important;transition:all .3s ease !important;padding:.8rem 1.5rem !important;font-weight:600 !important;color:#667eea !important}.member-container__header .ui.button:hover{transform:translateY(-2px) !important;box-shadow:0 15px 35px rgba(0,0,0,.15) !important;border-color:#667eea !important;background:#667eea !important;color:#fff !important}.member-container__header .ui.button a{color:inherit !important;text-decoration:none !important}.member-container__header .ui.button .icon{margin-left:.5rem !important;transition:all .3s ease !important}.member-container__header .ui.button:hover .icon{transform:translateX(3px) !important}.member-container__middle{display:flex;justify-content:flex-end;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.member-container__middle .ui.button{background:hsla(0,0%,100%,.95) !important;backdrop-filter:blur(20px) !important;border-radius:12px !important;border:2px solid hsla(0,0%,100%,.3) !important;box-shadow:0 10px 25px rgba(0,0,0,.1) !important;transition:all .3s ease !important;padding:.8rem 1.5rem !important;font-weight:600 !important;color:#ef4444 !important}.member-container__middle .ui.button:hover{transform:translateY(-2px) !important;box-shadow:0 15px 35px rgba(0,0,0,.15) !important;border-color:#ef4444 !important;background:#ef4444 !important;color:#fff !important}.member-container__middle .ui.dropdown{background:hsla(0,0%,100%,.95) !important;backdrop-filter:blur(20px) !important;border-radius:12px !important;border:2px solid hsla(0,0%,100%,.3) !important;box-shadow:0 10px 25px rgba(0,0,0,.1) !important;transition:all .3s ease !important;min-width:150px !important}.member-container__middle .ui.dropdown:hover{transform:translateY(-2px) !important;box-shadow:0 15px 35px rgba(0,0,0,.15) !important;border-color:#667eea !important}.member-container__middle .ui.dropdown .text{color:#333 !important;font-weight:500 !important}.member-container__middle .ui.dropdown .menu{border-radius:12px !important;border:1px solid rgba(0,0,0,.1) !important;box-shadow:0 10px 25px rgba(0,0,0,.1) !important;margin-top:.5rem !important}.member-container__middle--item{background:rgba(0,0,0,0) !important;border:none !important;padding:0 !important}.member-container__table{background:hsla(0,0%,100%,.98) !important;backdrop-filter:blur(20px) !important;border-radius:20px !important;border:1px solid hsla(0,0%,100%,.3) !important;box-shadow:0 20px 40px rgba(0,0,0,.1) !important;overflow:hidden !important;margin-bottom:2rem !important}.member-container__table .ui.table{background:rgba(0,0,0,0) !important;border:none !important;margin:0 !important}.member-container__table thead tr{background:hsla(0,0%,100%,.95) !important;border-bottom:3px solid rgba(102,126,234,.2) !important}.member-container__table thead tr th{background:rgba(0,0,0,0) !important;color:#333 !important;font-weight:700 !important;font-size:.9rem !important;padding:1.5rem 1rem !important;border:none !important;text-transform:uppercase !important;letter-spacing:1px !important;position:relative !important}.member-container__table thead tr th .icon{color:#667eea !important;margin-right:.7rem !important;font-size:1.1rem !important;opacity:.8 !important}.member-container__table thead tr th:not(:last-child)::after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:rgba(0,0,0,.1)}.member-container__table tbody tr{background:rgba(0,0,0,0) !important;transition:all .3s ease !important;border-bottom:1px solid rgba(0,0,0,.05) !important}.member-container__table tbody tr:hover{background:rgba(102,126,234,.05) !important;transform:translateX(5px) !important;box-shadow:0 5px 15px rgba(0,0,0,.05) !important}.member-container__table tbody tr:last-child{border-bottom:none !important}.member-container__table tbody tr td{background:rgba(0,0,0,0) !important;color:#333 !important;padding:1rem !important;border:none !important;font-size:.9rem !important;vertical-align:middle !important}.member-container__table tbody tr td:first-child{font-weight:600 !important;color:#667eea !important;text-align:center !important}.member-container__table tbody tr td .cell-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-radius:50%;font-weight:600;font-size:.85rem}.member-container__table tbody tr td .student-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.member-container__table tbody tr td .student-name .icon{color:#667eea;opacity:.8}.member-container__table tbody tr td .contact-info{color:#555;font-size:.9rem}.member-container__table tbody tr td .department-badge{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .8rem;background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);color:#fff;border-radius:12px;font-weight:600;font-size:.85rem}.member-container__table tbody tr td .session-badge{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .8rem;background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);color:#fff;border-radius:12px;font-weight:600;font-size:.85rem}.member-container__table tbody tr td:last-child{text-align:center !important}.member-container__table tbody tr td:last-child .ui.popup .content{padding:.5rem !important;min-width:120px !important}.member-container__table tbody tr td:last-child .ui.popup .content div{padding:.8rem 1rem !important;margin:.2rem 0 !important;border-radius:8px !important;transition:all .2s ease !important;display:flex !important;align-items:center !important;gap:.5rem !important}.member-container__table tbody tr td:last-child .ui.popup .content div:hover{background:rgba(102,126,234,.1) !important;transform:translateX(3px) !important}.member-container__table tbody tr td:last-child .ui.popup .content div .icon{margin:0 !important}.member-container__table tbody tr td:last-child p{margin:0 !important;padding:.5rem !important;border-radius:8px !important;transition:all .2s ease !important}.member-container__table tbody tr td:last-child p:hover{background:rgba(102,126,234,.1) !important}.member-container__table tbody tr td:last-child p:hover .icon{color:#667eea !important}.member-container .ui.pagination.menu{background:hsla(0,0%,100%,.95) !important;backdrop-filter:blur(20px) !important;border-radius:15px !important;border:1px solid hsla(0,0%,100%,.3) !important;box-shadow:0 10px 25px rgba(0,0,0,.1) !important;display:flex !important;justify-content:center !important;margin:2rem auto 0 !important}.member-container .ui.pagination.menu .item{background:rgba(0,0,0,0) !important;color:#333 !important;border:none !important;margin:.2rem !important;border-radius:8px !important;transition:all .2s ease !important}.member-container .ui.pagination.menu .item:hover{background:rgba(102,126,234,.1) !important;color:#667eea !important}.member-container .ui.pagination.menu .item.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important}.member-container .ui.pagination.menu .item.active:hover{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important}.member-container .ui.message{background:hsla(0,0%,100%,.95) !important;backdrop-filter:blur(20px) !important;border-radius:15px !important;border:1px solid hsla(0,0%,100%,.3) !important;box-shadow:0 10px 25px rgba(0,0,0,.1) !important;color:#333 !important}.member-container .ui.message.negative{background:rgba(245,87,108,.1) !important;border-color:rgba(245,87,108,.3) !important;color:#d63384 !important}.member-container .ui.message.info{background:rgba(79,172,254,.1) !important;border-color:rgba(79,172,254,.3) !important;color:#0ea5e9 !important}.member-container .ui.message .header{color:inherit !important;font-weight:600 !important}@keyframes patternMove{0%{transform:translateX(0) translateY(0)}100%{transform:translateX(50px) translateY(50px)}}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@media(max-width: 1200px){.member-container{padding:1.5rem}}@media(max-width: 768px){.member-container{padding:1rem}.member-container__header{flex-direction:column;align-items:stretch}.member-container__header .ui.button{width:100%;justify-content:center;margin:0 !important}.member-container__middle{flex-direction:column;align-items:stretch}.member-container__middle .ui.button,.member-container__middle .ui.dropdown{width:100% !important}.member-container__table{overflow-x:auto !important}.member-container__table table{min-width:800px !important}}
.view-modal{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.view-modal h1{color:#017f94}.view-modal__container{display:flex;flex-wrap:wrap;gap:3rem;margin:1rem 0}.view-modal__container__details{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.2rem;min-width:40%;width:40%;min-height:30%;height:30%}.view-modal__container__details__group{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.view-modal__container__details__group p span{font-weight:500;color:#017f94}.view-modal__container__details .row{flex-direction:row;gap:.2rem;flex-wrap:wrap}.view-modal__container__details .row .button{border:solid 1px #000;border-radius:15px;padding:.5rem 1rem}
.ui.form .fields>.field{padding-left:0}.members{display:flex;flex-direction:column;justify-content:space-between;margin:.5rem}.members h1{margin:0}.members__form{padding:2rem;border:1px solid #e5e5e5;border-radius:2px;flex-direction:column;justify-content:space-evenly;align-items:center;background:#fff;border-radius:10px}.members__form__top{padding:1rem 0}.members__form__top__group{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.5rem 0}.members__form__middle{padding:1rem 0}.members__form__middle__group{display:flex;justify-content:space-between;align-items:center;gap:2rem}.members__form__button-container{padding:1rem 0;display:flex;flex-wrap:wrap;gap:2rem}.members__form__button-container .ui.button:first-of-type{background:#017f94;color:#fff}.members__form__button-container .ui.button:first-of-type:hover,.members__form__button-container .ui.button:first-of-type:active{background:rgba(0,0,0,0);border:1px solid #017f94;color:#017f94}.members__form__button-container .ui.button:last-of-type{background:rgba(0,0,0,0);border:1px solid #017f94;color:#017f94}.members__form__button-container .ui.button:last-of-type:hover,.members__form__button-container .ui.button:last-of-type:active{background:#017f94;color:#fff}@media screen and (max-width: 992px){.members__form{padding:1rem}.members__form h2{font-size:1.5rem}.members__form__button-container{gap:1rem}}
.excos-history{display:flex;flex-direction:column;justify-content:space-between}.excos-history__header{font-weight:700}.excos-history__form{border:1px solid #e5e5e5;border-radius:2px;padding:2rem}.excos-history__form__container{width:50%}.excos-history__form__container__group{padding:.5rem 0;display:flex;justify-content:space-between}.excos-history__form__container__item{padding:.5rem 0}.excos-history__form__container__button-container{display:flex;flex-wrap:wrap;gap:2rem;padding:2rem 0}.excos-history__form__container__button-container .ui.button{padding:1rem 2rem}.excos-history__form__container__button-container .ui.button:first-of-type{background:#017f94;color:#fff}.excos-history__form__container__button-container .ui.button:first-of-type:hover{background:#059eb9}.excos-history__form__container__button-container .ui.button:first-of-type:active{background:rgba(0,0,0,0);border:1px solid #017f94;color:#017f94}.excos-history__form__container__button-container .ui.button:last-of-type{background:rgba(0,0,0,0);border:1px solid #017f94;color:#017f94}.excos-history__form__container__button-container .ui.button:last-of-type:hover{background:#d5f0f5}.excos-history__form__container__button-container .ui.button:last-of-type:active{background:#017f94;color:#fff}
:root{--primary-color: #667eea;--primary-dark: #5a67d8;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #48bb78;--error-color: #f56565;--warning-color: #ed8936;--text-dark: #2d3748;--text-medium: #4a5568;--text-light: #718096;--text-lighter: #a0aec0;--background-light: #f7fafc;--background-white: #ffffff;--border-color: #e2e8f0;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.modern-jamb-page{min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-dark)}.modern-hero{position:relative;padding:3rem 0;color:#fff;overflow:hidden;text-align:center}.modern-hero__background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);z-index:1}.modern-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 100%);z-index:2}.modern-hero__content{position:relative;z-index:3;animation:fadeInUp .8s ease-out}.modern-hero__text{max-width:700px;margin:0 auto}.modern-hero__title{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modern-hero__title--highlight{display:block;background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-shadow:none;margin-top:.5rem}.modern-hero__subtitle{font-size:clamp(1rem,2.5vw,1.25rem);opacity:.95;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.2);line-height:1.6}.modern-nav{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.2);padding:1rem 0;position:sticky;top:0;z-index:100}.modern-nav__content{display:flex;justify-content:space-between;align-items:center}.modern-nav__brand{display:flex;align-items:center;gap:1rem}.modern-nav__logo{height:40px;width:auto;object-fit:contain}.modern-nav__title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.modern-nav__mobile-toggle{display:none;cursor:pointer;padding:.5rem;border-radius:var(--border-radius-sm);transition:var(--transition)}.modern-nav__mobile-toggle:hover{background:rgba(102,126,234,.1)}.modern-nav__mobile-toggle i{color:var(--primary-color);font-size:1.5rem}.modern-nav__menu{display:flex;gap:1rem;align-items:center}.modern-nav__menu-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;text-decoration:none;color:var(--text-medium);font-weight:500;border-radius:var(--border-radius-sm);transition:var(--transition)}.modern-nav__menu-item:hover{color:var(--primary-color);background:rgba(102,126,234,.1);text-decoration:none}.modern-nav__menu-item.active{color:var(--primary-color);background:rgba(102,126,234,.15);font-weight:600}.modern-nav__menu-item i{font-size:1rem}.modern-form-section{padding:3rem 0;background:var(--background-light);min-height:70vh}@media(min-width: 992px){.modern-form-section{margin-top:2rem}}.modern-form-container{background:var(--background-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:2rem 3rem 3rem;max-width:900px;margin:0 auto;position:relative}.modern-form-container::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.form-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.form-header__icon{width:60px;height:60px;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:var(--shadow-md);flex-shrink:0}.form-header__content h2{margin:0 0 .5rem 0;font-size:1.875rem;font-weight:700;color:var(--text-dark)}.form-header__content p{margin:0;color:var(--text-medium);font-size:1rem;line-height:1.5}.form-progress{margin-bottom:2.5rem}.form-progress__info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.form-progress__label{font-size:.875rem;color:var(--text-medium);font-weight:600}.form-progress__percentage{font-size:.875rem;color:var(--primary-color);font-weight:700}.form-progress__bar{margin-bottom:0 !important}.form-progress__bar .bar{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;border-radius:4px !important;transition:width .5s ease !important}.form-progress__bar .progress{background:var(--border-color) !important;border-radius:4px !important;height:8px !important}.modern-message{display:flex !important;align-items:flex-start !important;gap:1rem !important;padding:1.5rem !important;border-radius:var(--border-radius) !important;border:none !important;margin-bottom:2rem !important}.modern-message__icon{flex-shrink:0}.modern-message__icon i{font-size:1.5rem}.modern-message__content{flex:1}.modern-message__content .header{font-size:1.125rem !important;font-weight:600 !important;margin-bottom:.5rem !important}.modern-message__content p{margin:0 !important;line-height:1.5 !important}.modern-message.success-message{background:linear-gradient(135deg, rgba(72, 187, 120, 0.1) 0%, rgba(56, 178, 172, 0.1) 100%) !important;border-left:4px solid var(--success-color) !important}.modern-message.success-message .modern-message__icon i{color:var(--success-color) !important}.modern-message.success-message .header{color:var(--success-color) !important}.modern-form .form-section{margin-bottom:3rem}.modern-form .form-section__header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.modern-form .form-section__icon{width:50px;height:50px;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-md)}.modern-form .form-section__title h3{margin:0 0 .25rem 0;font-size:1.5rem;font-weight:700;color:var(--text-dark)}.modern-form .form-section__title p{margin:0;color:var(--text-medium);font-size:.875rem}.form-grid{gap:1.5rem !important}.form-grid .column{padding:0 !important}.modern-input .field{margin-bottom:1.5rem !important}.modern-input .field label{font-weight:600 !important;color:var(--text-dark) !important;margin-bottom:.75rem !important;font-size:.875rem !important;text-transform:uppercase !important;letter-spacing:.5px !important;display:block !important}.modern-input .field input{border:2px solid var(--border-color) !important;border-radius:var(--border-radius-sm) !important;padding:1rem !important;font-size:1rem !important;transition:var(--transition) !important;background:var(--background-white) !important;width:100% !important}.modern-input .field input:focus{border-color:var(--primary-color) !important;box-shadow:0 0 0 3px rgba(102,126,234,.1) !important;outline:none !important}.modern-input .field input::placeholder{color:var(--text-lighter) !important}.modern-input .field.icon input{padding-left:3rem !important}.modern-input .field .icon{color:var(--text-light) !important}.modern-input .field .icon.left{left:1rem !important}.modern-select .field{margin-bottom:1.5rem !important}.modern-select .field label{font-weight:600 !important;color:var(--text-dark) !important;margin-bottom:.75rem !important;font-size:.875rem !important;text-transform:uppercase !important;letter-spacing:.5px !important;display:block !important}.modern-select .field .ui.selection.dropdown{border:2px solid var(--border-color) !important;border-radius:var(--border-radius-sm) !important;padding:1rem !important;font-size:1rem !important;transition:var(--transition) !important;background:var(--background-white) !important;min-height:3.5rem !important}.modern-select .field .ui.selection.dropdown:hover{border-color:var(--primary-color) !important}.modern-select .field .ui.selection.dropdown.active,.modern-select .field .ui.selection.dropdown.visible{border-color:var(--primary-color) !important;box-shadow:0 0 0 3px rgba(102,126,234,.1) !important}.modern-select .field .ui.selection.dropdown .text{color:var(--text-dark) !important;line-height:1.5 !important}.modern-select .field .ui.selection.dropdown .default.text{color:var(--text-lighter) !important}.modern-select .field .ui.selection.dropdown .menu{border:2px solid var(--primary-color) !important;border-radius:var(--border-radius-sm) !important;box-shadow:var(--shadow-lg) !important;max-height:200px !important}.modern-select .field .ui.selection.dropdown .menu .item{padding:1rem !important;border-bottom:1px solid var(--border-color) !important;transition:var(--transition) !important}.modern-select .field .ui.selection.dropdown .menu .item:hover{background:rgba(102,126,234,.05) !important;color:var(--primary-color) !important}.modern-select .field .ui.selection.dropdown .menu .item.selected{background:rgba(102,126,234,.1) !important;color:var(--primary-color) !important;font-weight:600 !important}.modern-select .field .ui.selection.dropdown .menu .item:last-child{border-bottom:none !important}.section-divider{margin:3rem 0 !important;border-color:var(--border-color) !important;opacity:.6 !important}.choice-section{background:rgba(102,126,234,.02);padding:2rem;border-radius:var(--border-radius);border:2px solid var(--border-color);transition:var(--transition)}.choice-section:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);background:rgba(102,126,234,.04)}.choice-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.choice-header i{color:var(--primary-color);font-size:1.25rem}.choice-header h4{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-dark)}.form-actions{text-align:center;margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-color)}.form-actions__hint{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;color:var(--text-medium);font-size:.875rem}.form-actions__hint i{color:var(--warning-color)}.modern-submit-button{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;border:none !important;border-radius:50px !important;padding:1.25rem 3rem !important;font-size:1.125rem !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.5px !important;transition:var(--transition) !important;box-shadow:var(--shadow-lg) !important;color:#fff !important;min-width:280px !important}.modern-submit-button:hover:not(:disabled){transform:translateY(-2px) !important;box-shadow:0 15px 25px rgba(102,126,234,.4) !important;background:linear-gradient(135deg, var(--primary-dark) 0%, var(--secondary-color) 100%) !important}.modern-submit-button:active:not(:disabled){transform:translateY(0) !important}.modern-submit-button:disabled{opacity:.6 !important;cursor:not-allowed !important;transform:none !important}.modern-submit-button i{margin-right:.75rem !important;font-size:1rem !important}.modern-footer{background:linear-gradient(135deg, var(--text-dark) 0%, #2a2a2a 100%);color:#fff;padding:3rem 0 1rem;margin-top:4rem}.modern-footer__content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:2rem}.modern-footer__brand{display:flex;align-items:flex-start;gap:1rem}.modern-footer__logo{height:60px;width:auto;object-fit:contain}.modern-footer__text h4{margin:0 0 .5rem 0;font-size:1.25rem;font-weight:600;color:#fff}.modern-footer__text p{margin:0;color:hsla(0,0%,100%,.8);font-size:.875rem;line-height:1.5}.modern-footer__links{display:flex;gap:2rem}.modern-footer .footer-section h5{margin:0 0 1rem 0;font-size:1rem;font-weight:600;color:#fff}.modern-footer .footer-section a{display:block;color:hsla(0,0%,100%,.7);text-decoration:none;margin-bottom:.5rem;font-size:.875rem;transition:var(--transition)}.modern-footer .footer-section a:hover{color:var(--primary-color);text-decoration:none}.modern-footer__bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:2rem;text-align:center}.modern-footer__bottom p{margin:0;color:hsla(0,0%,100%,.6);font-size:.875rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.modern-form.loading .form-section{opacity:.6;pointer-events:none}.modern-form.loading .modern-submit-button i{animation:pulse 1.5s ease-in-out infinite}@media(max-width: 1024px){.modern-form-container{max-width:800px;padding:2rem}.modern-footer__content{grid-template-columns:1fr;gap:2rem;text-align:center}.modern-footer__brand{justify-content:center}.modern-footer__links{justify-content:center}}@media(max-width: 768px){.modern-hero{padding:2rem 0}.modern-hero__title{font-size:2.5rem;margin-bottom:1rem}.modern-hero__subtitle{font-size:1.125rem}.modern-nav__mobile-toggle{display:block}.modern-nav__menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:1rem;box-shadow:var(--shadow-lg);border-top:1px solid var(--border-color)}.modern-nav__menu.mobile-visible{display:flex}.modern-nav__menu-item{width:100%;justify-content:center;padding:1rem;border-bottom:1px solid var(--border-color)}.modern-nav__menu-item:last-child{border-bottom:none}.modern-form-container{padding:1.5rem;margin:1rem;max-width:none}.form-header{flex-direction:column;text-align:center;gap:1rem}.form-header__icon{margin:0 auto}.form-header__content h2{font-size:1.5rem}.form-section__header{flex-direction:column;text-align:center;gap:.75rem}.form-section__header__icon{margin:0 auto}.form-grid .column{margin-bottom:0 !important}.choice-section{padding:1.5rem}.modern-submit-button{width:100% !important;min-width:unset !important;padding:1.25rem 2rem !important}.modern-footer__links{flex-direction:column;gap:1.5rem}}@media(max-width: 480px){.modern-hero{padding:1.5rem 0}.modern-hero__title{font-size:2rem;margin-bottom:.75rem}.modern-hero__subtitle{font-size:1rem}.modern-form-container{padding:1rem;margin:.5rem}.form-header{margin-bottom:2rem;padding-bottom:1rem}.form-header__icon{width:50px;height:50px;font-size:1.5rem}.form-header__content h2{font-size:1.25rem}.form-section{margin-bottom:2rem}.form-section__header{margin-bottom:1.5rem}.form-section__icon{width:40px;height:40px;font-size:1.25rem}.form-section__title h3{font-size:1.25rem}.choice-section{padding:1rem}.form-actions{margin-top:2rem;padding-top:1.5rem}.modern-input .field input{padding:.875rem !important}.modern-select .field .ui.selection.dropdown{padding:.875rem !important;min-height:3rem !important}}@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(prefers-contrast: high){:root{--border-color: #000;--text-light: #000;--text-lighter: #333}}@media print{.modern-hero,.modern-nav,.modern-footer{display:none}.modern-form-section{background:#fff;padding:0}.modern-form-container{box-shadow:none;border:1px solid #ccc;max-width:none}}
.jambites-list{min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);padding:2rem;position:relative;overflow:hidden}.jambites-list::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 1px, transparent 1px),radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:50px 50px;animation:patternMove 20s linear infinite;pointer-events:none;z-index:1}.jambites-list::after{content:"";position:absolute;top:10%;right:10%;width:80px;height:80px;background:hsla(0,0%,100%,.1);border-radius:50%;animation:float 6s ease-in-out infinite;pointer-events:none;z-index:1}.jambites-list .floating-element{position:absolute;color:hsla(0,0%,100%,.3);font-size:2rem;animation:float 6s ease-in-out infinite;pointer-events:none;z-index:1}.jambites-list .floating-element--1{top:20%;left:5%;animation-delay:0s}.jambites-list .floating-element--2{top:60%;right:8%;animation-delay:2s}.jambites-list .floating-element--3{top:80%;left:15%;animation-delay:4s}.jambites-list>*{position:relative;z-index:2}.jambites-list__header-controls{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:2rem}.jambites-list__header{margin-bottom:0 !important;color:#fff !important;flex:1}.jambites-list__header .header{background:none !important;border:none !important;box-shadow:none !important;padding:0 !important;text-align:left !important}.jambites-list__header .header .content{color:#fff !important}.jambites-list__header .header .content .header{font-size:2rem !important;font-weight:600 !important;color:#fff !important;background:none !important;-webkit-text-fill-color:#fff !important;margin-bottom:.5rem !important;display:flex !important;align-items:center !important;gap:.7rem !important}.jambites-list__header .header .content .sub.header{color:hsla(0,0%,100%,.8) !important;font-size:1rem !important;font-weight:300 !important;margin-left:2.7rem !important}.jambites-list__header .header .icon{color:hsla(0,0%,100%,.9) !important;font-size:1.8rem !important;margin-right:0 !important}.jambites-list__controls{display:flex;justify-content:flex-end;margin-bottom:0;flex-shrink:0}.jambites-list__controls .ui.input{background:hsla(0,0%,100%,.95) !important;backdrop-filter:blur(20px) !important;border-radius:15px !important;border:2px solid hsla(0,0%,100%,.3) !important;box-shadow:0 10px 25px rgba(0,0,0,.1) !important;transition:all .3s ease !important;width:400px !important}.jambites-list__controls .ui.input:focus-within{transform:translateY(-2px) !important;box-shadow:0 15px 35px rgba(0,0,0,.15) !important;border-color:#667eea !important}.jambites-list__controls .ui.input input{background:rgba(0,0,0,0) !important;border:none !important;padding:1rem 1.5rem !important;font-size:1rem !important;color:#333 !important}.jambites-list__controls .ui.input input::placeholder{color:#adb5bd !important}.jambites-list__controls .ui.input input:focus{outline:none !important;box-shadow:none !important}.jambites-list__controls .ui.input .icon{color:#667eea !important;right:1rem !important}.jambites-list__loader{margin:3rem 0;text-align:center}.jambites-list__loader .ui.loader{color:#fff !important}.jambites-list__loader .ui.loader:before{border-color:hsla(0,0%,100%,.2) !important}.jambites-list__loader .ui.loader:after{border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) !important}.jambites-list__table{background:hsla(0,0%,100%,.95) !important;backdrop-filter:blur(20px) !important;border-radius:20px !important;border:1px solid hsla(0,0%,100%,.3) !important;box-shadow:0 20px 40px rgba(0,0,0,.1) !important;overflow:hidden !important;margin-top:0 !important}.jambites-list__table .ui.table{background:rgba(0,0,0,0) !important;border:none !important;border-radius:0 !important}.jambites-list__table .ui.table thead tr{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important}.jambites-list__table .ui.table thead tr th{background:rgba(0,0,0,0) !important;color:#fff !important;font-weight:600 !important;font-size:.95rem !important;padding:1.2rem 1rem !important;border:none !important;text-transform:uppercase !important;letter-spacing:.5px !important;position:relative !important}.jambites-list__table .ui.table thead tr th .icon{margin-right:.5rem !important;opacity:.9 !important}.jambites-list__table .ui.table thead tr th:not(:last-child)::after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:hsla(0,0%,100%,.2)}.jambites-list__table .ui.table tbody tr{background:rgba(0,0,0,0) !important;transition:all .3s ease !important;border-bottom:1px solid rgba(0,0,0,.05) !important}.jambites-list__table .ui.table tbody tr:hover{background:rgba(102,126,234,.05) !important;transform:translateY(-1px) !important;box-shadow:0 5px 15px rgba(0,0,0,.05) !important}.jambites-list__table .ui.table tbody tr:last-child{border-bottom:none !important}.jambites-list__table .ui.table tbody tr td{background:rgba(0,0,0,0) !important;color:#333 !important;padding:1rem !important;border:none !important;font-size:.9rem !important;vertical-align:middle !important}.jambites-list__table .ui.table tbody tr td:first-child{font-weight:600 !important;color:#667eea !important}.jambites-list__table .ui.table tbody tr td .cell-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-radius:50%;font-weight:600;font-size:.85rem}.jambites-list__table .ui.table tbody tr td .student-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.jambites-list__table .ui.table tbody tr td .student-name .icon{color:#667eea;opacity:.8}.jambites-list__table .ui.table tbody tr td .contact-info{color:#555;font-size:.9rem}.jambites-list__table .ui.table tbody tr td .score-badge{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .8rem;background:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);color:#fff;border-radius:12px;font-weight:600;font-size:.85rem;min-width:60px}.jambites-list__table .ui.table tbody tr td .status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .7rem;border-radius:10px;font-weight:500;font-size:.8rem;text-transform:capitalize}.jambites-list__table .ui.table tbody tr td .status-badge.complete,.jambites-list__table .ui.table tbody tr td .status-badge.completed{background:rgba(67,233,123,.15);color:#22c55e;border:1px solid rgba(67,233,123,.3)}.jambites-list__table .ui.table tbody tr td .status-badge.incomplete,.jambites-list__table .ui.table tbody tr td .status-badge.pending{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.jambites-list__table .ui.table tbody tr td .status-badge.not,.jambites-list__table .ui.table tbody tr td .status-badge.no{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.jambites-list__table .ui.table tbody tr td .choice-info{color:#555;font-size:.85rem;line-height:1.4;max-width:180px}.jambites-list__table .ui.table tbody tr td .location-info{display:flex;align-items:center;gap:.4rem;color:#555;font-size:.85rem}.jambites-list__table .ui.table tbody tr td .location-info .icon{color:#667eea;opacity:.8}.jambites-list__table .ui.table tbody tr td .date-info{display:flex;align-items:center;gap:.4rem;color:#555;font-size:.85rem}.jambites-list__table .ui.table tbody tr td .date-info .icon{color:#667eea;opacity:.8}.jambites-list__table .ui.table tbody tr td .action-buttons{display:flex;gap:.5rem;align-items:center;justify-content:center}.jambites-list__table .ui.table tbody tr td .action-buttons .view-btn,.jambites-list__table .ui.table tbody tr td .action-buttons .delete-btn{background:rgba(0,0,0,0);border:2px solid;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.jambites-list__table .ui.table tbody tr td .action-buttons .view-btn:hover,.jambites-list__table .ui.table tbody tr td .action-buttons .delete-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.jambites-list__table .ui.table tbody tr td .action-buttons .view-btn:active,.jambites-list__table .ui.table tbody tr td .action-buttons .delete-btn:active{transform:translateY(0)}.jambites-list__table .ui.table tbody tr td .action-buttons .view-btn .icon,.jambites-list__table .ui.table tbody tr td .action-buttons .delete-btn .icon{margin:0 !important;opacity:1}.jambites-list__table .ui.table tbody tr td .action-buttons .view-btn{border-color:#4facfe;color:#4facfe}.jambites-list__table .ui.table tbody tr td .action-buttons .view-btn:hover{background:#4facfe;color:#fff;box-shadow:0 5px 15px rgba(79,172,254,.4)}.jambites-list__table .ui.table tbody tr td .action-buttons .delete-btn{border-color:#ef4444;color:#ef4444}.jambites-list__table .ui.table tbody tr td .action-buttons .delete-btn:hover{background:#ef4444;color:#fff;box-shadow:0 5px 15px rgba(239,68,68,.4)}.jambites-list__table .ui.table tbody tr td .action-buttons .delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.jambites-list__pagination{margin-top:2rem;display:flex;justify-content:center}.jambites-list__pagination .ui.pagination.menu{background:hsla(0,0%,100%,.95) !important;backdrop-filter:blur(20px) !important;border-radius:15px !important;border:1px solid hsla(0,0%,100%,.3) !important;box-shadow:0 10px 25px rgba(0,0,0,.1) !important}.jambites-list__pagination .ui.pagination.menu .item{background:rgba(0,0,0,0) !important;color:#333 !important;border:none !important;margin:.2rem !important;border-radius:8px !important;transition:all .2s ease !important}.jambites-list__pagination .ui.pagination.menu .item:hover{background:rgba(102,126,234,.1) !important;color:#667eea !important}.jambites-list__pagination .ui.pagination.menu .item.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important}.jambites-list__pagination .ui.pagination.menu .item.active:hover{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important}.jambites-list .ui.message{background:hsla(0,0%,100%,.95) !important;backdrop-filter:blur(20px) !important;border-radius:15px !important;border:1px solid hsla(0,0%,100%,.3) !important;box-shadow:0 10px 25px rgba(0,0,0,.1) !important;color:#333 !important}.jambites-list .ui.message.negative{background:rgba(245,87,108,.1) !important;border-color:rgba(245,87,108,.3) !important;color:#d63384 !important}.jambites-list .ui.message.info{background:rgba(79,172,254,.1) !important;border-color:rgba(79,172,254,.3) !important;color:#0ea5e9 !important}.jambites-list .ui.message .header{color:inherit !important;font-weight:600 !important}@keyframes patternMove{0%{transform:translateX(0) translateY(0)}100%{transform:translateX(50px) translateY(50px)}}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 1200px){.jambites-list{padding:1.5rem}.jambites-list__header-controls{gap:1.5rem}.jambites-list__controls .ui.input{width:350px !important}}@media(max-width: 768px){.jambites-list{padding:1rem}.jambites-list__header-controls{flex-direction:column;align-items:stretch;gap:1.5rem}.jambites-list__header .header .content .header{font-size:2rem !important}.jambites-list__controls{justify-content:center !important}.jambites-list__controls .ui.input{width:100% !important;max-width:400px !important}.jambites-list__table{overflow-x:auto !important}.jambites-list__table .ui.table{min-width:700px !important}.jambites-list__table .ui.table thead th,.jambites-list__table .ui.table tbody td{padding:.8rem .5rem !important;font-size:.8rem !important}.jambites-list__table .ui.table tbody tr td .action-buttons .view-btn,.jambites-list__table .ui.table tbody tr td .action-buttons .delete-btn{width:35px;height:35px;padding:.4rem}.jambites-list__table .ui.table tbody tr td .action-buttons .view-btn .icon,.jambites-list__table .ui.table tbody tr td .action-buttons .delete-btn .icon{font-size:.9rem !important}.jambites-list__pagination .ui.pagination.menu{flex-wrap:wrap !important;justify-content:center !important}.jambites-list__pagination .ui.pagination.menu .item{margin:.1rem !important;padding:.5rem .8rem !important;font-size:.9rem !important}}@media(max-width: 480px){.jambites-list__header .header .content .header{font-size:1.8rem !important}.jambites-list__table .ui.table thead th,.jambites-list__table .ui.table tbody td{padding:.6rem .3rem !important;font-size:.75rem !important}}.ui.modal.student-modal .header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important;padding:1.5rem !important;border-radius:15px 15px 0 0 !important}.ui.modal.student-modal .header .icon{margin-right:.8rem !important}.ui.modal.student-modal .content{padding:2rem !important;background:hsla(0,0%,100%,.98) !important}.ui.modal.student-modal .content .detail-section h4{color:#333;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid rgba(102,126,234,.2)}.ui.modal.student-modal .content .detail-section h4 .icon{margin-right:.5rem;color:#667eea}.ui.modal.student-modal .content .detail-section .detail-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.8rem;background:rgba(102,126,234,.02);border-radius:8px;border-left:4px solid rgba(102,126,234,.3)}.ui.modal.student-modal .content .detail-section .detail-item .ui.label{margin:0 !important;min-width:120px;background:rgba(102,126,234,.1) !important;color:#333 !important;border:1px solid rgba(102,126,234,.2) !important}.ui.modal.student-modal .content .detail-section .detail-item span{flex:1;color:#555;font-weight:500}.ui.modal.student-modal .actions{background:hsla(0,0%,100%,.95) !important;padding:1.5rem !important;border-radius:0 0 15px 15px !important;border-top:1px solid rgba(0,0,0,.1) !important}.ui.modal.student-modal .actions .ui.button{padding:.8rem 1.5rem !important;font-weight:600 !important;border-radius:8px !important;transition:all .3s ease !important}.ui.modal.student-modal .actions .ui.button:hover{transform:translateY(-2px) !important}.ui.modal.student-modal .actions .ui.button .icon{margin-right:.5rem !important}.ui.modal.confirm .header{background:rgba(239,68,68,.1) !important;color:#ef4444 !important;border-bottom:2px solid rgba(239,68,68,.2) !important}.ui.modal.confirm .content{padding:2rem !important;font-size:1.1rem !important;color:#333 !important}
.activities{width:100%;height:100dvh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;background:#f2f2f2}.activities__header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.activities__header .ui.button{background:#017f94;color:#fff}.activities__form{border-radius:10px;padding:2rem;width:60%;background:#fff;border-radius:10px;border:2px solid #f0f0f0;box-shadow:rgba(100,100,111,.3) 0px 7px 29px 0px;z-index:99;position:absolute !important;top:2rem;left:20%}.activities__form__section{padding:1rem 0}.activities__form__section__group{padding:1rem 0}.activities__form__button-container{padding:1rem 0;display:flex;gap:2rem;flex-wrap:wrap}.activities__form__button-container .ui.button:first-of-type{background:#017f94;color:#fff}.activities__form__button-container .ui.button:first-of-type:hover{background:#66b5c4}.activities__form__button-container .ui.button:first-of-type:active{background:rgba(0,0,0,0);border:1px solid #017f94;color:#017f94}.activities__form__button-container .ui.button:last-of-type{background:rgba(0,0,0,0);border:1px solid #017f94;color:#017f94}.activities__form__button-container .ui.button:last-of-type:hover{background:#d5f0f5}.activities__form__button-container .ui.button:last-of-type:active{background:#017f94;color:#fff}.blur{filter:blur(5px)}@media screen and (max-width: 992px){.activities__form{width:100%}}
.admin-page{padding:1rem;background-color:#f8fafc;min-height:100vh}@media(min-width: 768px){.admin-page{padding:2rem}}.admin-container{max-width:1400px;margin:0 auto;transition:filter .3s ease}.admin-container.blur{filter:blur(5px)}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}@media(min-width: 768px){.admin-header h1{font-size:2.25rem}}.admin-header p{font-size:.95rem;color:#64748b;line-height:1.6}@media(min-width: 768px){.admin-header p{font-size:1rem}}.admin-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);border:1px solid #e2e8f0;overflow:hidden}.filters-container{padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}@media(min-width: 768px){.filters-container{padding:2rem}}.filters-container .search-filter{margin-bottom:2.5rem}@media(min-width: 1024px){.filters-container .search-filter{margin-bottom:1.5rem}}.filters-container .search-filter .ui.input{width:100%}.filters-container .search-filter .ui.input input{border-radius:8px;border:1px solid #d1d5db;padding:.75rem 1rem;font-size:.95rem;transition:all .2s ease}.filters-container .search-filter .ui.input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.filters-container .search-filter .ui.input input::placeholder{color:#9ca3af}.filters-container .search-filter .ui.input .icon{color:#6b7280}@media(min-width: 1024px){.filters-container .filters-and-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}}.filters-container .dropdown-filters{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width: 640px){.filters-container .dropdown-filters{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.filters-container .dropdown-filters{grid-template-columns:repeat(3, 1fr);margin-bottom:0;flex:1;max-width:600px}}.filters-container .dropdown-filters .ui.dropdown{min-width:unset;width:100%;border-radius:8px;border:1px solid #d1d5db;z-index:50}.filters-container .dropdown-filters .ui.dropdown .default.text{color:#9ca3af;font-size:.95rem}.filters-container .dropdown-filters .ui.dropdown .menu{border-radius:8px;border:1px solid #d1d5db;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);z-index:50 !important}.filters-container .dropdown-filters .ui.dropdown.active,.filters-container .dropdown-filters .ui.dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);z-index:50}.filters-container .dropdown-filters .ui.dropdown.active .menu{z-index:50 !important}.filters-container .add-user-button{display:flex;justify-content:center}@media(min-width: 1024px){.filters-container .add-user-button{justify-content:flex-end}}.filters-container .add-user-button .ui.button{background:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;font-size:.95rem;transition:all .2s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.filters-container .add-user-button .ui.button:hover{background:linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.filters-container .add-user-button .ui.button:active{transform:translateY(0)}.filters-container .add-user-button .ui.button i.icon{margin-right:.5rem}.pagination-container{display:flex;justify-content:center;padding:1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0}.pagination-container .ui.pagination.menu{border:none;box-shadow:none}.pagination-container .ui.pagination.menu .item{border:1px solid #d1d5db;margin:0 2px;border-radius:6px}.pagination-container .ui.pagination.menu .item.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-container .ui.pagination.menu .item:hover:not(.active){background:#f1f5f9}.error-state,.empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin:2rem 0}.error-state i.icon,.empty-state i.icon{color:#64748b;margin-bottom:1rem}.error-state h3,.empty-state h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.error-state p,.empty-state p{color:#64748b;margin-bottom:1.5rem;line-height:1.6}.error-state .ui.button,.empty-state .ui.button{background:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s ease}.error-state .ui.button:hover,.empty-state .ui.button:hover{background:linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);transform:translateY(-1px)}.error-state i.icon{color:#ef4444}
.admin-table-container{overflow-x:auto;background:#fff}.admin-table-container::-webkit-scrollbar{height:8px}.admin-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.admin-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.admin-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-table{width:100%;min-width:800px;border-collapse:collapse;color:#1e293b;font-size:.9rem}.admin-table th,.admin-table td{padding:1rem 1.25rem;text-align:left;vertical-align:middle}@media(max-width: 768px){.admin-table th,.admin-table td{padding:.75rem 1rem;font-size:.85rem}}.admin-table th{font-weight:600;color:#475569;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);text-transform:uppercase;font-size:.75rem;letter-spacing:.8px;border-bottom:2px solid #e2e8f0;position:sticky;top:0;z-index:10}@media(max-width: 768px){.admin-table th{font-size:.7rem;padding:.75rem .5rem}}.admin-table tbody tr{transition:all .2s ease;border-bottom:1px solid #f1f5f9}.admin-table tbody tr:hover{background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tbody td{font-weight:500}.admin-table tbody td:first-child{font-weight:600;color:#64748b;font-size:.85rem}.admin-table tbody td:nth-child(2){color:#3b82f6;font-weight:500}.admin-table tbody td:nth-child(3){font-weight:600;color:#1e293b}.admin-table tbody td:nth-child(4){color:#64748b;font-family:"SF Mono","Monaco","Inconsolata",monospace;font-size:.85rem}.admin-table tbody td:nth-child(6) .role-badge{background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);color:#1e40af;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize;display:inline-block}.admin-table .status-badge{padding:.35rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center;gap:.25rem;transition:all .2s ease}.admin-table .status-badge.status-active{background:linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);color:#166534;border:1px solid #86efac}.admin-table .status-badge.status-active::before{content:"";width:6px;height:6px;background-color:#22c55e;border-radius:50%;display:inline-block}.admin-table .status-badge.status-inactive{background:linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);color:#991b1b;border:1px solid #fca5a5}.admin-table .status-badge.status-inactive::before{content:"";width:6px;height:6px;background-color:#ef4444;border-radius:50%;display:inline-block}.admin-table .action-dropdown .ui.dropdown.icon{border:none;background:rgba(0,0,0,0)}.admin-table .action-dropdown .ui.dropdown.icon:hover{background:#f1f5f9;border-radius:6px}.admin-table .action-dropdown .ui.dropdown>.dropdown.icon{font-size:1.25em;color:#64748b;transition:all .2s ease}.admin-table .action-dropdown .ui.dropdown>.dropdown.icon:hover{color:#1e293b}.admin-table .action-dropdown .ui.dropdown .menu{border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);min-width:140px}.admin-table .action-dropdown .ui.dropdown .menu .item{padding:.75rem 1rem;font-size:.9rem;transition:all .2s ease}.admin-table .action-dropdown .ui.dropdown .menu .item:hover{background:#f8fafc;color:#1e293b}.admin-table .action-dropdown .ui.dropdown .menu .item i.icon{margin-right:.5rem;color:#64748b}.admin-table .action-dropdown .ui.dropdown .menu .item:hover i.icon{color:#1e293b}@media(max-width: 768px){.admin-table th:nth-child(4),.admin-table th:nth-child(7),.admin-table td:nth-child(4),.admin-table td:nth-child(7){display:none}}@media(max-width: 640px){.admin-table th:nth-child(5),.admin-table td:nth-child(5){display:none}}
.admin-stats{margin-bottom:1.5rem}.admin-stats .stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 .25rem}.admin-stats .stats-header h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.admin-stats .stats-header .filter-info{font-size:.75rem;color:#64748b;margin:0;background:#f1f5f9;padding:.25rem .5rem;border-radius:10px;border:1px solid #e2e8f0}.admin-stats .stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem}@media(min-width: 640px){.admin-stats .stats-grid{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 1024px){.admin-stats .stats-grid{grid-template-columns:repeat(5, 1fr)}}.admin-stats .stats-grid .stat-card{background:#fff;border-radius:6px;padding:.75rem;border:1px solid #e2e8f0;transition:all .2s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:.75rem}.admin-stats .stats-grid .stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, #e2e8f0 0%, #cbd5e1 100%);transition:all .2s ease}.admin-stats .stats-grid .stat-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px -1px rgba(0,0,0,.1),0 1px 3px -1px rgba(0,0,0,.05)}.admin-stats .stats-grid .stat-card:hover::before{height:3px}.admin-stats .stats-grid .stat-card.stat-blue::before{background:linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%)}.admin-stats .stats-grid .stat-card.stat-blue .stat-icon{background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);color:#1e40af}.admin-stats .stats-grid .stat-card.stat-green::before{background:linear-gradient(90deg, #10b981 0%, #059669 100%)}.admin-stats .stats-grid .stat-card.stat-green .stat-icon{background:linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);color:#166534}.admin-stats .stats-grid .stat-card.stat-red::before{background:linear-gradient(90deg, #ef4444 0%, #dc2626 100%)}.admin-stats .stats-grid .stat-card.stat-red .stat-icon{background:linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);color:#991b1b}.admin-stats .stats-grid .stat-card.stat-purple::before{background:linear-gradient(90deg, #8b5cf6 0%, #7c3aed 100%)}.admin-stats .stats-grid .stat-card.stat-purple .stat-icon{background:linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%);color:#6b21a8}.admin-stats .stats-grid .stat-card.stat-orange::before{background:linear-gradient(90deg, #f59e0b 0%, #d97706 100%)}.admin-stats .stats-grid .stat-card.stat-orange .stat-icon{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);color:#92400e}.admin-stats .stats-grid .stat-card .stat-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.admin-stats .stats-grid .stat-card .stat-icon i.icon{font-size:.875rem;margin:0}.admin-stats .stats-grid .stat-card .stat-content{display:flex;flex-direction:column;gap:.125rem;min-width:0}.admin-stats .stats-grid .stat-card .stat-content .stat-value{font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1}@media(max-width: 768px){.admin-stats .stats-grid .stat-card .stat-content .stat-value{font-size:1.125rem}}.admin-stats .stats-grid .stat-card .stat-content .stat-title{font-size:.7rem;font-weight:600;color:#475569;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-stats .stats-grid .stat-card .stat-content .stat-description{font-size:.625rem;color:#64748b;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width: 480px){.admin-stats .stats-grid{grid-template-columns:repeat(2, 1fr)}.admin-stats .stats-grid .stat-card{padding:.5rem;gap:.5rem}.admin-stats .stats-grid .stat-card .stat-icon{width:20px;height:20px}.admin-stats .stats-grid .stat-card .stat-icon i.icon{font-size:.75rem}.admin-stats .stats-grid .stat-card .stat-content .stat-value{font-size:1rem}.admin-stats .stats-grid .stat-card .stat-content .stat-title{font-size:.65rem}.admin-stats .stats-grid .stat-card .stat-content .stat-description{display:none}}
.admin-modal{background-color:#f4f6f9;border-radius:10px;box-shadow:0px 4px 20px rgba(0,0,0,.1)}.admin-modal .header{background-color:#7a87ab;color:#fff;padding:10px;font-size:1.5rem;border-top-left-radius:10px;border-top-right-radius:10px;text-align:center;font-weight:bold}.admin-modal .content{padding:auto;background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.admin-modal .content label{color:#1f2937;font-weight:600;margin-bottom:8px}.admin-modal .content .ui.search .input{border-radius:8px;border:1px solid #cbd5e0;transition:border-color .3s ease}.admin-modal .content .ui.search .input:focus-within{border-color:#3b82f6}.admin-modal .content .ui.search .results{max-height:400%;overflow-y:auto}.admin-modal .content .ui.dropdown{border-radius:8px;border:1px solid #cbd5e0;transition:border-color .3s ease}.admin-modal .content .ui.dropdown:hover,.admin-modal .content .ui.dropdown:focus{border-color:#3b82f6}.admin-modal .actions{background-color:#f9fafb;padding:15px 20px;text-align:right;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.admin-modal .actions .ui.button{border-radius:8px;padding:10px 20px;font-weight:600}.admin-modal .actions .ui.button.primary{background-color:#2563eb;color:#fff}.admin-modal .actions .ui.button.primary:hover{background-color:#1d4ed8}.admin-modal .actions .ui.button.secondary{background-color:#9ca3af;color:#fff}.admin-modal .actions .ui.button.secondary:hover{background-color:#6b7280}
.dashboard{overflow:hidden;height:100vh;width:100%}.dashboard__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem}.dashboard__header h1{margin:0}.dashboard__header__group{display:flex;justify-content:space-between;align-items:center}.dashboard__header_right{display:flex;gap:12px;align-items:center}.dashboard__header_right_name{display:flex;flex-direction:column}.dashboard__header_h3{margin:0;padding:0;color:#161615;line-height:20px;font-size:18px}.dashboard__header_p{margin:0;padding:0;color:#111110;line-height:10px;font-size:13px}.dashboard__header_avatar{margin:0;width:30px;height:30px;color:#fff;line-height:10px;font-size:13px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background:#017f94;border:.5px solid #000;border-radius:100%;display:grid;place-content:center}.dashboard__sidebar{position:relative;background:linear-gradient(180deg, #001529 0%, #002140 50%, #001529 100%) !important;backdrop-filter:blur(20px);border-right:1px solid hsla(0,0%,100%,.1);box-shadow:4px 0 20px rgba(0,0,0,.15)}.dashboard__sidebar_logo{height:20px;width:20px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.dashboard__sidebar_close_logo{height:30px;width:30px;cursor:pointer;color:hsla(0,0%,100%,.8);transition:all .3s ease}.dashboard__sidebar_close_logo:hover{color:#00f2fe;transform:scale(1.1)}.dashboard__sidebar .ant-menu-dark{background:rgba(0,0,0,0) !important;border-right:none !important}.dashboard__sidebar .ant-menu-dark .ant-menu-item{margin:8px 16px !important;border-radius:12px !important;transition:all .3s ease !important;border:1px solid rgba(0,0,0,0) !important}.dashboard__sidebar .ant-menu-dark .ant-menu-item:hover{background:hsla(0,0%,100%,.1) !important;border-color:hsla(0,0%,100%,.2) !important;transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.dashboard__sidebar .ant-menu-dark .ant-menu-item.ant-menu-item-selected{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;border-color:hsla(0,0%,100%,.3) !important;box-shadow:0 4px 16px rgba(79,172,254,.3)}.dashboard__sidebar .ant-menu-dark .ant-menu-item.ant-menu-item-selected .ant-menu-title-content{color:#fff !important;font-weight:600}.dashboard__sidebar .ant-menu-dark .ant-menu-item .ant-menu-title-content{font-weight:500;transition:color .3s ease}.dashboard__sidebar .ant-menu-dark .ant-menu-submenu{margin:8px 16px !important;border-radius:12px !important}.dashboard__sidebar .ant-menu-dark .ant-menu-submenu .ant-menu-submenu-title{border-radius:12px !important;transition:all .3s ease !important;border:1px solid rgba(0,0,0,0) !important}.dashboard__sidebar .ant-menu-dark .ant-menu-submenu .ant-menu-submenu-title:hover{background:hsla(0,0%,100%,.1) !important;border-color:hsla(0,0%,100%,.2) !important;transform:translateX(4px)}.dashboard__sidebar .ant-menu-dark .ant-menu-submenu .ant-menu-sub{background:rgba(0,0,0,.2) !important;border-radius:8px;margin:4px 0;backdrop-filter:blur(10px)}@media(max-width: 959px){.dashboard__sidebar_footer{position:absolute;bottom:0;display:flex;justify-content:flex-end;width:100%;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);backdrop-filter:blur(10px);padding:15px;border-top:1px solid hsla(0,0%,100%,.1)}}@media(min-width: 960px){.dashboard__sidebar_footer{display:none}}@media(max-width: 959px){.dashboard__header{justify-content:space-between}}.demo-logo-vertical{margin:5px;height:64px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border-radius:12px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.demo-logo-vertical:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.demo-logo-vertical img{transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.demo-logo-vertical:hover img{transform:scale(1.05)}.floating-sidebar-toggle{position:fixed;top:50%;left:20px;transform:translateY(-50%);z-index:1100;animation:floatPulse 3s ease-in-out infinite,initialBounce 1s ease-out .5s}.floating-sidebar-toggle .floating-toggle-btn{width:56px !important;height:56px !important;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:2px solid hsla(0,0%,100%,.2) !important;box-shadow:0 8px 25px rgba(102,126,234,.3),0 0 0 0 rgba(102,126,234,.7) !important;backdrop-filter:blur(10px);transition:all .3s ease !important}.floating-sidebar-toggle .floating-toggle-btn:hover{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;transform:scale(1.1);box-shadow:0 12px 35px rgba(79,172,254,.4),0 0 0 10px rgba(79,172,254,.1) !important}.floating-sidebar-toggle .floating-toggle-btn:active{transform:scale(0.95)}.floating-sidebar-toggle .floating-toggle-btn .anticon{color:#fff !important;font-size:20px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.floating-sidebar-toggle::after{content:"Open Menu";position:absolute;left:70px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.8);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease}.floating-sidebar-toggle:hover::after{opacity:1}@keyframes floatPulse{0%,100%{transform:translateY(-50%) scale(1);box-shadow:0 8px 25px rgba(102,126,234,.3)}50%{transform:translateY(-50%) scale(1.05);box-shadow:0 12px 35px rgba(102,126,234,.4)}}@keyframes initialBounce{0%{transform:translateY(-50%) scale(0);opacity:0}50%{transform:translateY(-50%) scale(1.2);opacity:.8}100%{transform:translateY(-50%) scale(1);opacity:1}}.ant-layout-sider{flex:0 0 240px !important;max-width:240px !important;min-width:240px !important;width:240px !important}.ant-layout-sider-collapsed{display:none}@media(max-width: 959px){.css-dev-only-do-not-override-17seli4.ant-btn.ant-btn-icon-only{display:block}.floating-sidebar-toggle{display:none !important}}@media(min-width: 960px)and (max-width: 1200px){.floating-sidebar-toggle{left:15px}.floating-sidebar-toggle .floating-toggle-btn{width:50px !important;height:50px !important}.floating-sidebar-toggle::after{left:60px;font-size:.75rem;padding:.4rem .6rem}}@media(min-width: 960px){.css-dev-only-do-not-override-17seli4.ant-btn.ant-btn-icon-only{display:none}}main::-webkit-scrollbar{width:0px}.ant-layout main{overflow-y:scroll;background-color:rgba(0,0,0,0) !important;height:100vh}.ant-layout-header h3{line-height:20px;font-size:17px}.ant-layout-header p{line-height:10px;font-size:10px}:where(.css-dev-only-do-not-override-17seli4).ant-layout .ant-layout-sider{position:fixed;height:100vh;z-index:1000}@media(max-width: 959px){:where(.css-dev-only-do-not-override-17seli4).ant-layout .ant-layout-sider{position:fixed;height:100vh;z-index:1000}}@media(min-width: 960px){:where(.css-dev-only-do-not-override-17seli4).ant-layout .ant-layout-sider{position:relative;height:100vh;z-index:1000}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-10px) rotate(180deg)}75%{transform:translateY(-15px) rotate(270deg)}}@keyframes modalSlideIn{from{opacity:0;transform:translateY(50px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdropFadeIn{from{opacity:0}to{opacity:1}}@keyframes cardSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.enhanced-campus-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:backdropFadeIn .3s ease-out}.enhanced-campus-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);z-index:1}.enhanced-campus-modal__floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.enhanced-campus-modal__floating-elements .floating-element{position:absolute;color:hsla(0,0%,100%,.2);font-size:1.5rem;animation:float 8s ease-in-out infinite}.enhanced-campus-modal__floating-elements .floating-element--1{top:10%;left:5%;animation-delay:0s}.enhanced-campus-modal__floating-elements .floating-element--2{top:20%;right:10%;animation-delay:1s}.enhanced-campus-modal__floating-elements .floating-element--3{top:40%;left:8%;animation-delay:2s}.enhanced-campus-modal__floating-elements .floating-element--4{top:60%;right:15%;animation-delay:3s}.enhanced-campus-modal__floating-elements .floating-element--5{top:80%;left:15%;animation-delay:4s}.enhanced-campus-modal__container{position:relative;z-index:3;width:100%;max-width:1200px;max-height:90vh;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-radius:24px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;animation:modalSlideIn .4s ease-out;overflow:hidden}.enhanced-campus-modal__header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:1.5rem 2rem;position:sticky;top:0;z-index:10}.enhanced-campus-modal__header .header-content{display:flex;justify-content:space-between;align-items:center}.enhanced-campus-modal__header .header-content .header-title{display:flex;align-items:center;gap:1rem;color:#fff}.enhanced-campus-modal__header .header-content .header-title .title-icon{width:50px;height:50px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;backdrop-filter:blur(10px)}.enhanced-campus-modal__header .header-content .header-title .title-text h2{margin:0;font-weight:700;font-size:1.8rem;margin-bottom:.2rem}.enhanced-campus-modal__header .header-content .header-title .title-text .subtitle{display:flex;align-items:center;gap:.5rem;opacity:.9;font-size:1rem}.enhanced-campus-modal__header .header-content .header-title .title-text .subtitle i{font-size:.9rem}.enhanced-campus-modal__header .header-content .modern-close-btn{background:hsla(0,0%,100%,.2) !important;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3) !important;color:#fff !important;transition:all .3s ease;width:50px !important;height:50px !important;padding:0 !important}.enhanced-campus-modal__header .header-content .modern-close-btn:hover{background:hsla(0,0%,100%,.3) !important;transform:scale(1.05)}.enhanced-campus-modal__header .header-content .modern-close-btn i{font-size:1.2rem !important}.enhanced-campus-modal__content{flex:1;overflow-y:auto;padding:2rem;scroll-behavior:smooth}.enhanced-campus-modal__content::-webkit-scrollbar{width:8px}.enhanced-campus-modal__content::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.enhanced-campus-modal__content::-webkit-scrollbar-thumb{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:4px}.enhanced-campus-modal__content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.enhanced-campus-modal__footer{background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-top:1px solid rgba(0,0,0,.1)}.enhanced-campus-modal__footer .footer-actions{display:flex;justify-content:center}.enhanced-campus-modal__footer .footer-actions .back-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important;border:none !important;padding:1rem 2rem !important;font-weight:600 !important;transition:all .3s ease}.enhanced-campus-modal__footer .footer-actions .back-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.enhanced-campus-modal__footer .footer-actions .back-btn i{margin-right:.5rem !important}.campus-info{margin-bottom:2rem}.campus-info .quick-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width: 768px){.campus-info .quick-info{grid-template-columns:1fr}}.info-card{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;padding:1.5rem;display:flex;gap:1rem;transition:all .3s ease;animation:cardSlideUp .5s ease-out}.info-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.info-card__icon{width:50px;height:50px;background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;flex-shrink:0}.info-card__content h4{margin:0 0 .5rem 0;color:#333;font-weight:600;font-size:1.1rem}.info-card__content p{margin:0 0 .5rem 0;color:#555;font-weight:500}.info-card__content .contact-link,.info-card__content .branch-info{display:flex;align-items:center;gap:.5rem;color:#667eea;text-decoration:none;font-size:.9rem;transition:color .3s ease}.info-card__content .contact-link:hover,.info-card__content .branch-info:hover{color:#764ba2}.info-card__content .contact-link i,.info-card__content .branch-info i{font-size:.8rem}.info-card__content .branch-info{color:#888}.modal-section{margin-bottom:2.5rem;animation:cardSlideUp .6s ease-out}.modal-section .section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.modal-section .section-header .section-icon{width:45px;height:45px;background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.modal-section .section-header h3{margin:0;color:#333;font-weight:700;font-size:1.4rem}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}@media(max-width: 768px){.activities-grid{grid-template-columns:1fr}}.activity-card{background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;padding:1.5rem;transition:all .3s ease}.activity-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.activity-card__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.activity-card__header .activity-icon{width:40px;height:40px;background:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem}.activity-card__header h4{margin:0;color:#333;font-weight:600;font-size:1.1rem}.activity-card__content .activity-detail{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#555}.activity-card__content .activity-detail i{color:#667eea;width:16px;font-size:.9rem}.activity-card__content .activity-detail span{font-size:.9rem}.activity-card__content .activity-detail:last-child{margin-bottom:0}.officials-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}@media(max-width: 768px){.officials-grid{grid-template-columns:1fr}}.official-card{background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;padding:1.5rem;transition:all .3s ease}.official-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.official-card__avatar{width:60px;height:60px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;margin-bottom:1rem;margin:0 auto 1rem auto}.official-card__content{text-align:center}.official-card__content h4{margin:0 0 .5rem 0;color:#333;font-weight:600;font-size:1.1rem}.official-card__content .official-role{color:#667eea;font-weight:500;margin-bottom:1rem;font-size:.9rem}.official-card__content .contact-details{display:flex;flex-direction:column;gap:.5rem}.official-card__content .contact-details .contact-item{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#555;text-decoration:none;font-size:.9rem;transition:color .3s ease}.official-card__content .contact-details .contact-item:hover{color:#667eea}.official-card__content .contact-details .contact-item i{color:#667eea;font-size:.8rem;width:16px}.empty-state{text-align:center;padding:3rem 2rem;color:#888}.empty-state i{color:#ccc !important;margin-bottom:1rem !important}.empty-state h4{margin:0 0 .5rem 0;color:#555;font-weight:600}.empty-state p{margin:0;font-style:italic}@media(max-width: 768px){.enhanced-campus-modal{padding:.5rem}.enhanced-campus-modal__container{max-height:95vh;border-radius:16px}.enhanced-campus-modal__header{padding:1rem 1.5rem}.enhanced-campus-modal__header .header-content .header-title{gap:.8rem}.enhanced-campus-modal__header .header-content .header-title .title-icon{width:40px;height:40px;font-size:1.2rem}.enhanced-campus-modal__header .header-content .header-title .title-text h2{font-size:1.4rem}.enhanced-campus-modal__header .header-content .header-title .title-text .subtitle{font-size:.9rem}.enhanced-campus-modal__header .header-content .modern-close-btn{width:40px !important;height:40px !important}.enhanced-campus-modal__header .header-content .modern-close-btn i{font-size:1rem !important}.enhanced-campus-modal__content{padding:1.5rem}.enhanced-campus-modal__footer{padding:1rem 1.5rem}.enhanced-campus-modal__footer .back-btn{padding:.8rem 1.5rem !important;font-size:.9rem !important}.info-card{padding:1rem}.info-card__icon{width:40px;height:40px;font-size:1.1rem}.info-card__content h4{font-size:1rem}.modal-section{margin-bottom:2rem}.modal-section .section-header{gap:.8rem}.modal-section .section-header .section-icon{width:35px;height:35px;font-size:1rem}.modal-section .section-header h3{font-size:1.2rem}.activity-card,.official-card{padding:1rem}.activity-card__header .activity-icon{width:35px;height:35px;font-size:1rem}.activity-card__header h4{font-size:1rem}.official-card__avatar{width:50px;height:50px;font-size:1.5rem}}body.modal-open{overflow:hidden}
.landing__header-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:#f0f8ff;border-radius:8px}.landing__header{flex:1;margin:0;font-size:2.5rem;color:#1e90ff;text-align:left;font-family:"Montserrat",sans-serif}.landing__login-button{background-color:#1e90ff !important;color:#fff !important;font-weight:bold !important;padding:.8rem 2rem !important;border-radius:4px !important;box-shadow:0 4px 6px rgba(0,0,0,.1) !important;transition:background-color .3s ease}.landing__login-button:hover{background-color:#00bfff !important}@media(max-width: 768px){.landing__header-container{flex-direction:column;align-items:center}.landing__header{text-align:center}.landing__login-button{margin-left:0;margin-top:1rem}.ant-layout-content{padding-bottom:80px !important}}.fellowship-list__table-container{max-height:auto;overflow-y:auto}.fellowship-list__table thead{position:sticky;top:0;background:#fff;z-index:1}
:root{--banner-image: url(/images/afcf_portal_banner.png);--primary-color: #1a73e8;--primary-dark: #1967ce;--secondary-color: #4285f4;--white: #ffffff;--text-dark: #333333;--text-medium: #666666;--text-light: #999999;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1)}.enhanced-landing{min-height:100vh;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-dark);overflow-x:hidden;background-color:#fafafa}.enhanced-landing .nav-header{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.08);padding:.5rem 0;display:flex;justify-content:center;align-items:center;height:60px}.enhanced-landing .nav-header__content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1140px;padding:0 15px}.enhanced-landing .nav-header__logo-link{display:flex;align-items:center;text-decoration:none;color:inherit;transition:opacity .2s}.enhanced-landing .nav-header__logo-link:hover{text-decoration:none;color:inherit;opacity:.9}.enhanced-landing .nav-header__logo{height:40px;width:auto;object-fit:contain;margin-right:10px}.enhanced-landing .nav-header__title{font-size:1.5rem;font-weight:600;color:var(--primary-color)}.enhanced-landing .nav-header__actions{display:flex;align-items:center;gap:15px}.enhanced-landing .nav-header__search-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.enhanced-landing .nav-header__search-icon i.icon{font-size:1.3rem;color:var(--primary-color);transition:transform .3s ease}.enhanced-landing .nav-header__search-icon i.icon:active{transform:scale(0.9)}.enhanced-landing .nav-header__menu{display:flex;gap:2rem;margin:0 1rem}.enhanced-landing .nav-header__menu--desktop{display:flex;align-items:center}@media(max-width: 767px){.enhanced-landing .nav-header__menu--desktop{display:none}}.enhanced-landing .nav-header__menu--mobile{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;align-items:center;padding:0;box-shadow:0 4px 10px rgba(0,0,0,.1);z-index:4;border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);overflow:hidden}.enhanced-landing .nav-header__menu--mobile.mobile-visible{display:flex;animation:slideDown .3s ease-out forwards}.enhanced-landing .nav-header__menu--mobile .nav-header__menu-item{padding:.75rem;width:100%;text-align:center;border-bottom:1px solid #f0f0f0}.enhanced-landing .nav-header__menu--mobile .nav-header__menu-item:last-child{border-bottom:none}.enhanced-landing .nav-header__menu--mobile .nav-header__menu-item.active{background-color:rgba(26,115,232,.1)}.enhanced-landing .nav-header__menu--mobile .nav-header__menu-item:hover{background-color:rgba(26,115,232,.05)}.enhanced-landing .nav-header__menu-item{color:var(--text-dark);text-decoration:none;font-weight:500;padding:.5rem 0;position:relative;transition:color .3s}.enhanced-landing .nav-header__menu-item::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s}.enhanced-landing .nav-header__menu-item:hover{color:var(--primary-color)}.enhanced-landing .nav-header__menu-item:hover::after{width:100%}.enhanced-landing .nav-header__menu-item.active{color:var(--primary-color)}.enhanced-landing .nav-header__menu-item.active::after{width:100%}.enhanced-landing .nav-header__login{margin-left:auto !important;border-radius:50px !important;padding:.7rem 1.8rem !important;font-weight:600 !important;transition:all .3s !important;background:var(--primary-color) !important;color:#fff !important;margin:0 !important}.enhanced-landing .nav-header__login:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,115,232,.3) !important;background:var(--primary-dark) !important}.enhanced-landing .nav-header__login i.icon{margin-right:.5rem !important}.enhanced-landing .nav-header__login-link{color:var(--primary-color) !important;font-weight:600 !important}.enhanced-landing .nav-header__mobile-menu-toggle{display:none;cursor:pointer;font-size:1.5rem;color:var(--primary-color)}@media(max-width: 767px){.enhanced-landing .nav-header{padding:.75rem 0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);position:fixed;top:0}.enhanced-landing .nav-header__logo{height:32px;width:auto}.enhanced-landing .nav-header__title{font-size:1.2rem}.enhanced-landing .nav-header__content{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;position:relative}.enhanced-landing .nav-header__mobile-menu-toggle{display:block;z-index:5}}.enhanced-landing .hero{position:relative;height:60vh;min-height:400px;max-height:600px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;text-align:center;margin-top:60px;overflow:hidden;background-color:var(--primary-color)}.enhanced-landing .hero__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.enhanced-landing .hero__background img{width:100%;height:100%;object-fit:cover;display:block}.enhanced-landing .hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(26, 115, 232, 0.7), rgba(26, 115, 232, 0.5));z-index:2;pointer-events:none;transition:opacity .3s ease}.enhanced-landing .hero__content{position:relative;z-index:3;max-width:900px;padding:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:fadeInUp .8s ease-out forwards}.enhanced-landing .hero__content__title{margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;animation:fadeInUp .8s ease-out forwards;animation-delay:.2s;opacity:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.enhanced-landing .hero__content__subtitle{font-size:clamp(1rem,2vw,1.5rem);opacity:.95;max-width:700px;margin:0 auto;animation:fadeInUp .8s ease-out forwards;animation-delay:.4s;opacity:0;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.25)}.enhanced-landing .hero__content__cta{margin-top:2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out forwards;animation-delay:.6s;opacity:0}@media(max-width: 767px){.enhanced-landing .hero__content__cta{flex-direction:column;align-items:center;gap:.75rem}}.enhanced-landing .hero .hero__cta-button{border-radius:50px !important;padding:1rem 2rem !important;font-weight:600 !important;font-size:1.1rem !important;transition:all .3s ease !important;box-shadow:0 4px 15px rgba(0,0,0,.2) !important;min-width:180px}.enhanced-landing .hero .hero__cta-button--primary{background:hsla(0,0%,100%,.95) !important;color:var(--primary-color) !important;border:2px solid hsla(0,0%,100%,.95) !important}.enhanced-landing .hero .hero__cta-button--primary:hover{background:#fff !important;transform:translateY(-3px) !important;box-shadow:0 8px 25px rgba(0,0,0,.3) !important}.enhanced-landing .hero .hero__cta-button--secondary{background:rgba(0,0,0,0) !important;color:#fff !important;border:2px solid hsla(0,0%,100%,.8) !important}.enhanced-landing .hero .hero__cta-button--secondary:hover{background:hsla(0,0%,100%,.1) !important;transform:translateY(-3px) !important;border-color:#fff !important;box-shadow:0 8px 25px rgba(0,0,0,.3) !important}.enhanced-landing .hero .hero__cta-button i.icon{margin-right:.5rem !important}@media(max-width: 767px){.enhanced-landing .hero .hero__cta-button{padding:.875rem 1.5rem !important;font-size:1rem !important;min-width:160px}}@media(max-width: 767px){.enhanced-landing .hero{height:70vh;margin-top:0;min-height:350px}.enhanced-landing .hero__background{width:100vw;height:100%}.enhanced-landing .hero__background img{width:100%;height:100%;object-fit:cover;object-position:center}.enhanced-landing .hero__content{padding:1rem}.enhanced-landing .hero__content__title{font-size:2rem;margin-top:60px}.enhanced-landing .hero__content__subtitle{font-size:1rem}.enhanced-landing .hero::before{background:linear-gradient(to bottom, rgba(26, 115, 232, 0.6), rgba(26, 115, 232, 0.4));opacity:.8}}.enhanced-landing .search-section{padding:2rem;background-color:#fff;box-shadow:var(--box-shadow);border-radius:var(--border-radius-lg);margin:2rem auto 2rem;max-width:800px;z-index:5;position:relative;transition:transform .3s ease,box-shadow .3s ease}.enhanced-landing .search-section:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,0,0,.12)}.enhanced-landing .search-section__title{margin-bottom:1.5rem;font-size:1.6rem;font-weight:600;color:var(--primary-color);text-align:center;margin-bottom:1.2rem}.enhanced-landing .search-section .ui.input{width:100%}.enhanced-landing .search-section .ui.input input{border-radius:50px;padding-left:2.8rem;border:2px solid #f0f0f0;height:50px;transition:all .3s;font-size:1rem}.enhanced-landing .search-section .ui.input input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(26,115,232,.2)}@media(max-width: 767px){.enhanced-landing .search-section .ui.input input{padding-left:15px !important;padding-right:50px !important}}.enhanced-landing .search-section .ui.input i.icon{opacity:.6;left:1.2rem;font-size:1.2rem;color:var(--primary-color)}@media(max-width: 767px){.enhanced-landing .search-section .ui.input i.icon{pointer-events:none}}.enhanced-landing .campus-list-section{padding:0 1rem 2rem}.enhanced-landing .campus-list-section .fellowship-list{background:#fff;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--box-shadow);animation:fadeIn .8s ease-out forwards}.enhanced-landing .campus-list-section .fellowship-list__table-container{overflow-x:auto;margin:0 0 1rem;border-radius:var(--border-radius-md);-webkit-overflow-scrolling:touch}.enhanced-landing .campus-list-section .fellowship-list__table{border:none !important;margin:0 !important}.enhanced-landing .campus-list-section .fellowship-list__table thead tr th{background-color:var(--primary-color) !important;color:#fff !important;padding:1rem .8rem !important;font-weight:600 !important;border:none !important;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.enhanced-landing .campus-list-section .fellowship-list__table tbody tr{transition:all .2s}.enhanced-landing .campus-list-section .fellowship-list__table tbody tr:hover{background-color:#f5f9ff !important}.enhanced-landing .campus-list-section .fellowship-list__table tbody tr td{padding:1rem .8rem !important;border-bottom:1px solid #eee !important;border-top:none !important;border-left:none !important;border-right:none !important;vertical-align:middle}.enhanced-landing .campus-list-section .fellowship-list__table tbody tr td:last-child p{display:inline-block;padding:.4rem 1.2rem;background-color:#e6effd;color:var(--primary-color);border-radius:50px;font-weight:600;transition:all .2s;cursor:pointer}.enhanced-landing .campus-list-section .fellowship-list__table tbody tr td:last-child p:hover{background-color:var(--primary-color);color:#fff}.enhanced-landing .stats-section{background:linear-gradient(135deg, #f8fbff 0%, #eef7ff 100%);padding:4rem 0;margin-top:2rem;position:relative;z-index:10}.enhanced-landing .stats-section__container{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;max-width:900px;margin:0 auto}@media(max-width: 767px){.enhanced-landing .stats-section__container{grid-template-columns:repeat(2, 1fr);gap:1.5rem;padding:0 1rem}}.enhanced-landing .stats-section__item{text-align:center;padding:2rem 1rem;background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 8px 25px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(26,115,232,.08)}.enhanced-landing .stats-section__item:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(0,0,0,.12)}.enhanced-landing .stats-section__item-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.enhanced-landing .stats-section__item-icon i.icon{font-size:3rem !important;margin:0 !important}.enhanced-landing .stats-section__item-number{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem;background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.enhanced-landing .stats-section__item-label{font-size:1rem;font-weight:500;color:var(--text-medium);text-transform:uppercase;letter-spacing:.5px}@media(max-width: 767px){.enhanced-landing .stats-section__item{padding:1.5rem .75rem}.enhanced-landing .stats-section__item-icon{font-size:2.5rem}.enhanced-landing .stats-section__item-icon i.icon{font-size:2.5rem !important}.enhanced-landing .stats-section__item-number{font-size:2rem}.enhanced-landing .stats-section__item-label{font-size:.875rem}}.enhanced-landing .ui.pagination.menu{box-shadow:none;border:none;margin:2rem 0;justify-content:center}.enhanced-landing .ui.pagination.menu .item{border-radius:50% !important;min-width:2.5em !important;min-height:2.5em !important;display:flex !important;justify-content:center !important;align-items:center !important;margin:0 .3rem !important;border:none !important}.enhanced-landing .ui.pagination.menu .item.active{background-color:var(--primary-color) !important;color:#fff !important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes highlight-search{0%{box-shadow:0 4px 15px rgba(0,0,0,.1)}50%{box-shadow:0 8px 25px rgba(26,115,232,.2);transform:scale(1.02)}100%{box-shadow:0 4px 15px rgba(0,0,0,.1);transform:scale(1)}}.enhanced-landing .landing-footer{background:linear-gradient(135deg, var(--text-dark) 0%, #2c2c2c 100%);color:#fff;margin-top:4rem;padding:3rem 0 1rem}.enhanced-landing .landing-footer__content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem}@media(max-width: 767px){.enhanced-landing .landing-footer__content{grid-template-columns:1fr;gap:2rem;text-align:center}}.enhanced-landing .landing-footer__section:first-child{max-width:350px}.enhanced-landing .landing-footer__title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.enhanced-landing .landing-footer__title i.icon{color:var(--primary-color);font-size:1.5rem !important}@media(max-width: 767px){.enhanced-landing .landing-footer__title{justify-content:center}}.enhanced-landing .landing-footer__subtitle{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#fff}.enhanced-landing .landing-footer__description{line-height:1.6;margin-bottom:1.5rem;color:hsla(0,0%,100%,.8)}.enhanced-landing .landing-footer__social{display:flex;gap:1rem}@media(max-width: 767px){.enhanced-landing .landing-footer__social{justify-content:center}}.enhanced-landing .landing-footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.enhanced-landing .landing-footer__social-link:hover{background:var(--primary-color);transform:translateY(-2px)}.enhanced-landing .landing-footer__social-link i.icon{font-size:1.2rem !important;margin:0 !important}.enhanced-landing .landing-footer__links{list-style:none;padding:0;margin:0}.enhanced-landing .landing-footer__links li{margin-bottom:.5rem}.enhanced-landing .landing-footer__links li a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s ease}.enhanced-landing .landing-footer__links li a:hover{color:var(--primary-color)}.enhanced-landing .landing-footer__contact p{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:hsla(0,0%,100%,.8)}@media(max-width: 767px){.enhanced-landing .landing-footer__contact p{justify-content:center}}.enhanced-landing .landing-footer__contact p i.icon{color:var(--primary-color);font-size:1rem !important;margin:0 !important;width:20px}.enhanced-landing .landing-footer__bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:1.5rem;text-align:center}.enhanced-landing .landing-footer__bottom p{margin:0;color:hsla(0,0%,100%,.6);font-size:.9rem}.enhanced-landing .mobile-action-bar{position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1);padding:.8rem 1rem;z-index:99}.enhanced-landing .mobile-action-bar .button{border-radius:50px;padding:.8rem;font-weight:600;background-color:var(--primary-color)}.enhanced-landing .mobile-action-bar .button:active{transform:scale(0.98);background-color:var(--primary-dark)}.enhanced-landing .mobile-action-bar .button .icon{margin-right:.5rem}.blur{filter:blur(4px);pointer-events:none;transition:filter .3s}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards;opacity:0}.animate-fade-in-up:nth-child(1){animation-delay:0.1s}.animate-fade-in-up:nth-child(2){animation-delay:0.2s}.animate-fade-in-up:nth-child(3){animation-delay:0.3s}.animate-fade-in-up:nth-child(4){animation-delay:0.4s}.animate-fade-in-up:nth-child(5){animation-delay:0.5s}.animate-fade-in-up:nth-child(6){animation-delay:0.6s}.animate-fade-in-up:nth-child(7){animation-delay:0.7s}.animate-fade-in-up:nth-child(8){animation-delay:0.8s}.animate-fade-in-up:nth-child(9){animation-delay:0.9s}.animate-fade-in-up:nth-child(10){animation-delay:1s}.campus-search-container{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.campus-search-container .ui.input{width:100%;max-width:500px}.campus-search-container .ui.input input{border-radius:25px;padding:15px 20px;box-shadow:0 3px 10px rgba(0,0,0,.08);border:1px solid #eaeaea}.campus-search-container .ui.input input:focus{border-color:#4086f4}.campus-count{text-align:center;margin-bottom:30px;color:#555;font-size:1.2rem}.campus-count span{font-weight:bold;color:#4086f4}.campus-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;margin:0 auto;max-width:1200px;padding:0 15px}@media(max-width: 768px){.campus-grid{grid-template-columns:1fr;padding:0 10px}}.campus-card{height:100%;display:flex;flex-direction:column}.campus-card .card{height:100%;display:flex;flex-direction:column}.campus-card .card-content{flex-grow:1}.search-filter-section{margin-bottom:30px}@media(max-width: 768px){.search-filter-section{padding:0 10px}}@media(max-width: 768px){.ui.pagination.menu{margin-bottom:70px}}.loading-container{text-align:center;padding:3rem 1rem;background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--box-shadow);margin:1rem 0}.loading-container .loader{display:inline-block;width:50px;height:50px;border:4px solid rgba(26,115,232,.2);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.loading-container p{color:var(--text-medium);font-size:1rem}.error-container{text-align:center;padding:3rem 1rem;background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--box-shadow);margin:1rem 0}.error-container .icon{color:#e74c3c;font-size:3rem;margin-bottom:1rem}.error-container h3{margin-bottom:.5rem;color:var(--text-dark)}.error-container p{color:var(--text-medium)}.no-results{text-align:center;padding:3rem 1rem;background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--box-shadow);margin:1rem 0}.no-results .icon{color:var(--primary-color);font-size:3rem;margin-bottom:1rem;opacity:.8}.no-results h3{margin-bottom:.5rem;color:var(--text-dark)}.no-results p{color:var(--text-medium);margin-bottom:1.5rem}.no-results .button{background-color:var(--primary-color);color:#fff;border-radius:50px;padding:.8rem 1.5rem;font-weight:500}.no-results .button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 10px rgba(26,115,232,.3)}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width: 768px){.mobile-navigation{display:none}}.authenticated-welcome{background:linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(79, 172, 254, 0.1) 100%);padding:2rem 0;border-bottom:1px solid rgba(102,126,234,.1);backdrop-filter:blur(10px)}.authenticated-welcome .welcome-content{display:flex;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem 2rem;box-shadow:0 8px 25px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.3);transition:all .3s ease}.authenticated-welcome .welcome-content:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,0,0,.15)}.authenticated-welcome .welcome-content .welcome-message{display:flex;align-items:center;gap:1rem}.authenticated-welcome .welcome-content .welcome-message .welcome-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px rgba(102,126,234,.3)}.authenticated-welcome .welcome-content .welcome-message .welcome-text h3{margin:0;color:#333;font-size:1.25rem;font-weight:600}.authenticated-welcome .welcome-content .welcome-message .welcome-text p{margin:.25rem 0 0 0;color:#666;font-size:.95rem}.authenticated-welcome .welcome-content .welcome-actions{display:flex;align-items:center;gap:1.5rem}.authenticated-welcome .welcome-content .welcome-actions .dashboard-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:none !important;border-radius:8px !important;padding:.75rem 1.5rem !important;font-weight:500 !important;transition:all .3s ease !important;box-shadow:0 4px 12px rgba(102,126,234,.3) !important}.authenticated-welcome .welcome-content .welcome-actions .dashboard-btn:hover{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%) !important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,172,254,.4) !important}.authenticated-welcome .welcome-content .welcome-actions .dashboard-btn i{margin-right:.5rem}.authenticated-welcome .welcome-content .welcome-actions .sidebar-hint{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem;opacity:.8}.authenticated-welcome .welcome-content .welcome-actions .sidebar-hint i{color:#667eea;animation:pulseArrow 2s ease-in-out infinite}.authenticated-welcome .welcome-content .welcome-actions .sidebar-hint span{font-style:italic}@keyframes pulseArrow{0%,100%{transform:translateX(0);opacity:.8}50%{transform:translateX(-3px);opacity:1}}@media(max-width: 1200px){.authenticated-welcome .welcome-content{flex-direction:column;gap:1rem;text-align:center}.authenticated-welcome .welcome-content .welcome-actions{justify-content:center;flex-wrap:wrap}.authenticated-welcome .welcome-content .welcome-actions .sidebar-hint{justify-content:center}}@media(max-width: 960px){.authenticated-welcome{display:none}}
@media(max-width: 767px){body{padding-top:60px}.nav-header{display:flex;justify-content:center;align-items:center;height:60px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.nav-header__content{position:relative;display:flex;justify-content:space-between;width:100%}.nav-header__actions{display:flex;align-items:center;gap:12px}.nav-header__search-icon{cursor:pointer;padding:8px}.nav-header__search-icon i.icon{font-size:1.3rem !important;color:#1a73e8 !important;margin:0 !important}.nav-header__search-icon:active{background-color:rgba(26,115,232,.1);border-radius:50%}.nav-header__login{display:none !important}.nav-header__logo{position:relative;z-index:10;height:40px !important;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3))}.nav-header__title{font-size:1.2rem;font-weight:600}.nav-header__mobile-menu-toggle i.icon{font-size:1.3rem;color:#1a73e8;transition:transform .3s ease}.nav-header__mobile-menu-toggle i.icon:active{transform:scale(0.9)}.nav-header__menu--mobile.mobile-visible{animation:slideDown .3s ease-out forwards}.nav-header__menu-item{font-size:1.1rem;padding:12px !important}.nav-header__menu-item.active{background-color:rgba(26,115,232,.1)}.hero{height:35vh !important;min-height:220px !important;display:flex !important;justify-content:center;align-items:center;overflow:hidden;margin-top:60px !important}.hero__content{padding:15px !important;width:100%}.hero__content__title{font-size:1.6rem !important;margin-bottom:10px !important}.hero__content__subtitle{font-size:.9rem !important;line-height:1.4 !important;padding:0 15px !important}.hero__background img{object-position:center !important}.mobile-header{display:none;background-color:#1a73e8;background-image:linear-gradient(135deg, #1a73e8, #4285f4);padding:30px 20px 50px;text-align:center;color:#fff;margin-top:60px}.mobile-header__title{font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.enhanced-landing{padding-top:0}.main-container{padding-top:0}}.campus-search-container{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.campus-search-container .ui.input{width:100%;max-width:500px}.campus-search-container .ui.input input{border-radius:25px;padding:15px 20px;box-shadow:0 3px 10px rgba(0,0,0,.08);border:1px solid #eaeaea}.campus-search-container .ui.input input:focus{border-color:#4086f4}@media(max-width: 767px){.search-section{margin:-20px 15px 20px 15px !important;padding:20px !important;position:relative;z-index:10;background-color:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.search-section:target,.search-section.search-focus{animation:highlight-search 1.5s ease-out}.search-section__title{text-align:center;margin-bottom:15px !important;color:#1a73e8;font-size:1.4rem !important}.search-section .ui.input{box-shadow:0 4px 15px rgba(0,0,0,.08);border-radius:8px;overflow:hidden}.search-section .ui.input input{border-radius:8px !important;padding:12px 45px 12px 15px !important;border:2px solid #f0f0f0 !important;transition:all .3s ease}.search-section .ui.input input:focus{border-color:#1a73e8 !important;box-shadow:0 0 0 2px rgba(26,115,232,.2) !important}.search-section .ui.input i.icon.search{opacity:.7;right:1rem !important;left:auto !important;color:#1a73e8;font-size:1.2rem;z-index:2}.campus-list-section{width:100% !important;padding:0 !important;margin-top:10px !important}}@keyframes highlight-search{0%{box-shadow:0 0 0 0px rgba(26,115,232,.3)}70%{box-shadow:0 0 0 8px rgba(26,115,232,0)}100%{box-shadow:0 0 0 0px rgba(26,115,232,0)}}.campus-count{text-align:center;margin-bottom:30px;color:#555;font-size:1.2rem}.campus-count span{font-weight:bold;color:#4086f4}.campus-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;margin:0 auto;max-width:1200px;padding:0 15px}@media(max-width: 768px){.campus-grid{grid-template-columns:1fr;padding:0 10px;gap:12px;margin:0 auto;width:100%}}.campus-card{height:100%;display:flex;flex-direction:column}.campus-card .card{height:100%;display:flex;flex-direction:column}.campus-card .card-content{flex-grow:1}@media(max-width: 768px){.campus-card{padding:0;margin:0 0 10px 0;width:100%}}.search-filter-section{margin-bottom:30px}@media(max-width: 768px){.search-filter-section{padding:0 10px}}@media(max-width: 768px){.ui.pagination.menu{margin-bottom:70px}.main-container{padding:0 !important;width:100% !important}.ui.card{width:100% !important;box-shadow:0 2px 8px rgba(0,0,0,.1) !important;border-radius:8px !important;margin:0 0 8px 0 !important}.mobile-campus-card{width:100% !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important}.ui.card .content{padding:12px 15px !important}.ui.card .extra.content{padding:8px 15px !important}.ui.container{padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;width:100% !important;max-width:none !important}.ui.card .content .header{font-size:1.1rem !important;margin-bottom:4px !important}.ui.card .content .meta{font-size:.9rem !important;margin-bottom:8px !important}.ui.card .description p{margin:6px 0 !important;font-size:.9rem !important}.ui.card .description p .icon{width:20px !important;color:#555 !important}.ui.card .extra.content .button{padding:10px 0 !important;font-weight:500 !important}}.campus-grid{display:grid;gap:12px;padding:0 15px}@media(max-width: 767px){.campus-grid{grid-template-columns:1fr;padding:0 15px}}@media(max-width: 767px){.campus-card{transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.campus-card:active{transform:translateY(-2px)}.campus-card .ui.card{box-shadow:0 3px 10px rgba(0,0,0,.08) !important;border-radius:12px !important;overflow:hidden}.campus-card .ui.card .content{padding:15px !important}.campus-card .ui.card .content .header{color:#1a73e8 !important;font-weight:600 !important}.campus-card .ui.card .content .meta{margin:5px 0 10px !important;color:#555 !important}.campus-card .ui.card .content .description p{display:flex;align-items:center;margin:8px 0 !important}.campus-card .ui.card .content .description p i.icon{color:#1a73e8 !important;width:24px !important;margin-right:8px !important}.campus-card .ui.card .extra.content{padding:10px 15px !important;background-color:#f9f9f9 !important}.campus-card .ui.card .extra.content .button{background-color:#1a73e8 !important;color:#fff !important;font-weight:500 !important;border-radius:30px !important;transition:all .3s ease;padding:12px !important}.campus-card .ui.card .extra.content .button:active{transform:scale(0.98);background-color:#1967ce !important}}@media(max-width: 767px){.stats-section{padding:20px 15px !important;margin:20px 15px !important;border-radius:12px}.stats-section__container{gap:10px !important}.stats-section__item{padding:15px 10px !important;min-width:calc(50% - 20px) !important;flex:0 0 calc(50% - 20px) !important;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:10px}.stats-section__item-icon{font-size:2rem !important;margin-bottom:10px !important}.stats-section__item-number{font-size:1.8rem !important;margin-bottom:5px !important}.stats-section__item-label{font-size:.9rem !important}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}@media(max-width: 767px){.ui.container{width:100% !important;padding:0 !important;margin:0 !important}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-10px) rotate(180deg)}75%{transform:translateY(-15px) rotate(270deg)}}@keyframes patternMove{0%{transform:translate(0, 0)}100%{transform:translate(50px, 50px)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes tableRowSlide{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes cardSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes searchFocus{0%{box-shadow:0 0 0 0 rgba(102,126,234,.4)}70%{box-shadow:0 0 0 10px rgba(102,126,234,0)}100%{box-shadow:0 0 0 0 rgba(102,126,234,0)}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(0.98)}100%{transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 20px rgba(67,233,123,.5)}100%{box-shadow:0 0 40px rgba(67,233,123,.8)}}.modern-landing{min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%)}.modern-landing__background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.modern-landing__background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.1) 1px, transparent 1px),radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:50px 50px;animation:patternMove 20s linear infinite}.modern-landing__floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.modern-landing__floating-elements .floating-element{position:absolute;color:hsla(0,0%,100%,.2);font-size:1.5rem;animation:float 8s ease-in-out infinite}.modern-landing__floating-elements .floating-element--1{top:10%;left:5%;animation-delay:0s}.modern-landing__floating-elements .floating-element--2{top:20%;right:10%;animation-delay:1s}.modern-landing__floating-elements .floating-element--3{top:40%;left:8%;animation-delay:2s}.modern-landing__floating-elements .floating-element--4{top:60%;right:15%;animation-delay:3s}.modern-landing__floating-elements .floating-element--5{top:80%;left:15%;animation-delay:4s}.modern-landing__floating-elements .floating-element--6{top:30%;right:5%;animation-delay:5s}.modern-landing__floating-elements .floating-element--7{top:70%;right:8%;animation-delay:6s}.modern-landing__floating-elements .floating-element--8{top:50%;left:3%;animation-delay:7s}.modern-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.modern-nav__content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem}.modern-nav__brand{display:flex;align-items:center;gap:1rem}.modern-nav__logo{width:50px;height:50px;border-radius:50%;padding:5px;background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2)}.modern-nav__brand-text{display:flex;flex-direction:column}.modern-nav__title{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.modern-nav__subtitle{font-size:.875rem;color:#666;margin:0}.modern-nav__menu{display:flex;gap:2rem;align-items:center}.modern-nav__menu-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;text-decoration:none;color:#333;border-radius:8px;transition:all .3s ease;font-weight:500}.modern-nav__menu-item:hover{background:rgba(102,126,234,.1);color:#667eea;transform:translateY(-2px)}.modern-nav__menu-item.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3)}.modern-nav__menu-item i{font-size:1rem}.modern-nav__actions{display:flex;align-items:center;gap:1rem}.modern-nav__find-campus-cta{position:relative;background:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important;border:none !important;border-radius:30px !important;padding:.875rem 1.75rem !important;font-weight:700 !important;font-size:1rem !important;text-transform:uppercase !important;letter-spacing:.5px !important;transition:all .3s ease !important;overflow:hidden !important;box-shadow:0 0 30px rgba(67,233,123,.6) !important;animation:glow 2s ease-in-out infinite alternate !important}.modern-nav__find-campus-cta:hover{transform:translateY(-3px) scale(1.05) !important;box-shadow:0 0 40px rgba(67,233,123,.8) !important}.modern-nav__find-campus-cta:active{transform:translateY(-1px) scale(0.98) !important}.modern-nav__find-campus-cta .nav-btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left .6s ease}.modern-nav__find-campus-cta:hover .nav-btn-glow{left:100%}.modern-nav__find-campus-cta i{margin-right:.5rem !important;font-size:1.125rem !important}.modern-nav__login-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:none !important;border-radius:25px !important;padding:.75rem 1.5rem !important;font-weight:600 !important;transition:all .3s ease !important}.modern-nav__login-btn:hover{transform:translateY(-2px) !important;box-shadow:0 8px 25px rgba(102,126,234,.3) !important}.modern-nav__mobile-toggle{display:none;background:none;border:none;font-size:1.5rem;color:#333;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.modern-nav__mobile-toggle:hover{background:rgba(102,126,234,.1);color:#667eea}.modern-nav__mobile-menu{position:absolute;top:100%;left:0;right:0;background:hsla(0,0%,100%,.98);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.2);padding:1rem 2rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.modern-nav__mobile-menu.mobile-menu-visible{transform:translateY(0);opacity:1;visibility:visible}.modern-nav__mobile-item{display:flex;align-items:center;gap:.75rem;padding:1rem 0;text-decoration:none;color:#333;border-bottom:1px solid rgba(0,0,0,.1);font-weight:500;transition:all .3s ease}.modern-nav__mobile-item:last-child{border-bottom:none}.modern-nav__mobile-item:hover{color:#667eea;padding-left:1rem}.modern-nav__mobile-item.active{color:#667eea;font-weight:600}.modern-nav__mobile-item.find-campus-item{background:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);color:#fff;border-radius:8px;padding:1rem;margin-top:1rem;border-bottom:none;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 15px rgba(67,233,123,.3)}.modern-nav__mobile-item.find-campus-item:hover{padding-left:1rem;transform:translateY(-2px);box-shadow:0 6px 20px rgba(67,233,123,.4)}.modern-nav__mobile-item.login-item{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-radius:8px;padding:1rem;margin-top:1rem;border-bottom:none}.modern-nav__mobile-item.login-item:hover{padding-left:1rem;transform:translateY(-2px)}@media(max-width: 768px){.modern-nav__menu{display:none}.modern-nav__mobile-toggle{display:block}.modern-nav__find-campus-cta{display:none}}.modern-hero{position:relative;z-index:10;padding:8rem 0 4rem;min-height:100vh;display:flex;align-items:center}.modern-hero__content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;animation:fadeInUp 1s ease-out}.modern-hero__text{display:flex;flex-direction:column;gap:2rem}.modern-hero__title{font-size:3.5rem;font-weight:800;line-height:1.1;color:#fff;margin:0}.modern-hero__title .highlight{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;display:block;margin-top:.5rem}.modern-hero__description{font-size:1.25rem;line-height:1.6;color:hsla(0,0%,100%,.9);margin:0}.modern-hero__live-stats{display:flex;gap:2rem;margin:1rem 0}.modern-hero__live-stats .live-stat{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.modern-hero__live-stats .live-stat:hover{transform:translateY(-5px);background:hsla(0,0%,100%,.15);box-shadow:0 10px 30px rgba(0,0,0,.2)}.modern-hero__live-stats .live-stat .stat-number{display:block;font-size:2.5rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.5rem}.modern-hero__live-stats .live-stat .stat-label{font-size:.875rem;color:hsla(0,0%,100%,.8);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.modern-hero__cta{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.modern-hero__find-campus-btn{position:relative;background:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important;border:none !important;border-radius:50px !important;padding:1.25rem 2.5rem !important;font-size:1.125rem !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.5px !important;transition:all .3s ease !important;overflow:hidden !important;box-shadow:0 8px 30px rgba(67,233,123,.3) !important}.modern-hero__find-campus-btn:hover{transform:translateY(-3px) scale(1.02) !important;box-shadow:0 15px 40px rgba(67,233,123,.4) !important;animation:buttonPress .2s ease !important}.modern-hero__find-campus-btn:active{transform:translateY(-1px) scale(0.98) !important}.modern-hero__find-campus-btn .btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s ease}.modern-hero__find-campus-btn:hover .btn-glow{left:100%}.modern-hero__find-campus-btn i{margin-right:.75rem !important;font-size:1.25rem !important}.modern-hero .cta-subtitle{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0;font-style:italic}.modern-hero__visual{position:relative;display:flex;justify-content:center;align-items:center}.modern-hero .hero-visual__main{position:relative;z-index:2}.modern-hero .hero-visual__image{width:300px;height:300px;border-radius:50%;padding:20px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);border:2px solid hsla(0,0%,100%,.2);animation:pulse 3s ease-in-out infinite}.modern-hero .hero-visual__glow{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:400px;height:400px;background:radial-gradient(circle, rgba(67, 233, 123, 0.3) 0%, transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite;z-index:1}.modern-hero .hero-visual__decorations{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.modern-hero .hero-visual__decorations .decoration{position:absolute;width:60px;height:60px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;animation:float 6s ease-in-out infinite}.modern-hero .hero-visual__decorations .decoration--1{top:10%;right:20%;animation-delay:0s}.modern-hero .hero-visual__decorations .decoration--2{bottom:20%;left:10%;animation-delay:2s}.modern-hero .hero-visual__decorations .decoration--3{top:50%;right:5%;animation-delay:4s}@media(max-width: 1024px){.modern-hero__content{grid-template-columns:1fr;gap:3rem;text-align:center}.modern-hero__title{font-size:3rem}.modern-hero__live-stats{justify-content:center}.modern-hero__cta{align-items:center}}@media(max-width: 768px){.modern-hero{padding:6rem 0 3rem}.modern-hero__title{font-size:2.5rem}.modern-hero__live-stats{flex-direction:column;gap:1rem}.modern-hero__live-stats .live-stat{padding:1rem}.modern-hero__live-stats .live-stat .stat-number{font-size:2rem}.modern-hero .hero-visual__image{width:250px;height:250px}.modern-hero .hero-visual__glow{width:300px;height:300px}}@media(max-width: 480px){.modern-hero__title{font-size:2rem}.modern-hero__description{font-size:1.125rem}.modern-hero__live-stats .live-stat .stat-number{font-size:1.75rem}}.modern-search-section{position:relative;z-index:10;padding:2rem 0;background:linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.05) 100%)}.modern-search-compact{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s ease}.modern-search-compact.search-focused{animation:searchFocus 1.5s ease;box-shadow:0 15px 40px rgba(102,126,234,.15)}.modern-search-compact .search-compact__content{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.modern-search-compact .search-compact__input-wrapper{flex:1;min-width:300px}.modern-search-compact .search-input-container{position:relative;width:100%}.modern-search-compact .search-input-container .search-input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#667eea;font-size:1.125rem;z-index:2}.modern-search-compact .search-input-container .modern-search-input input{padding:1rem 1.25rem 1rem 3.5rem !important;border:2px solid #e1e5e9 !important;border-radius:30px !important;font-size:1rem !important;transition:all .3s ease !important;background:#fff !important}.modern-search-compact .search-input-container .modern-search-input input:focus{border-color:#667eea !important;box-shadow:0 0 0 3px rgba(102,126,234,.1) !important;outline:none !important}.modern-search-compact .search-input-container .modern-search-input input::placeholder{color:#999 !important}.modern-search-compact .search-input-container .search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);z-index:2}.modern-search-compact .search-input-container .search-clear .clear-search-btn{background:#f8f9fa !important;border:1px solid #e1e5e9 !important;color:#666 !important;transition:all .3s ease !important}.modern-search-compact .search-input-container .search-clear .clear-search-btn:hover{background:#e9ecef !important;color:#333 !important}.modern-search-compact .search-results-compact{display:flex;align-items:center}.modern-search-compact .search-results-compact .results-count-compact{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#333;padding:.75rem 1.25rem;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius:20px;border:1px solid #e1e5e9}.modern-search-compact .search-results-compact .results-count-compact i{color:#667eea;font-size:1rem}.modern-search-compact .search-results-compact .results-count-compact .count-number{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-weight:800;font-size:1.125rem}.modern-search-compact .search-results-compact .results-count-compact .count-text{color:#666}@media(max-width: 768px){.modern-search-compact{padding:2rem 1.5rem}.modern-search-compact__title{font-size:2rem;flex-direction:column;gap:.5rem}.modern-search-compact .search-results-summary{flex-direction:column;gap:1rem;text-align:center}}.modern-campus-list{animation:fadeInUp .8s ease-out}.modern-no-results{text-align:center;padding:4rem 2rem;background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);border-radius:24px;border:1px solid hsla(0,0%,100%,.2)}.modern-no-results i{color:#ccc;margin-bottom:1rem}.modern-no-results h3{font-size:1.5rem;color:#333;margin:0 0 1rem}.modern-no-results p{color:#666;margin:0 0 2rem;font-size:1.125rem}.modern-no-results .ui.button{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:none !important;border-radius:25px !important;padding:1rem 2rem !important;font-weight:600 !important}.modern-no-results .ui.button:hover{transform:translateY(-2px) !important;box-shadow:0 8px 25px rgba(102,126,234,.3) !important}.modern-campus-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1rem 0}.modern-campus-card{animation:cardSlideUp .6s ease-out both;transition:all .3s ease}.modern-campus-card:hover{transform:translateY(-5px)}.modern-campus-card .campus-card-content{border:none !important;border-radius:20px !important;box-shadow:0 10px 30px rgba(0,0,0,.1) !important;overflow:hidden !important;transition:all .3s ease !important}.modern-campus-card .campus-card-content:hover{box-shadow:0 20px 50px rgba(0,0,0,.15) !important}.modern-campus-card .campus-card-header{margin-bottom:1.5rem}.modern-campus-card .campus-card-header .campus-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.modern-campus-card .campus-card-header .campus-badge i{font-size:1rem}.modern-campus-card .campus-card-header .campus-title{font-size:1.5rem !important;font-weight:700 !important;color:#333 !important;margin:0 0 .75rem !important;line-height:1.3 !important}.modern-campus-card .campus-card-header .campus-card-location{display:flex;align-items:center;gap:.5rem;color:#667eea;font-weight:500}.modern-campus-card .campus-card-header .campus-card-location i{font-size:1rem}.modern-campus-card .campus-card-details .detail-section{margin-bottom:1.5rem}.modern-campus-card .campus-card-details .detail-section:last-child{margin-bottom:0}.modern-campus-card .campus-card-details .detail-section .section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#333;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid #f8f9fa}.modern-campus-card .campus-card-details .detail-section .section-title i{color:#667eea}.modern-campus-card .campus-card-details .detail-section .detail-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem}.modern-campus-card .campus-card-details .detail-section .detail-item.not-available{color:#999;font-style:italic}.modern-campus-card .campus-card-details .detail-section .detail-item i{color:#667eea;font-size:1rem;width:16px;text-align:center}.modern-campus-card .campus-card-details .detail-section .detail-item .contact-link{display:flex;align-items:center;gap:.75rem;color:#667eea;text-decoration:none;transition:all .3s ease}.modern-campus-card .campus-card-details .detail-section .detail-item .contact-link:hover{color:#5a6fd8;transform:translateX(3px)}.modern-campus-card .campus-card-details .detail-section .contact-items{display:flex;flex-direction:column;gap:.5rem}.modern-campus-card .campus-card-actions .campus-card-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:none !important;border-radius:12px !important;padding:1rem !important;font-weight:600 !important;transition:all .3s ease !important}.modern-campus-card .campus-card-actions .campus-card-btn:hover{transform:translateY(-2px) !important;box-shadow:0 8px 25px rgba(102,126,234,.3) !important}.modern-campus-card .campus-card-actions .campus-card-btn i{margin-right:.5rem !important}.modern-table-container{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.1);animation:fadeInUp .8s ease-out}.modern-table-header{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-bottom:1px solid #e1e5e9;padding:2rem}.modern-table-header .table-header-content{display:flex;justify-content:space-between;align-items:center}.modern-table-header .table-title{display:flex;align-items:center;gap:1rem;font-size:1.75rem;font-weight:700;margin:0;color:#333}.modern-table-header .table-title i{color:#667eea;font-size:1.5rem}.modern-table-header .table-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.modern-table-header .table-info .table-count{font-size:1rem;font-weight:600;color:#666}.modern-table-header .table-info .search-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#667eea;background:rgba(102,126,234,.1);padding:.25rem .75rem;border-radius:12px}.modern-table-header .table-info .search-indicator i{font-size:.875rem}.modern-table-wrapper{overflow-x:visible;overflow-y:visible;max-height:none;position:relative}.modern-table-wrapper .modern-table{width:100% !important;margin:0 !important;border:none !important;background:#fff !important}.modern-table-wrapper .modern-table thead tr{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;position:sticky !important;top:0 !important;z-index:1000 !important}.modern-table-wrapper .modern-table thead tr th{border:none !important;padding:1.5rem 1rem !important;color:#fff !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:.5px !important;font-size:.875rem !important;background:rgba(0,0,0,0) !important;visibility:visible !important;display:table-cell !important}.modern-table-wrapper .modern-table thead tr th .header-content{display:flex;align-items:center;gap:.75rem;justify-content:center}.modern-table-wrapper .modern-table thead tr th .header-content i{font-size:1rem;opacity:.9}.modern-table-wrapper .modern-table thead tr th.number-column{width:80px;text-align:center}.modern-table-wrapper .modern-table thead tr th.campus-column{min-width:200px}.modern-table-wrapper .modern-table thead tr th.location-column{min-width:150px}.modern-table-wrapper .modern-table thead tr th.coordinator-column{min-width:180px}.modern-table-wrapper .modern-table thead tr th.phone-column{min-width:140px}.modern-table-wrapper .modern-table thead tr th.email-column{min-width:180px}.modern-table-wrapper .modern-table thead tr th.actions-column{width:100px}.modern-table-wrapper .modern-table tbody tr{border-bottom:1px solid #f1f3f4 !important;transition:all .3s ease !important;animation:tableRowSlide .5s ease-out both}.modern-table-wrapper .modern-table tbody tr:hover{background:linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%) !important;transform:translateX(5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.modern-table-wrapper .modern-table tbody tr:nth-child(even){background:rgba(248,249,250,.5) !important}.modern-table-wrapper .modern-table tbody tr:nth-child(even):hover{background:linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%) !important}.modern-table-wrapper .modern-table tbody tr td{border:none !important;padding:1.25rem 1rem !important;vertical-align:middle !important;font-size:.95rem !important}.modern-table-wrapper .modern-table tbody tr td.number-cell{text-align:center}.modern-table-wrapper .modern-table tbody tr td.number-cell .row-number-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem}.modern-table-wrapper .modern-table tbody tr td.campus-cell .campus-info .campus-name{font-size:1rem;font-weight:600;color:#333;line-height:1.4}.modern-table-wrapper .modern-table tbody tr td.location-cell .location-info{display:flex;align-items:center;gap:.5rem;color:#667eea;font-weight:500}.modern-table-wrapper .modern-table tbody tr td.location-cell .location-info i{font-size:1rem}.modern-table-wrapper .modern-table tbody tr td.coordinator-cell .coordinator-info{display:flex;align-items:center;gap:.5rem;font-weight:500}.modern-table-wrapper .modern-table tbody tr td.coordinator-cell .coordinator-info i{color:#667eea;font-size:1rem}.modern-table-wrapper .modern-table tbody tr td.coordinator-cell .coordinator-info.not-available{color:#999;font-style:italic}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-link,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-link,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-link,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-link{display:flex;align-items:center;gap:.5rem;color:#667eea;text-decoration:none;transition:all .3s ease;padding:.5rem;border-radius:8px}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-link:hover,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-link:hover,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-link:hover,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-link:hover{background:rgba(102,126,234,.1);color:#5a6fd8;transform:translateX(3px)}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-link i,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-link i,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-link i,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-link i{font-size:1rem;min-width:16px}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-link span,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-link span,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-link span,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-link span{font-size:.9rem;word-break:break-all}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-unavailable,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-unavailable,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-unavailable,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-unavailable{display:flex;align-items:center;gap:.5rem;color:#999;font-style:italic;padding:.5rem}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-unavailable i,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-unavailable i,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-unavailable i,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-unavailable i{font-size:1rem;min-width:16px}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-unavailable span,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-unavailable span,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-unavailable span,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-unavailable span{font-size:.85rem}.modern-table-wrapper .modern-table tbody tr td.actions-cell{text-align:center}.modern-table-wrapper .modern-table tbody tr td.actions-cell .enhanced-view-btn{background:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%) !important;border:none !important;border-radius:20px !important;padding:.75rem 1rem !important;font-weight:700 !important;font-size:.8rem !important;text-transform:uppercase !important;letter-spacing:.5px !important;transition:all .3s ease !important;min-width:80px !important}.modern-table-wrapper .modern-table tbody tr td.actions-cell .enhanced-view-btn:hover{transform:translateY(-2px) scale(1.1) !important;box-shadow:0 8px 25px rgba(67,233,123,.4) !important}.modern-table-wrapper .modern-table tbody tr td.actions-cell .enhanced-view-btn:active{transform:translateY(0) scale(0.95) !important}.modern-table-wrapper .modern-table tbody tr td.actions-cell .enhanced-view-btn i{margin-right:.25rem !important;font-size:.875rem !important}.modern-pagination{padding:2rem;display:flex;justify-content:center;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)}.modern-pagination .ui.pagination.menu{border:none !important;box-shadow:none !important;background:rgba(0,0,0,0) !important}.modern-pagination .ui.pagination.menu .item{background:#fff !important;border:1px solid #e1e5e9 !important;color:#667eea !important;margin:0 .25rem !important;border-radius:8px !important;transition:all .3s ease !important;font-weight:500 !important}.modern-pagination .ui.pagination.menu .item:hover{background:#667eea !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 4px 15px rgba(102,126,234,.3) !important}.modern-pagination .ui.pagination.menu .item.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important;border-color:rgba(0,0,0,0) !important;box-shadow:0 4px 15px rgba(102,126,234,.3) !important}.modern-loading{text-align:center;padding:4rem 2rem;background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);border-radius:24px;border:1px solid hsla(0,0%,100%,.2)}.modern-loading .modern-loader{margin-bottom:2rem}.modern-loading .modern-loader .loader-rings{display:inline-block;position:relative;width:80px;height:80px}.modern-loading .modern-loader .loader-rings .ring{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #667eea;border-radius:50%;animation:ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#667eea rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.modern-loading .modern-loader .loader-rings .ring:nth-child(1){animation-delay:-0.45s}.modern-loading .modern-loader .loader-rings .ring:nth-child(2){animation-delay:-0.3s}.modern-loading .modern-loader .loader-rings .ring:nth-child(3){animation-delay:-0.15s}.modern-loading .loading-text{font-size:1.125rem;color:#666;margin:0}@keyframes ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.modern-error{text-align:center;padding:4rem 2rem;background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);border-radius:24px;border:1px solid hsla(0,0%,100%,.2)}.modern-error i{color:#dc3545;margin-bottom:1rem}.modern-error h3{font-size:1.5rem;color:#333;margin:0 0 1rem}.modern-error p{color:#666;margin:0 0 2rem;font-size:1.125rem}.modern-error .ui.button{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:none !important;border-radius:25px !important;padding:1rem 2rem !important;font-weight:600 !important}.modern-error .ui.button:hover{transform:translateY(-2px) !important;box-shadow:0 8px 25px rgba(102,126,234,.3) !important}.modern-footer{position:relative;z-index:10;background:linear-gradient(135deg, #2c3e50 0%, #34495e 100%);color:#fff;padding:3rem 0 1rem;margin-top:4rem}.modern-footer__content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.modern-footer__section .footer-brand{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.modern-footer__section .footer-brand__logo{width:50px;height:50px;border-radius:50%}.modern-footer__section .footer-brand__text .footer-brand__title{font-size:1.25rem;font-weight:700;margin:0;color:#fff}.modern-footer__section .footer-brand__text .footer-brand__subtitle{font-size:.875rem;color:hsla(0,0%,100%,.7);margin:0}.modern-footer__description{color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:1.5rem}.modern-footer__social{display:flex;gap:1rem}.modern-footer__social .social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease}.modern-footer__social .social-link:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.modern-footer__subtitle{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:#fff}.modern-footer__links{list-style:none;padding:0;margin:0}.modern-footer__links li{margin-bottom:.5rem}.modern-footer__links li a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:all .3s ease}.modern-footer__links li a:hover{color:#fff;padding-left:.5rem}.modern-footer__contact .contact-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:hsla(0,0%,100%,.8)}.modern-footer__contact .contact-item i{color:#667eea;font-size:1rem}.modern-footer__bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:2rem;text-align:center}.modern-footer__bottom p{color:hsla(0,0%,100%,.6);margin:0;font-size:.875rem}@media(max-width: 768px){.modern-footer__content{grid-template-columns:1fr;gap:2rem;text-align:center}}.modern-mobile-action{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:1rem;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.2)}.modern-mobile-action .ui.button{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:none !important;border-radius:25px !important;padding:1rem !important;font-weight:600 !important;font-size:1.125rem !important}.modern-mobile-action .ui.button i{margin-right:.75rem !important}@media(max-width: 1024px){.modern-table-header .table-header-content{flex-direction:column;gap:1rem;text-align:center}}@media(max-width: 768px){.modern-nav__actions{gap:.5rem}.modern-nav__find-campus-cta{display:none}.modern-search-compact{padding:1.25rem 1.5rem;margin-bottom:1.5rem}.modern-search-compact .search-compact__content{flex-direction:column;gap:1rem;align-items:stretch}.modern-search-compact .search-compact__input-wrapper{min-width:unset}.modern-search-compact .search-results-compact{justify-content:center}.modern-nav__find-campus-cta{display:none}.modern-table-container{border-radius:16px}.modern-table-header{padding:1.5rem}.modern-table-header .table-title{font-size:1.5rem}.modern-table-wrapper .modern-table thead tr th{padding:1rem .5rem !important;font-size:.8rem !important;background:rgba(0,0,0,0) !important}.modern-table-wrapper .modern-table thead tr th .header-content{flex-direction:column;gap:.25rem}.modern-table-wrapper .modern-table thead tr th .header-content span{display:none}.modern-table-wrapper .modern-table thead tr th.number-column{width:50px}.modern-table-wrapper .modern-table thead tr th.campus-column{min-width:140px}.modern-table-wrapper .modern-table thead tr th.location-column{min-width:100px}.modern-table-wrapper .modern-table thead tr th.coordinator-column{min-width:120px}.modern-table-wrapper .modern-table thead tr th.phone-column{min-width:120px}.modern-table-wrapper .modern-table thead tr th.email-column{min-width:140px}.modern-table-wrapper .modern-table thead tr th.actions-column{width:80px}.modern-table-wrapper .modern-table tbody tr td{padding:1rem .5rem !important;font-size:.85rem !important}.modern-table-wrapper .modern-table tbody tr td.number-cell .row-number-badge{width:24px;height:24px;font-size:.75rem}.modern-table-wrapper .modern-table tbody tr td.campus-cell .campus-name{font-size:.9rem;line-height:1.3}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-link,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-link,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-link,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-link{padding:.25rem;gap:.25rem}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-link i,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-link i,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-link i,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-link i{font-size:.875rem;min-width:14px}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-link span,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-link span,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-link span,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-link span{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-unavailable,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-unavailable,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-unavailable,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-unavailable{padding:.25rem;gap:.25rem}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-unavailable i,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-unavailable i,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-unavailable i,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-unavailable i{font-size:.875rem;min-width:14px}.modern-table-wrapper .modern-table tbody tr td.phone-cell .phone-info .contact-unavailable span,.modern-table-wrapper .modern-table tbody tr td.phone-cell .email-info .contact-unavailable span,.modern-table-wrapper .modern-table tbody tr td.email-cell .phone-info .contact-unavailable span,.modern-table-wrapper .modern-table tbody tr td.email-cell .email-info .contact-unavailable span{font-size:.75rem}.modern-table-wrapper .modern-table tbody tr td.actions-cell .enhanced-view-btn{padding:.5rem .75rem !important;font-size:.7rem !important;min-width:70px !important}.modern-table-wrapper .modern-table tbody tr td.actions-cell .enhanced-view-btn i{margin-right:.125rem !important;font-size:.75rem !important}.modern-pagination{padding:1.5rem}}@media(max-width: 480px){.modern-search-compact{padding:1rem}.modern-search-compact .search-input-container .modern-search-input input{font-size:.95rem !important;padding:.875rem 1rem .875rem 3rem !important}.modern-search-compact .search-input-container .search-input-icon{left:1rem;font-size:1rem}.modern-search-compact .search-results-compact .results-count-compact{font-size:.9rem;padding:.5rem 1rem}.modern-campus-card .campus-card-content{border-radius:16px !important}.modern-campus-card .campus-card-header .campus-title{font-size:1.25rem !important}}.ui.table thead tr th,.ui.celled.table thead tr th{visibility:visible !important;display:table-cell !important;opacity:1 !important;height:auto !important;min-height:60px !important}
@media(max-width: 767px){.modern-landing .dashboard__header{display:none !important}.modern-landing .modern-nav{margin-bottom:0 !important}.modern-landing .modern-search-section{margin-top:0 !important;padding-top:0 !important}.modern-nav{background:#fff !important;box-shadow:0 2px 10px rgba(0,0,0,.08) !important;padding:.25rem 0 !important}.modern-nav .modern-nav__content{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:0 1rem !important}.modern-nav .modern-nav__brand{flex:0 0 auto !important}.modern-nav .modern-nav__brand .modern-nav__logo{height:32px !important}.modern-nav .modern-nav__portal-text{font-size:1rem !important;font-weight:700 !important;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:rgba(0,0,0,0) !important;background-clip:text !important;text-shadow:0 1px 3px rgba(0,0,0,.1) !important;letter-spacing:.5px !important;flex:1 !important;text-align:center !important;margin:0 1rem !important;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important}.modern-nav .modern-nav__actions{flex:0 0 auto !important}.modern-nav .modern-nav__actions .modern-nav__mobile-toggle{background:none !important;border:none !important;color:#667eea !important;padding:.75rem !important;border-radius:50% !important;transition:all .3s ease !important;display:flex !important;align-items:center !important;justify-content:center !important}.modern-nav .modern-nav__actions .modern-nav__mobile-toggle:active{background:rgba(102,126,234,.1) !important;transform:scale(0.95)}.modern-nav .modern-nav__actions .modern-nav__mobile-toggle .icon{font-size:1.25rem !important;margin:0 !important}.modern-nav .modern-nav__mobile-menu{background:#fff !important;box-shadow:0 4px 20px rgba(0,0,0,.15) !important;border-radius:0 0 1rem 1rem !important;margin-top:.5rem !important}.modern-nav .modern-nav__mobile-menu .modern-nav__mobile-item{padding:1rem 1.5rem !important;font-size:1rem !important;color:#1a202c !important;border-bottom:1px solid #e2e8f0 !important;transition:all .3s ease !important;display:flex !important;align-items:center !important}.modern-nav .modern-nav__mobile-menu .modern-nav__mobile-item:last-child{border-bottom:none !important}.modern-nav .modern-nav__mobile-menu .modern-nav__mobile-item:active{background:#f7fafc !important;transform:scale(0.98)}.modern-nav .modern-nav__mobile-menu .modern-nav__mobile-item.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important}.modern-nav .modern-nav__mobile-menu .modern-nav__mobile-item.find-campus-item{background:rgba(102,126,234,.1) !important;color:#667eea !important;font-weight:600 !important}.modern-nav .modern-nav__mobile-menu .modern-nav__mobile-item.login-item{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;color:#fff !important;font-weight:600 !important}.modern-nav .modern-nav__mobile-menu .modern-nav__mobile-item .icon{margin-right:.75rem !important;color:inherit !important;font-size:1rem !important}.modern-hero{padding:1.5rem 0 !important;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important}.modern-hero .modern-hero__content{text-align:center;padding:0 1rem !important}.modern-hero .modern-hero__content .modern-hero__text{max-width:100% !important}.modern-hero .modern-hero__content .modern-hero__text .modern-hero__title{font-size:2.25rem !important;line-height:1.1 !important;margin-bottom:1rem !important;font-weight:800 !important}.modern-hero .modern-hero__content .modern-hero__text .modern-hero__title .highlight{display:block;margin-top:.5rem;background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.modern-hero .modern-hero__content .modern-hero__text .modern-hero__description{font-size:1.1rem !important;line-height:1.5 !important;margin-bottom:2rem !important;opacity:.95 !important}.modern-hero .modern-hero__content .modern-hero__text .modern-hero__cta .modern-hero__find-campus-btn{padding:1.25rem 2.5rem !important;font-size:1.1rem !important;border-radius:2rem !important;font-weight:700 !important;background:hsla(0,0%,100%,.9) !important;color:#667eea !important;border:none !important;box-shadow:0 4px 20px rgba(0,0,0,.15) !important;transition:all .3s ease !important}.modern-hero .modern-hero__content .modern-hero__text .modern-hero__cta .modern-hero__find-campus-btn:active{transform:scale(0.98) !important;box-shadow:0 2px 10px rgba(0,0,0,.2) !important}.modern-hero .modern-hero__content .modern-hero__text .modern-hero__cta .modern-hero__find-campus-btn .icon{color:#667eea !important;margin-right:.5rem !important}.mobile-campus-experience{padding:1rem;background:#f8fafc;min-height:60vh;margin-top:0 !important}.modern-campus-list{margin:0 !important;padding:0 !important}.mobile-view-toggle{text-align:center;margin-bottom:1.5rem}.toggle-list-view-btn{background:#fff;border:2px solid #667eea;color:#667eea;border-radius:2rem;padding:.875rem 1.75rem;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 10px rgba(102,126,234,.15)}.toggle-list-view-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 20px rgba(102,126,234,.25)}.toggle-list-view-btn:active{transform:scale(0.98)}.toggle-list-view-btn .icon{font-size:.9rem !important}.modern-search-section{background:#fff !important;padding:0 !important;margin:0 !important}.modern-search-section .ui.container{padding:0 !important;margin:0 !important;max-width:100% !important;width:100% !important}.modern-search-section .modern-search-compact{background:#fff;margin:0 1rem;border-radius:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;border:1px solid #e2e8f0}.modern-search-section .modern-search-compact .search-compact__content{padding:1.5rem}.modern-search-section .modern-search-compact .search-input-container{position:relative}.modern-search-section .modern-search-compact .search-input-container .modern-search-input input{border-radius:2rem !important;border:2px solid #f0f2f5 !important;padding:1rem 3rem 1rem 1.5rem !important;font-size:1rem !important;transition:all .3s ease !important;background:#f8fafc !important}.modern-search-section .modern-search-compact .search-input-container .modern-search-input input:focus{border-color:#667eea !important;box-shadow:0 0 0 3px rgba(102,126,234,.1) !important;background:#fff !important}.modern-search-section .modern-search-compact .search-input-container .modern-search-input input::placeholder{color:#94a3b8 !important;font-size:.95rem !important}.modern-search-section .modern-search-compact .search-input-container .search-input-icon{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:#667eea !important;z-index:2;pointer-events:none;font-size:1.1rem !important}.modern-search-section .modern-search-compact .search-results-compact{margin-top:1rem;text-align:center}.modern-search-section .modern-search-compact .search-results-compact .results-count-compact{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#667eea;font-weight:600;font-size:.9rem}.modern-search-section .modern-search-compact .search-results-compact .results-count-compact .count-number{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:700}.modern-search-section .modern-search-compact .search-results-compact .results-count-compact .count-text{font-size:.85rem}.modern-search-section .modern-search-compact .search-results-compact .results-count-compact .icon{font-size:.9rem !important}.modern-loading{text-align:center;padding:3rem 1rem;color:#667eea}.modern-loading .modern-loader{margin-bottom:1rem}.modern-loading .loading-text{font-weight:500}.modern-no-results{text-align:center;padding:3rem 1rem;color:#718096}.modern-no-results h3{color:#1a202c;margin:1rem 0}.modern-no-results .ui.button{margin-top:1rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border-radius:2rem !important}.mobile-campus-card-simple:focus-within,.mobile-campus-list-item:focus-within{outline:2px solid #667eea;outline-offset:2px}.mobile-campus-card-simple:active{transform:translateY(-2px) scale(0.98)}.mobile-campus-list-item:active{background:#edf2f7}.mobile-campus-scroll{scroll-snap-type:x mandatory}.mobile-campus-card-simple{scroll-snap-align:start}.modern-footer{padding:2rem 0 1rem !important;background:linear-gradient(135deg, #1a202c 0%, #2d3748 100%) !important}.modern-footer .modern-footer__content{flex-direction:column !important;gap:1.5rem !important;text-align:center !important}.modern-footer .modern-footer__content .modern-footer__section:first-child{order:1}.modern-footer .modern-footer__content .modern-footer__section .footer-brand{justify-content:center !important;margin-bottom:1rem !important}.modern-footer .modern-footer__content .modern-footer__section .footer-brand .footer-brand__logo{height:40px !important}.modern-footer .modern-footer__content .modern-footer__section .footer-brand .footer-brand__text .footer-brand__title{font-size:1.25rem !important}.modern-footer .modern-footer__content .modern-footer__section .footer-brand .footer-brand__text .footer-brand__subtitle{font-size:.875rem !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__description{font-size:.875rem !important;line-height:1.5 !important;max-width:300px !important;margin:0 auto 1rem !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__social{justify-content:center !important;gap:1rem !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__social .social-link{width:2.5rem !important;height:2.5rem !important;background:hsla(0,0%,100%,.1) !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all .3s ease !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__social .social-link:hover{background:#667eea !important;transform:scale(1.1) !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__social .social-link .icon{color:#fff !important;font-size:1rem !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__subtitle{font-size:1rem !important;margin-bottom:.75rem !important;color:#667eea !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__links{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:1rem !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__links li{margin:0 !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__links li a{padding:.5rem 1rem !important;background:hsla(0,0%,100%,.1) !important;border-radius:1rem !important;font-size:.875rem !important;transition:all .3s ease !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__links li a:hover{background:#667eea !important;transform:translateY(-2px) !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__contact .contact-item{justify-content:center !important;margin-bottom:.75rem !important;font-size:.875rem !important}.modern-footer .modern-footer__content .modern-footer__section .modern-footer__contact .contact-item .icon{color:#667eea !important;margin-right:.5rem !important}.modern-footer .modern-footer__bottom{margin-top:1.5rem !important;padding-top:1rem !important;border-top:1px solid hsla(0,0%,100%,.1) !important;text-align:center !important}.modern-footer .modern-footer__bottom p{font-size:.75rem !important;color:hsla(0,0%,100%,.7) !important;margin:0 !important}.modern-mobile-action{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;padding:1rem !important;background:#fff !important;border-top:1px solid #e2e8f0 !important;box-shadow:0 -4px 20px rgba(0,0,0,.1) !important;z-index:1000 !important}.modern-mobile-action .ui.button{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:none !important;border-radius:2rem !important;font-weight:600 !important;font-size:1rem !important;height:3rem !important;display:flex !important;align-items:center !important;justify-content:center !important}.modern-mobile-action .ui.button .icon{margin-right:.5rem !important;color:#fff !important}body{padding-bottom:5rem !important}.mobile-campus-scroll-container{margin-bottom:1.5rem}.scroll-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:rgba(102,126,234,.08);border-radius:2rem;color:#667eea;font-size:.875rem;font-weight:500}.scroll-hint .icon{color:#667eea !important;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.mobile-campus-scroll{display:flex;gap:1rem;overflow-x:auto;padding:1rem .5rem 1.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.mobile-campus-scroll::-webkit-scrollbar{display:none}.mobile-campus-scroll::after{content:"";position:sticky;right:0;width:2rem;height:100%;background:linear-gradient(to left, rgba(248, 250, 252, 0.8), transparent);pointer-events:none;z-index:1}.mobile-campus-card-simple{flex:0 0 280px;background:#fff;border-radius:1.25rem;box-shadow:0 4px 15px rgba(0,0,0,.08);overflow:hidden;position:relative;transition:all .3s ease;animation:slideInFromRight .6s ease-out both;scroll-snap-align:start;border:1px solid #e2e8f0}.mobile-campus-card-simple:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.mobile-campus-card-simple:active{transform:translateY(-2px)}@keyframes slideInFromRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.card-simple-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .5rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff}.campus-number{font-size:.8rem;font-weight:600;background:hsla(0,0%,100%,.2);padding:.25rem .6rem;border-radius:1rem}.campus-activities-count{font-size:.75rem;opacity:.9;display:flex;align-items:center;gap:.25rem}.card-simple-content{padding:1rem}.campus-name-simple{font-size:1.125rem;font-weight:700;color:#1a202c;margin:0 0 .75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.campus-location-simple,.coordinator-simple{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:#4a5568}.campus-location-simple .icon,.coordinator-simple .icon{color:#667eea !important;font-size:.875rem !important;width:16px}.coordinator-simple{margin-bottom:0}.card-simple-actions{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem 1rem;border-top:1px solid #e2e8f0}.view-campus-btn-simple{flex:1;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border:none;border-radius:.75rem;padding:.75rem 1rem;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;cursor:pointer}.view-campus-btn-simple:active{transform:scale(0.98)}.view-campus-btn-simple .icon{color:#fff !important;font-size:.875rem !important}.call-campus-btn-simple,.email-campus-btn-simple{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:.75rem;color:#667eea;text-decoration:none;transition:all .3s ease}.call-campus-btn-simple:hover,.email-campus-btn-simple:hover{background:#667eea;color:#fff;transform:scale(1.05)}.call-campus-btn-simple:active,.email-campus-btn-simple:active{transform:scale(0.95)}.call-campus-btn-simple .icon,.email-campus-btn-simple .icon{font-size:.875rem !important;margin:0 !important}.mobile-campus-list-view{background:#fff;border-radius:1.25rem;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid #e2e8f0}.mobile-campus-list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f0f2f5;transition:all .3s ease;cursor:pointer}.mobile-campus-list-item:last-child{border-bottom:none}.mobile-campus-list-item:active{background:#f8fafc;transform:scale(0.99)}.mobile-campus-list-item .list-item-left{flex:1}.mobile-campus-list-item .campus-name-list{font-weight:600;color:#1a202c;margin-bottom:.25rem;font-size:1rem}.mobile-campus-list-item .campus-details-list{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:#718096}.mobile-campus-list-item .location-list,.mobile-campus-list-item .activities-list{display:flex;align-items:center;gap:.25rem}.mobile-campus-list-item .location-list .icon,.mobile-campus-list-item .activities-list .icon{font-size:.8rem !important;color:#667eea !important}.mobile-campus-list-item .list-item-right .icon{color:#cbd5e0 !important;font-size:1rem !important}.mobile-campus-list-item:hover .list-item-right .icon{color:#667eea !important}}@media(max-width: 767px){.mobile-search-hero{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:.25rem 0 1.25rem 0;position:relative;overflow:hidden;margin-top:-0.25rem}.mobile-search-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.1) 1px, transparent 1px),radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size:30px 30px,25px 25px;opacity:.6;pointer-events:none}.mobile-search-container{position:relative;z-index:2;padding:0 1rem;max-width:100%}.mobile-search-header{text-align:center;margin-bottom:1.5rem}.mobile-search-header .mobile-search-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 .5rem 0;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-0.02em;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mobile-search-header .mobile-search-subtitle{font-size:1rem;color:hsla(0,0%,100%,.9);margin:0;font-weight:400;opacity:.95}.mobile-search-input-wrapper{margin-bottom:1rem}.mobile-search-input-container{position:relative;background:hsla(0,0%,100%,.95);border-radius:1.5rem;padding:.25rem;box-shadow:0 8px 32px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.08);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.mobile-search-input-container:focus-within{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15),0 6px 20px rgba(0,0,0,.1);background:#fff}.mobile-search-icon{position:absolute !important;left:1.25rem;top:50%;transform:translateY(-50%);color:#667eea !important;font-size:1.125rem !important;z-index:3;pointer-events:none}.mobile-search-input .ui.input{width:100%}.mobile-search-input .ui.input input{background:rgba(0,0,0,0) !important;border:none !important;border-radius:1.25rem !important;padding:1rem 3.5rem 1rem 3rem !important;font-size:1rem !important;color:#1a202c !important;font-weight:500 !important;transition:all .3s ease !important}.mobile-search-input .ui.input input::placeholder{color:#9ca3af !important;font-weight:400 !important}.mobile-search-input .ui.input input:focus{box-shadow:none !important;outline:none !important}.mobile-search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#667eea;transition:all .3s ease;cursor:pointer}.mobile-search-clear:active{transform:translateY(-50%) scale(0.95);background:#cbd5e0}.mobile-search-clear .icon{font-size:.875rem !important;margin:0 !important}.mobile-search-results-summary{background:hsla(0,0%,100%,.15);border-radius:1rem;padding:1rem;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);margin-top:1rem}.mobile-results-info{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.mobile-results-info .icon{color:hsla(0,0%,100%,.9) !important;font-size:1rem !important}.mobile-results-info .results-count{background:hsla(0,0%,100%,.2);padding:.25rem .75rem;border-radius:1rem;font-weight:700;font-size:.875rem;min-width:2rem;text-align:center}.mobile-results-info .results-text{font-weight:500;opacity:.95}.mobile-search-term{text-align:center;color:hsla(0,0%,100%,.9);font-size:.875rem;font-weight:500}.mobile-search-term .search-term-highlight{background:hsla(0,0%,100%,.2);padding:.2rem .6rem;border-radius:.75rem;font-weight:700;color:#fff}.mobile-search-hero.search-focused{animation:pulseGlow 1.5s ease-in-out}@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 hsla(0,0%,100%,.4)}50%{box-shadow:0 0 0 20px hsla(0,0%,100%,0)}}.mobile-search-hero+*{margin-top:0 !important}}
.newsletter-page{min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.newsletter-page .newsletter-header{padding:1.5rem 0 2rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.2)}.newsletter-page .newsletter-header .newsletter-header-content{position:relative}.newsletter-page .newsletter-header .newsletter-header-content .back-button{color:#fff !important;border-color:hsla(0,0%,100%,.3) !important;margin-bottom:1rem;padding:.6rem 1rem !important;font-size:.9rem !important}.newsletter-page .newsletter-header .newsletter-header-content .back-button:hover{background:hsla(0,0%,100%,.1) !important;border-color:hsla(0,0%,100%,.5) !important}.newsletter-page .newsletter-header .newsletter-header-content .newsletter-title-section{text-align:center}.newsletter-page .newsletter-header .newsletter-header-content .newsletter-title-section .newsletter-title{color:#fff !important;font-size:2.2rem !important;font-weight:700 !important;margin-bottom:.5rem !important;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.newsletter-page .newsletter-header .newsletter-header-content .newsletter-title-section .newsletter-title i.icon{margin-right:.5rem;font-size:1.8rem !important}.newsletter-page .newsletter-header .newsletter-header-content .newsletter-title-section .newsletter-subtitle{color:hsla(0,0%,100%,.9);font-size:1rem;max-width:500px;margin:0 auto;line-height:1.4;font-weight:400}.newsletter-page .newsletter-content{padding:4rem 0}.newsletter-page .newsletter-content .newsletter-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card{background:#fff !important;border-radius:20px !important;box-shadow:0 15px 35px rgba(102,126,234,.15) !important;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1) !important;overflow:hidden !important;border:none !important;position:relative;animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #667eea 100%);border-radius:20px;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card:hover{transform:translateY(-8px) !important;box-shadow:0 25px 50px rgba(102,126,234,.25) !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card:hover::before{opacity:1}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card:hover .newsletter-overlay{opacity:1}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card:hover .newsletter-thumbnail .newsletter-image-wrapper .newsletter-thumbnail-image{transform:scale(1.05)}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card:hover .newsletter-thumbnail .newsletter-image-wrapper .newsletter-info-overlay{background:linear-gradient(transparent, rgba(0, 0, 0, 0.9))}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card.pdf-card .newsletter-image-container{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);display:flex;align-items:center;justify-content:center;padding:0}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container{position:relative;height:320px;overflow:hidden;border-radius:20px 20px 0 0}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-image{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .3s ease}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail{width:100%;height:100%;position:relative}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper .newsletter-thumbnail-image{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1)}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper .newsletter-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent, rgba(0, 0, 0, 0.8));color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-end;transition:all .3s ease}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper .newsletter-info-overlay .newsletter-meta{display:flex;flex-direction:column;gap:.5rem}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper .newsletter-info-overlay .newsletter-meta .newsletter-volume{font-size:.9rem;font-weight:700;opacity:.95;letter-spacing:.5px;text-transform:uppercase}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper .newsletter-info-overlay .newsletter-meta .newsletter-date{font-size:.8rem;opacity:.85;font-weight:500}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper .newsletter-info-overlay .pdf-badge{background:linear-gradient(135deg, #dc3545 0%, #c82333 100%);color:#fff;padding:.4rem .8rem;border-radius:15px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 8px rgba(220,53,69,.3);text-transform:uppercase;letter-spacing:.5px}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper .newsletter-info-overlay .pdf-badge .icon{margin:0 !important;font-size:.9rem !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;gap:1rem;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(2px)}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-overlay .view-button,.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-overlay .download-button,.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-overlay .modal-button{background:hsla(0,0%,100%,.95) !important;color:#333 !important;border:none !important;box-shadow:0 8px 16px rgba(0,0,0,.2) !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-overlay .view-button:hover,.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-overlay .download-button:hover,.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-overlay .modal-button:hover{background:#fff !important;transform:scale(1.1) translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.3) !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .content{padding:2rem !important;background:linear-gradient(135deg, #fff 0%, #f8f9fa 100%)}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .content .header{color:#2c3e50 !important;font-weight:700 !important;font-size:1.4rem !important;margin-bottom:1rem !important;line-height:1.3;letter-spacing:-0.5px}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .content .meta{margin-bottom:1.5rem !important;display:flex;flex-wrap:wrap;gap:1.5rem}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .content .meta span{display:flex;align-items:center;color:#6c757d !important;font-weight:500;font-size:.9rem}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .content .meta span i.icon{margin-right:.6rem;color:#667eea !important;font-size:1rem !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .content .description{color:#555 !important;line-height:1.6;font-size:.95rem}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content{padding:0 !important;background:rgba(0,0,0,0) !important;border:none !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions{display:flex;gap:0}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button{flex:1;padding:1.2rem 1.5rem !important;font-weight:600 !important;font-size:.95rem !important;border:none !important;border-radius:0 !important;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1) !important;position:relative;overflow:hidden}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button:hover::before{left:100%}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button.view-pdf-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important;border-bottom-left-radius:20px !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button.view-pdf-btn:hover{background:linear-gradient(135deg, #5a6fd8 0%, #6b4190 100%) !important;transform:translateY(-2px);box-shadow:0 8px 16px rgba(102,126,234,.4) !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button.view-pdf-btn .icon{margin-right:.5rem !important;font-size:1.1rem !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button.download-pdf-btn{background:linear-gradient(135deg, #6c757d 0%, #495057 100%) !important;color:#fff !important;border-bottom-right-radius:20px !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button.download-pdf-btn:hover{background:linear-gradient(135deg, #5a6268 0%, #3d4246 100%) !important;transform:translateY(-2px);box-shadow:0 8px 16px rgba(108,117,125,.4) !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button.download-pdf-btn .icon{margin-right:.5rem !important;font-size:1.1rem !important}.newsletter-page .newsletter-content .empty-state{text-align:center;padding:4rem 2rem;color:hsla(0,0%,100%,.8)}.newsletter-page .newsletter-content .empty-state .icon{margin-bottom:1rem !important;opacity:.6}.newsletter-page .newsletter-content .empty-state h3{color:#fff;margin-bottom:1rem}.newsletter-page .newsletter-content .empty-state p{font-size:1.1rem;max-width:400px;margin:0 auto}.newsletter-modal .header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important}.newsletter-modal .header i.icon{margin-right:.5rem}.newsletter-modal .content{padding:0 !important}.newsletter-modal .content .newsletter-modal-content{display:flex;justify-content:center;align-items:center;background:#f8f9fa}.newsletter-modal .content .newsletter-modal-content .newsletter-modal-image{max-height:70vh;width:auto !important;height:auto !important;object-fit:contain}.newsletter-modal .actions{background:#f8f9fa !important}.newsletter-modal .actions .ui.button.primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important}.newsletter-modal.pdf-modal .header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important;display:flex;align-items:center}.newsletter-modal.pdf-modal .header i.icon{margin-right:.5rem}.newsletter-modal.pdf-modal .header .pdf-size{margin-left:auto;font-weight:normal;opacity:.8;font-size:.9rem}.newsletter-modal.pdf-modal .content{padding:0 !important}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-preview-info{padding:1.5rem;background:#f8f9fa;border-bottom:1px solid #dee2e6}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-preview-info h4{margin-bottom:.5rem;color:#333}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-preview-info p{color:#666;margin-bottom:1rem;line-height:1.5}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-preview-info .pdf-actions-inline{display:flex;gap:1rem}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-preview-info .pdf-actions-inline .ui.button.primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-preview-info .pdf-actions-inline .ui.button.secondary{background:#6c757d !important;color:#fff !important}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-embed-container{padding:0;background:#fff}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-embed-container .pdf-iframe{border:none;display:block;min-height:500px}.newsletter-modal.pdf-modal .actions{background:#f8f9fa !important}.newsletter-modal.pdf-modal .actions .ui.button.primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:#fff !important}.newsletter-modal.pdf-modal .actions .ui.button.secondary{background:#6c757d !important;color:#fff !important}@media(max-width: 768px){.newsletter-page .newsletter-header{padding:1.2rem 0 1.5rem}.newsletter-page .newsletter-header .newsletter-header-content .back-button{margin-bottom:.8rem;padding:.5rem .8rem !important;font-size:.85rem !important}.newsletter-page .newsletter-header .newsletter-title-section .newsletter-title{font-size:1.8rem !important;margin-bottom:.4rem !important}.newsletter-page .newsletter-header .newsletter-title-section .newsletter-title i.icon{font-size:1.5rem !important}.newsletter-page .newsletter-header .newsletter-title-section .newsletter-subtitle{font-size:.9rem;padding:0 1rem;line-height:1.3}.newsletter-page .newsletter-content{padding:2rem 0}.newsletter-page .newsletter-content .newsletter-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container{height:250px}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper .newsletter-info-overlay{padding:.75rem}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper .newsletter-info-overlay .newsletter-meta .newsletter-volume{font-size:.75rem}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper .newsletter-info-overlay .newsletter-meta .newsletter-date{font-size:.7rem}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .newsletter-thumbnail .newsletter-image-wrapper .newsletter-info-overlay .pdf-badge{padding:.2rem .4rem;font-size:.7rem}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .pdf-thumbnail .pdf-icon-container{padding:1.5rem}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container .pdf-thumbnail .pdf-icon-container .pdf-overlay-text .pdf-title{font-size:1rem;max-width:150px}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .content{padding:1.5rem !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .content .header{font-size:1.2rem !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .content .meta{gap:1rem;margin-bottom:1rem !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions{flex-direction:row}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button{padding:1rem 1.2rem !important;font-size:.9rem !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button.view-pdf-btn{border-bottom-left-radius:20px !important;border-bottom-right-radius:0 !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content .newsletter-actions .ui.button.download-pdf-btn{border-bottom-right-radius:20px !important;border-bottom-left-radius:0 !important}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-preview-info{padding:1rem}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-preview-info .pdf-actions-inline{flex-direction:column;gap:.75rem}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-embed-container .pdf-iframe{height:300px}}@media(max-width: 480px){.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .newsletter-image-container{height:200px}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .content{padding:1rem !important}.newsletter-page .newsletter-content .newsletter-grid .newsletter-card .extra.content{padding:1rem !important}.newsletter-modal.pdf-modal .content .pdf-preview-container .pdf-embed-container .pdf-iframe{height:250px}}
.about-page{min-height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.about-page .about-hero{padding:30px 0;background:linear-gradient(135deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 100%);color:#fff;position:relative;overflow:hidden}.about-page .about-hero__content{position:relative;z-index:2}.about-page .about-hero__back{margin-bottom:20px}.about-page .about-hero__back .back-button{background:hsla(0,0%,100%,.2) !important;border:2px solid hsla(0,0%,100%,.3) !important;color:#fff !important;font-weight:500;transition:all .3s ease}.about-page .about-hero__back .back-button:hover{background:hsla(0,0%,100%,.3) !important;border-color:hsla(0,0%,100%,.5) !important;transform:translateY(-2px)}.about-page .about-hero__main{text-align:center;animation:fadeInUp .8s ease-out}.about-page .about-hero__title{font-size:2.8rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media(max-width: 768px){.about-page .about-hero__title{font-size:2.2rem}}.about-page .about-hero__subtitle{font-size:1.2rem;font-weight:300;margin-bottom:15px;opacity:.9}.about-page .about-hero__tagline{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.1rem;font-style:italic;opacity:.8}.about-page .about-hero__tagline .icon{color:gold;animation:sparkle 2s ease-in-out infinite}.about-page .about-content{padding:60px 0;background:#f8f9fa}.about-page .about-content__wrapper{max-width:1000px;margin:0 auto}.about-page .about-section{margin-bottom:50px;padding:35px;background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.about-page .about-section:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.about-page .about-section__header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid #667eea}.about-page .about-section__header .section-icon{font-size:1.8rem !important;color:#667eea}.about-page .about-section__header h2{font-size:2rem;font-weight:600;color:#2c3e50;margin:0}.about-page .about-section__content p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:20px}.about-page .about-section__content p:last-child{margin-bottom:0}.about-page .mission-pillars{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:25px;margin-top:25px}.about-page .pillar-card{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding:25px;border-radius:12px;text-align:center;border:2px solid rgba(0,0,0,0);transition:all .3s ease;position:relative;overflow:hidden}.about-page .pillar-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.1), transparent);transition:left .5s ease}.about-page .pillar-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 15px 30px rgba(102,126,234,.2)}.about-page .pillar-card:hover::before{left:100%}.about-page .pillar-card:hover .pillar-card__icon .icon{transform:scale(1.1);color:#667eea}.about-page .pillar-card__icon{margin-bottom:15px}.about-page .pillar-card__icon .icon{font-size:2.5rem !important;color:#764ba2;transition:all .3s ease}.about-page .pillar-card h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:12px}.about-page .pillar-card p{font-size:1rem;line-height:1.6;color:#666;margin:0}.about-page .about-closing{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border:none}.about-page .about-closing__content{text-align:center}.about-page .about-closing .closing-quote{position:relative;padding:20px}.about-page .about-closing .closing-quote .icon{font-size:2.5rem !important;opacity:.3;margin-bottom:15px}.about-page .about-closing .closing-quote p{font-size:1.2rem !important;line-height:1.8;font-style:italic;margin-bottom:20px;color:#fff !important}.about-page .about-closing .closing-quote .closing-signature{font-size:1.1rem}.about-page .about-closing .closing-quote .closing-signature strong{color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.about-page .about-cta{background:linear-gradient(135deg, #2c3e50 0%, #34495e 100%);color:#fff;padding:40px 35px;border-radius:15px;text-align:center;margin-top:30px}.about-page .about-cta__content h3{font-size:1.8rem;font-weight:600;margin-bottom:12px}.about-page .about-cta__content p{font-size:1.1rem;margin-bottom:25px;opacity:.9}.about-page .about-cta__content .find-campus-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border:none !important;font-size:1.1rem;font-weight:600;padding:15px 30px !important;border-radius:30px;transition:all .3s ease}.about-page .about-cta__content .find-campus-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.3)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}@media(max-width: 768px){.about-page .about-hero{padding:25px 0}.about-page .about-hero__title{font-size:2.2rem}.about-page .about-hero__subtitle{font-size:1.1rem}.about-page .about-hero__tagline{font-size:1rem}.about-page .about-content{padding:30px 0}.about-page .about-content__wrapper{padding:0 15px}.about-page .about-section{margin-bottom:30px;padding:20px}.about-page .about-section__header{flex-direction:column;text-align:center;gap:8px}.about-page .about-section__header h2{font-size:1.6rem}.about-page .about-section__content p{font-size:1rem}.about-page .mission-pillars{grid-template-columns:1fr;gap:15px}.about-page .pillar-card{padding:20px}.about-page .pillar-card__icon .icon{font-size:2.2rem !important}.about-page .about-cta{padding:30px 20px}.about-page .about-cta__content h3{font-size:1.5rem}.about-page .about-cta__content p{font-size:1rem}}@media(max-width: 480px){.about-page .about-hero__title{font-size:1.9rem}.about-page .about-section{padding:18px}.about-page .about-section__header h2{font-size:1.4rem}.about-page .mission-pillars{gap:12px}.about-page .pillar-card{padding:18px}}
.mobile-navigation{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:420px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.4);display:flex;justify-content:space-between;align-items:center;padding:12px 24px;box-shadow:0 4px 12px rgba(0,0,0,.05);border-radius:28px;z-index:1000}.mobile-navigation a{flex:1;display:flex;flex-direction:column;align-items:center;color:#6b7280;text-decoration:none;transition:color .2s ease}.mobile-navigation a.active{color:#2563eb}.mobile-navigation .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.active .mobile-navigation .nav-item::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:24px;height:3px;background:#2563eb;border-radius:1.5px}.mobile-navigation .nav-item span{font-size:12px}@media(min-width: 768px){.mobile-navigation{display:none}}
.app{height:100%}
*{padding:0;margin:0;box-sizing:border-box;font-family:"Montserrat",sans-serif}h1,h2,h3,h4,h5,h6{display:inline-block}#app{min-height:100vh;height:100%}.ui.grid{height:100%}.ui.grid .row{width:100%}.ui.form .field{margin:0}
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-widest: 0.1em;
    --leading-relaxed: 1.625;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container\/card-header {
    container-type: inline-size;
    container-name: card-header;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-\[1px\] {
    top: 1px;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[60\%\] {
    top: 60%;
  }
  .top-full {
    top: 100%;
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .isolate {
    isolation: isolate;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height);
  }
  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }
  .h-px {
    height: 1px;
  }
  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-\[80px\] {
    min-height: 80px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-\[140px\] {
    max-width: 140px;
  }
  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }
  .max-w-max {
    max-width: max-content;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }
  .list-none {
    list-style-type: none;
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-\[0_1fr\] {
    grid-template-columns: 0 1fr;
  }
  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-items-start {
    justify-items: start;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-3 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .self-start {
    align-self: flex-start;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-purple-600 {
    border-color: var(--color-purple-600);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: var(--color-white);
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/95 {
    background-color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-amber-500 {
    --tw-gradient-from: var(--color-amber-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-green-500 {
    --tw-gradient-from: var(--color-green-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-orange-500 {
    --tw-gradient-from: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-500 {
    --tw-gradient-from: var(--color-purple-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-purple-600 {
    --tw-gradient-from: var(--color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-50 {
    --tw-gradient-from: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-slate-600 {
    --tw-gradient-from: var(--color-slate-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-600 {
    --tw-gradient-to: var(--color-blue-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-600 {
    --tw-gradient-to: var(--color-cyan-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-emerald-600 {
    --tw-gradient-to: var(--color-emerald-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-500 {
    --tw-gradient-to: var(--color-indigo-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-indigo-600 {
    --tw-gradient-to: var(--color-indigo-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-orange-500 {
    --tw-gradient-to: var(--color-orange-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-purple-600 {
    --tw-gradient-to: var(--color-purple-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-red-500 {
    --tw-gradient-to: var(--color-red-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-100 {
    --tw-gradient-to: var(--color-slate-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-700 {
    --tw-gradient-to: var(--color-slate-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .fill-current {
    fill: currentcolor;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-purple-600 {
    color: var(--color-purple-600);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    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,);
  }
  .blur-sm {
    --tw-blur: blur(var(--blur-sm));
    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,);
  }
  .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,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,box-shadow\] {
    transition-property: color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .delay-1 {
    transition-delay: 1ms;
  }
  .delay-2 {
    transition-delay: 2ms;
  }
  .delay-3 {
    transition-delay: 3ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .group-data-\[disabled\=true\]\:pointer-events-none {
    &:is(:where(.group)[data-disabled="true"] *) {
      pointer-events: none;
    }
  }
  .group-data-\[disabled\=true\]\:opacity-50 {
    &:is(:where(.group)[data-disabled="true"] *) {
      opacity: 50%;
    }
  }
  .group-data-\[state\=open\]\:rotate-180 {
    &:is(:where(.group)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      top: 100%;
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      margin-top: calc(var(--spacing) * 1.5);
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      overflow: hidden;
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      border-radius: var(--radius-md);
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:border {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --tw-duration: 200ms;
      transition-duration: 200ms;
    }
  }
  .peer-disabled\:cursor-not-allowed {
    &:is(:where(.peer):disabled ~ *) {
      cursor: not-allowed;
    }
  }
  .peer-disabled\:opacity-50 {
    &:is(:where(.peer):disabled ~ *) {
      opacity: 50%;
    }
  }
  .file\:inline-flex {
    &::file-selector-button {
      display: inline-flex;
    }
  }
  .file\:h-7 {
    &::file-selector-button {
      height: calc(var(--spacing) * 7);
    }
  }
  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .file\:bg-transparent {
    &::file-selector-button {
      background-color: transparent;
    }
  }
  .file\:text-sm {
    &::file-selector-button {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .file\:font-medium {
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .hover\:border-red-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-300);
      }
    }
  }
  .hover\:bg-purple-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple-100);
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:from-purple-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-from: var(--color-purple-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:to-indigo-700 {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: var(--color-indigo-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:text-red-600 {
    &:focus {
      color: var(--color-red-600);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-\[3px\] {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:outline-1 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
    &:has(*[data-slot="card-action"]) {
      grid-template-columns: 1fr auto;
    }
  }
  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
    &:has(>svg) {
      grid-template-columns: calc(var(--spacing) * 4) 1fr;
    }
  }
  .has-\[\>svg\]\:gap-x-3 {
    &:has(>svg) {
      column-gap: calc(var(--spacing) * 3);
    }
  }
  .has-\[\>svg\]\:px-2\.5 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  .has-\[\>svg\]\:px-3 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .has-\[\>svg\]\:px-4 {
    &:has(>svg) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .data-\[disabled\]\:pointer-events-none {
    &[data-disabled] {
      pointer-events: none;
    }
  }
  .data-\[disabled\]\:opacity-50 {
    &[data-disabled] {
      opacity: 50%;
    }
  }
  .data-\[side\=bottom\]\:translate-y-1 {
    &[data-side="bottom"] {
      --tw-translate-y: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=left\]\:-translate-x-1 {
    &[data-side="left"] {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=right\]\:translate-x-1 {
    &[data-side="right"] {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=top\]\:-translate-y-1 {
    &[data-side="top"] {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[size\=default\]\:h-9 {
    &[data-size="default"] {
      height: calc(var(--spacing) * 9);
    }
  }
  .data-\[size\=sm\]\:h-8 {
    &[data-size="sm"] {
      height: calc(var(--spacing) * 8);
    }
  }
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
    :is(& *) {
      &[data-slot="navigation-menu-link"] {
        &:focus {
          --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none {
    :is(& *) {
      &[data-slot="navigation-menu-link"] {
        &:focus {
          --tw-outline-style: none;
          outline-style: none;
        }
      }
    }
  }
  .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
    :is(& > *) {
      &[data-slot="select-value"] {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
      }
    }
  }
  .\*\:data-\[slot\=select-value\]\:flex {
    :is(& > *) {
      &[data-slot="select-value"] {
        display: flex;
      }
    }
  }
  .\*\:data-\[slot\=select-value\]\:items-center {
    :is(& > *) {
      &[data-slot="select-value"] {
        align-items: center;
      }
    }
  }
  .\*\:data-\[slot\=select-value\]\:gap-2 {
    :is(& > *) {
      &[data-slot="select-value"] {
        gap: calc(var(--spacing) * 2);
      }
    }
  }
  .data-\[state\=active\]\:shadow-sm {
    &[data-state="active"] {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .sm\:max-w-lg {
    @media (width >= 40rem) {
      max-width: var(--container-lg);
    }
  }
  .sm\:max-w-md {
    @media (width >= 40rem) {
      max-width: var(--container-md);
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:text-left {
    @media (width >= 40rem) {
      text-align: left;
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute;
    }
  }
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
    @media (width >= 48rem) {
      width: var(--radix-navigation-menu-viewport-width);
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .\[\&_p\]\:leading-relaxed {
    & p {
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
    }
  }
  .\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none;
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_tr\]\:border-b {
    & tr {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&_tr\:last-child\]\:border-0 {
    & tr:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
    &:has([role=checkbox]) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .\[\.border-b\]\:pb-6 {
    &:is(.border-b) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .\[\.border-t\]\:pt-6 {
    &:is(.border-t) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .\*\:\[span\]\:last\:flex {
    :is(& > *) {
      &:is(span) {
        &:last-child {
          display: flex;
        }
      }
    }
  }
  .\*\:\[span\]\:last\:items-center {
    :is(& > *) {
      &:is(span) {
        &:last-child {
          align-items: center;
        }
      }
    }
  }
  .\*\:\[span\]\:last\:gap-2 {
    :is(& > *) {
      &:is(span) {
        &:last-child {
          gap: calc(var(--spacing) * 2);
        }
      }
    }
  }
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
    &>[role=checkbox] {
      --tw-translate-y: 2px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&\>svg\]\:pointer-events-none {
    &>svg {
      pointer-events: none;
    }
  }
  .\[\&\>svg\]\:size-3 {
    &>svg {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>svg\]\:size-4 {
    &>svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>svg\]\:translate-y-0\.5 {
    &>svg {
      --tw-translate-y: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .\[\&\>svg\]\:text-current {
    &>svg {
      color: currentcolor;
    }
  }
  .\[\&\>tr\]\:last\:border-b-0 {
    &>tr {
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
}
@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;
    --primary: 222.2 47.4% 11.2%;
    --primary-foreground: 210 40% 98%;
    --secondary: 210 40% 96%;
    --secondary-foreground: 222.2 84% 4.9%;
    --muted: 210 40% 96%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --accent: 210 40% 96%;
    --accent-foreground: 222.2 84% 4.9%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 222.2 84% 4.9%;
    --radius: 0.5rem;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
  }
  .dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    --primary: 210 40% 98%;
    --primary-foreground: 222.2 47.4% 11.2%;
    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 212.7 26.8% 83.9%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@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;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --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;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}