@tailwind base;@tailwind components;@tailwind utilities;:root{--navbar-button-bg:#e6c56a;--navbar-button-bg-hover:#d6b04c;--navbar-button-text:#1f1f1f;--navbar-button-border:#c8a63e}.btn,.adm-btn,button:not(.btn-close):not(.accordion-button):not(.mobile-nav-toggle){background-color:var(--navbar-button-bg)!important;color:var(--navbar-button-text)!important;border-color:var(--navbar-button-border)!important}.btn:hover,.btn:focus,.adm-btn:hover,.adm-btn:focus,button:not(.btn-close):not(.accordion-button):not(.mobile-nav-toggle):hover,button:not(.btn-close):not(.accordion-button):not(.mobile-nav-toggle):focus{background-color:var(--navbar-button-bg-hover)!important;color:var(--navbar-button-text)!important;border-color:var(--navbar-button-border)!important}.btn:disabled,.adm-btn:disabled,button:not(.btn-close):not(.accordion-button):not(.mobile-nav-toggle):disabled{background-color:var(--navbar-button-bg)!important;color:#1f1f1fb3!important;border-color:var(--navbar-button-border)!important}@layer components{@apply relative h-screen w-full overflow-hidden;@apply h-full;@apply w-full h-screen flex items-center justify-center;@apply w-full h-full object-cover transition-transform duration-1000;@apply scale-105;@apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center text-white z-30 w-4/5 max-w-6xl;@apply text-6xl font-extrabold mb-5 md:text-5xl lg:text-6xl;@apply text-2xl leading-relaxed font-normal md:text-xl;@apply text-white z-50;@apply bg-white opacity-70;@apply bg-blue-500 opacity-100;@apply bg-wall-yellow p-2 sticky top-0 z-50 shadow-md;@apply text-lg font-extrabold tracking-wide uppercase leading-tight text-white;@apply w-16 h-auto rounded;@apply flex items-center gap-1;@apply px-4 py-2 text-lg font-semibold transition-colors;@apply text-black font-bold;@apply px-6 py-2.5 rounded-full font-semibold border-2 border-black text-black bg-white min-w-[90px] min-h-[45px] flex items-center justify-center;@apply bg-wall-yellow py-6 text-black text-sm;@apply flex justify-between gap-10 px-20 py-4;@apply text-lg font-bold mb-2;@apply flex gap-3 mt-2;@apply w-10 h-10 rounded-full bg-white border-2 border-black flex items-center justify-center text-lg hover:bg-black hover:text-white transition-all duration-300 hover:scale-110;}.heroSwiper{height:100%}.heroSwiper .swiper-slide{width:100%;height:100vh}.hero-center{text-align:center;color:#fff;z-index:3;width:80%;max-width:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-center h2{margin-bottom:20px;font-size:3rem;font-weight:800}.hero-center h3{font-size:1.5rem;font-weight:400;line-height:1.8}.swiper-button-next,.swiper-button-prev{color:#fff;z-index:5}.swiper-pagination-bullet{opacity:.7;background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#0d6efd}.heroSwiper .swiper-wrapper{display:flex;height:100%!important}.heroSwiper .swiper-slide{justify-content:center;align-items:center;width:100%;display:flex;height:100vh!important}.hero-img{object-fit:cover;width:100%;height:100vh;transition:transform 1s}.heroSwiper .swiper-slide-active .hero-img{transform:scale(1.04)}.adm-layout{background:#f5f7fb;min-height:100vh;display:flex}.adm-sidebar{color:#1f1f1f;background:#e6c56a;border-right:2px solid #1f1f1f2e;flex-direction:column;width:290px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.adm-brand{border-bottom:1px solid #1f1f1f2e;align-items:center;gap:.65rem;padding:.8rem .9rem;display:flex}.adm-brand-logo{object-fit:cover;border:2px solid #ffffffb3;border-radius:.4rem;width:45px;height:45px}.adm-brand h2{margin:0;font-size:1.08rem;font-weight:800}.adm-brand p{opacity:.82;margin:.2rem 0 0;font-size:.82rem}.adm-nav{flex-direction:column;flex:1;gap:.3rem;padding:.55rem;display:flex;overflow:hidden}.adm-nav-item{color:#222;text-align:left;background:0 0;border:1px solid #0000;border-radius:.62rem;align-items:center;gap:.55rem;min-height:35px;padding:.5rem .62rem;font-size:.84rem;font-weight:700;display:flex}.adm-nav-item i{width:16px}.adm-nav-item:hover,.adm-nav-item.active{background:#ffffffe6;border-color:#1f1f1f26}.adm-main{flex-direction:column;flex:1;height:100vh;padding:1rem;display:flex;overflow:hidden}.adm-content-scroll{flex:1;overflow:hidden auto}.adm-main-head{background:#fff;border:1px solid #e5e7eb;border-radius:.85rem;flex-shrink:0;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.8rem;padding:.7rem .85rem;display:flex}.adm-main-head h1{margin:0;font-size:1.15rem;font-weight:800}.adm-head-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.adm-user-chip{background:#fafafa;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:.45rem;padding:.22rem .5rem .22rem .24rem;display:flex}.adm-user-chip img{object-fit:cover;border-radius:50%;width:30px;height:30px}.adm-user-chip strong{font-size:.8rem;line-height:1.1;display:block}.adm-user-chip p{color:#6b7280;margin:0;font-size:.72rem}.adm-panel,.adm-overview{background:#fff;border:1px solid #e5e7eb;border-radius:.85rem;padding:.85rem}.adm-panel-head h3{margin:0;font-size:1rem}.adm-panel-head p{color:#6b7280;margin:.22rem 0 0;font-size:.82rem}.adm-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.55rem;display:grid}.adm-stat-card{border:1px solid #e5e7eb;border-left:4px solid #e6c56a;border-radius:.62rem;padding:.65rem}.adm-stat-card p{color:#6b7280;margin:0;font-size:.84rem;font-weight:700}.adm-stat-card h3{margin:.28rem 0 0;font-size:1.35rem}.adm-upload-inline{background:#fafafa;border:1px dashed #d1d5db;border-radius:.6rem;margin-top:.7rem;padding:.55rem}.adm-upload-head{color:#4b5563;margin-bottom:.4rem;font-size:.8rem;font-weight:700}.adm-upload-row{grid-template-columns:minmax(130px,220px) 1fr;align-items:center;gap:.5rem;display:grid}.adm-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.8rem;display:grid}.adm-field{flex-direction:column;gap:.28rem;font-size:.82rem;font-weight:700;display:flex}.adm-field input,.adm-field textarea,.adm-upload-row select,.adm-upload-row input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem .55rem;font-size:.86rem;font-weight:500}.adm-field textarea{resize:vertical;min-height:82px}.adm-field-wide{grid-column:1/-1}.adm-form-actions{flex-wrap:wrap;grid-column:1/-1;gap:.45rem;display:flex}.adm-btn{color:#fff;background:#0f172a;border:1px solid #0000;border-radius:.48rem;padding:.45rem .66rem;font-size:.8rem;font-weight:700}.adm-btn:disabled{opacity:.7}.adm-btn-light{color:#111827;background:#fff;border-color:#d1d5db}.adm-btn-warning{background:#f59e0b}.adm-btn-danger{background:#b91c1c}.adm-table-wrap{margin-top:.7rem;overflow-x:auto}.adm-table{border-collapse:collapse;width:100%;min-width:740px}.adm-table th,.adm-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:.46rem;font-size:.81rem}.adm-table th{text-transform:uppercase;letter-spacing:.02em;color:#4b5563;font-size:.72rem}.adm-actions{flex-wrap:wrap;gap:.36rem;display:flex}.adm-empty{text-align:center;color:#6b7280}.adm-status{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.54rem;margin-top:.65rem;padding:.45rem .58rem;font-size:.84rem;font-weight:600}.adm-profile-grid{grid-template-columns:1.25fr 1fr;gap:.75rem;margin-top:.75rem;display:grid}.adm-security-col{flex-direction:column;gap:.75rem;display:flex}.adm-security-card{background:#fcfcfc;border:1px solid #e5e7eb;border-radius:.7rem;padding:.7rem}.adm-security-card h4{margin:0 0 .5rem}.adm-security-card p{margin:.36rem 0;font-size:.85rem}.adm-avatar{object-fit:cover;border:3px solid #e6c56a;border-radius:50%;width:82px;height:82px;margin-top:.38rem}.adm-compact-footer{color:#1f2937;background:#e6c56a;border:1px solid #1f1f1f1f;border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;min-height:34px;margin-top:.8rem;padding:.28rem .6rem;font-size:.74rem;font-weight:700;display:flex}.adm-compact-footer img{object-fit:cover;border-radius:50%;width:19px;height:19px}@media (width<=1150px){.adm-sidebar{width:96px;height:100vh;position:sticky}.adm-nav{max-height:none;overflow:auto}.adm-brand{justify-content:center}.adm-brand>div{display:none}.adm-nav-item{flex-direction:column;justify-content:center;gap:.35rem;min-height:60px;padding:.55rem .5rem}.adm-nav-item span{opacity:.9;text-align:center;white-space:normal;word-break:normal;overflow-wrap:break-word;max-width:5.2rem;font-size:.64rem;font-weight:800;line-height:1.1;display:block}.adm-nav-item i{width:auto;font-size:1.05rem}.adm-profile-grid{grid-template-columns:1fr}}@media (width<=860px){.adm-sidebar{width:84px}.adm-main-head{flex-direction:column;align-items:flex-start}.adm-head-right{justify-content:flex-start;width:100%}.adm-form,.adm-upload-row{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:hidden}img,video{max-width:100%;height:auto}iframe,embed,object{max-width:100%}.main table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.main *{min-width:0}.hero-center{width:min(92%,900px)}.hero-center h2{font-size:clamp(1.8rem,5.5vw,3rem);line-height:1.2}.hero-center h3{font-size:clamp(1rem,3.3vw,1.5rem);line-height:1.5}.footer-content{flex-wrap:wrap;gap:1.25rem;padding:1rem 1.5rem}.footer-section{flex:240px;min-width:0}@media (width<=1200px){.footer-content{gap:1rem;padding:1rem}}@media (width<=992px){.header .container-fluid{gap:.6rem}.sitename{letter-spacing:.01em;font-size:.95rem;line-height:1.25}.school-logo{width:52px}.hero-section,.heroSwiper .swiper-slide,.heroSwiper .swiper-slide .hero-img{min-height:78vh}.footer{padding-top:1rem;padding-bottom:1rem}}@media (width<=768px){.header{padding:.35rem .55rem}.header .logo{gap:.45rem!important}.sitename{font-size:.8rem}.school-logo{width:44px}.hero-center{width:94%}.hero-center h2{margin-bottom:.6rem}.hero-center h3{margin-bottom:0}.footer-content{grid-template-columns:1fr;gap:.8rem;padding:.8rem;display:grid}.footer-section h4{margin-bottom:.35rem;font-size:1rem}.footer-bottom{text-align:center;padding:0 .65rem;font-size:.78rem}}@media (width<=480px){.hero-section,.heroSwiper .swiper-slide,.heroSwiper .swiper-slide .hero-img{min-height:68vh}.hero-center h2{font-size:1.45rem}.hero-center h3{font-size:.92rem}.social-icons a{width:34px;height:34px;font-size:.9rem}.adm-sidebar{border-right:0;width:76px}.adm-main{padding:.6rem}.adm-main-head{padding:.55rem}.adm-main-head h1{font-size:1rem}.adm-user-chip p{display:none}.adm-btn{padding:.4rem .56rem;font-size:.74rem}.adm-table{min-width:620px}.adm-compact-footer{padding:.25rem .4rem;font-size:.68rem}}:root{--ui-radius-sm:.5rem;--ui-radius-md:.8rem;--ui-radius-lg:1rem;--ui-shadow-sm:0 3px 10px #0f172a14;--ui-shadow-md:0 10px 24px #0f172a1f;--ui-border:1px solid #0f172a1f}html{scroll-behavior:smooth}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}.main section{scroll-margin-top:84px}.section-title h2,.section-title h1{letter-spacing:.2px;line-height:1.2}.section-title p{color:#64748b;max-width:68ch;margin-left:auto;margin-right:auto}i.bi,.bi{vertical-align:middle;line-height:1}.icon-box i,.why-box i,.member .social i,.social-icons i{font-size:1.1rem}.card,.member,.icon-box,.why-box,.adm-panel,.adm-overview{border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm)}.card:hover,.member:hover,.icon-box:hover{box-shadow:var(--ui-shadow-md);transition:box-shadow .2s,transform .2s;transform:translateY(-2px)}.btn,.adm-btn,button:not(.btn-close):not(.accordion-button):not(.mobile-nav-toggle){letter-spacing:.01em;min-height:38px;border-radius:var(--ui-radius-sm)!important;padding:.45rem .8rem!important;font-weight:700!important;transition:transform .14s,box-shadow .2s,background-color .2s!important}.btn:hover,.adm-btn:hover,button:not(.btn-close):not(.accordion-button):not(.mobile-nav-toggle):hover{transform:translateY(-1px);box-shadow:0 8px 16px #1f1f1f2e}.btn:active,.adm-btn:active,button:not(.btn-close):not(.accordion-button):not(.mobile-nav-toggle):active{transform:translateY(0)}input,select,textarea{border-radius:var(--ui-radius-sm)!important}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 .2rem #e6c56a38!important}table th{letter-spacing:.02em;font-weight:700}table td,table th{vertical-align:middle}.ui-page-shell .page-title .heading{padding:clamp(1.2rem,2.6vw,2.1rem) 0}.ui-page-shell .page-title h1{letter-spacing:.02em;font-weight:800}.ui-page-shell .page-title h4,.ui-page-shell .page-title p{opacity:.96;line-height:1.6}.ui-filter-bar{border:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm);background:#fff;padding:.65rem}.ui-filter-bar .form-control,.ui-filter-bar .form-select,.ui-filter-bar .input-group-text{border-color:#0f172a29!important}.ui-staff-card{border:var(--ui-border)!important}.ui-staff-card .badge{border-radius:999px}.ui-icon-actions .ui-icon-btn{color:#1f2937!important;background:#fff!important;border:1px solid #0f172a38!important}.ui-icon-actions .ui-icon-btn:hover{color:#0f172a!important;background:#f8fafc!important}.ui-stat-card{border:var(--ui-border)}.ui-stat-card .card-title{font-weight:700}.ui-stat-card .count{color:#1f2937;font-weight:800}.ui-program-tile{border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm);border:1px solid #1f1f1f1a;padding:1rem .8rem}.ui-program-tile h5{margin-bottom:.25rem;font-weight:800}.ui-program-tile p{margin-bottom:0}.ui-info-card{border:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm);background:#fff;padding:.85rem .95rem}.ui-info-card i{color:#1f2937;background:#e6c56a38;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:.7rem;display:inline-flex}.ui-form-card{border:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm);background:#fff;padding:1rem}