body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh;padding:2rem}code{background-color:#f4f4f4;border-radius:5px;color:#d63384;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:1rem;padding:.5rem 1rem}@media (max-width:1200px){body{font-size:18px;padding:1.5rem}}@media (max-width:768px){body{font-size:16px;padding:1rem}code{font-size:.9rem;padding:.3rem .8rem}}@media (max-width:480px){body{font-size:14px;padding:.8rem}code{font-size:.8rem;padding:.2rem .6rem}}:root{--primary:#1a5276;--primary-dark:#0e3a52;--primary-light:#2e86ab;--secondary:#27ae60;--secondary-light:#58d68d;--accent:#e74c3c;--text-dark:#2c3e50;--text-light:#5d6d7e;--background:#f8f9fa;--background-alt:#ecf0f1;--white:#fff;--border:#d6dbdf;--shadow:0 8px 30px #00000014;--shadow-hover:0 15px 40px #0000001f;--gradient-primary:linear-gradient(135deg,#1a5276,#2e86ab);--gradient-secondary:linear-gradient(135deg,#27ae60,#58d68d);--border-radius:12px;--border-radius-lg:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.about-container{background-color:#f8f9fa;background-color:var(--background);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;overflow-x:hidden}.about-container,h1,h2,h3,h4,h5,h6{color:#2c3e50;color:var(--text-dark)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:2rem}h3{font-size:clamp(1.5rem,3vw,1.8rem);margin-bottom:1rem}.hero-section{align-items:center;display:flex;height:85vh;justify-content:center;min-height:600px;overflow:hidden;position:relative}.hero-image{filter:brightness(.4) contrast(1.1);height:100%;object-fit:cover;position:absolute;transform:scale(1.05);transition:transform 10s ease;width:100%}.hero-section:hover .hero-image{transform:scale(1.1)}.hero-text{max-width:900px;padding:0 2rem;position:relative;text-align:center;z-index:2}.gradient-title{-webkit-text-fill-color:#0000;animation:titleReveal 1.2s ease-out;background:linear-gradient(135deg,#fff,#e0f7ff);-webkit-background-clip:text;background-clip:text;font-weight:800;margin-bottom:1.5rem;text-shadow:0 4px 20px #0000004d}.sub-text{animation:fadeInUp 1s ease-out .3s both;color:#ffffffe6;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:300;margin-bottom:2rem}.info-section{padding:6rem 12%;position:relative}.info-section h2{display:inline-block;position:relative}.info-section h2:after{background:linear-gradient(135deg,#1a5276,#2e86ab);background:var(--gradient-primary);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;transition:width .3s ease;width:60px}.info-section:hover h2:after{width:100px}.card-style{background:#fff;background:var(--white);border:1px solid #d6dbdf;border:1px solid var(--border);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow);overflow:hidden;padding:3rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card-style:before{background:linear-gradient(135deg,#1a5276,#2e86ab);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.card-style:hover{box-shadow:0 15px 40px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-8px)}.alt-bg{background:linear-gradient(135deg,#ecf0f1,#fff);background:linear-gradient(135deg,var(--background-alt) 0,var(--white) 100%);position:relative}.three-columns{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:4rem 12%}.column-card,.three-columns{background:#fff;background:var(--white)}.column-card{border:1px solid #d6dbdf;border:1px solid var(--border);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow);padding:2.5rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.column-card:before{background:linear-gradient(135deg,#27ae60,#58d68d);background:var(--gradient-secondary);border-radius:20px 20px 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.column-card:hover{box-shadow:0 15px 40px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-10px)}.column-card h3{color:#1a5276;color:var(--primary);font-size:1.4rem;margin-bottom:1rem}.column-card p{color:#5d6d7e;color:var(--text-light);font-size:1.1rem}.responsive-img{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;height:auto;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.responsive-img:hover{box-shadow:0 15px 40px #00000026;transform:scale(1.02)}.logo-border{background:#fff;background:var(--white);border:2px solid #1a5276;border:2px solid var(--primary);margin:2rem auto;max-width:300px;padding:1rem}.styled-list{list-style:none;padding:0}.styled-list li{border-bottom:1px solid #d6dbdf;border-bottom:1px solid var(--border);padding:1rem 0 1rem 2rem;position:relative}.styled-list li:before{color:#27ae60;color:var(--secondary);content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.styled-list li:last-child{border-bottom:none}.grid-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));list-style:none;margin:2rem 0;padding:0}.grid-list li{background:#fff;background:var(--white);border:1px solid #d6dbdf;border:1px solid var(--border);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000000d;color:#2c3e50;color:var(--text-dark);font-weight:500;padding:1rem 1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.grid-list li:hover{background:#1a5276;background:var(--primary);color:#fff;color:var(--white);transform:translateY(-3px)}.btn-link{align-items:center;background:linear-gradient(135deg,#1a5276,#2e86ab);background:var(--gradient-primary);border-radius:50px;box-shadow:0 4px 15px #1a52764d;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-link,.btn-link:hover{color:#fff;color:var(--white)}.btn-link:hover{box-shadow:0 8px 25px #1a527666;transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,#27ae60,#58d68d);background:var(--gradient-secondary);border-radius:50px;box-shadow:0 6px 20px #27ae604d;color:var(--white);cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1.2rem 2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary:hover{box-shadow:0 10px 30px #27ae6066;color:#fff;color:var(--white);transform:translateY(-3px)}.leadership-members{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.leadership-member{background:#fff;background:var(--white);border:1px solid #d6dbdf;border:1px solid var(--border);border-radius:20px;border-radius:var(--border-radius-lg);box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow);padding:2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.leadership-member:before{background:linear-gradient(135deg,#1a5276,#2e86ab);background:var(--gradient-primary);border-radius:20px 20px 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.leadership-member:hover{box-shadow:0 15px 40px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-8px)}.leadership-img{border:4px solid #2e86ab;border:4px solid var(--primary-light);border-radius:50%;box-shadow:0 8px 20px #00000026;height:120px;margin:0 auto 1.5rem;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:120px}.leadership-member:hover .leadership-img{border-color:#27ae60;border-color:var(--secondary);transform:scale(1.1)}.leadership-member p{color:#5d6d7e;color:var(--text-light);line-height:1.6}.leadership-member strong{color:#1a5276;color:var(--primary);font-size:1.1rem}.cta-section{background:linear-gradient(135deg,#0e3a52,#1a5276 50%,#2e86ab);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 50%,var(--primary-light) 100%);color:#fff;color:var(--white);overflow:hidden;padding:6rem 12%;position:relative;text-align:center}.cta-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath fill='rgba(255,255,255,0.05)' d='M0 1000 1000 0v1000z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cta-section h2{color:#fff;color:var(--white);margin-bottom:1.5rem;position:relative}.cta-section p{font-size:1.2rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9;position:relative}.footer{background:#2c3e50;background:var(--text-dark);color:#fff;color:var(--white);padding:3rem 2rem;position:relative;text-align:center}.footer-logo{filter:brightness(0) invert(1);height:60px;margin-bottom:1.5rem;opacity:.8}.footer p{margin-bottom:1rem;opacity:.8}.footer a{color:#fff;color:var(--white);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.footer a:hover{color:#58d68d;color:var(--secondary-light);text-decoration:underline}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .8s ease-out}.zoom-in{animation:zoomIn .6s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px){.cta-section,.info-section,.three-columns{padding:4rem 8%}}@media (max-width:768px){.hero-section{height:70vh;min-height:500px}.hero-text{padding:0 1rem}.cta-section,.info-section,.three-columns{padding:3rem 5%}.card-style{padding:2rem}.three-columns{gap:2rem;grid-template-columns:1fr}.grid-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.leadership-members{gap:2rem;grid-template-columns:1fr}.column-card,.leadership-member{padding:1.5rem}}@media (max-width:480px){.hero-section{height:60vh;min-height:400px}.info-section{padding:2rem 1rem}.grid-list{grid-template-columns:1fr}.btn-link,.btn-primary{justify-content:center;text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus-visible,button:focus-visible{border-radius:4px;outline:3px solid #27ae60;outline:3px solid var(--secondary);outline-offset:2px}@media (prefers-contrast:high){:root{--primary:navy;--secondary:green;--text-dark:#000;--border:#000}}.careers-container{background-color:#f4f6f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:3rem 2rem}.careers-header{background:url(/static/media/le.c5cf426c1c1afeae76bd.jpg) no-repeat 50%/cover;border-radius:8px;color:#001f54;font-size:3rem;margin-bottom:3rem;padding:2rem;text-align:center}.careers-section{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto 3rem;max-width:900px;padding:2rem}.careers-subheader{color:"#001f54";font-size:2rem;margin-bottom:1.5rem}.careers-list{list-style-type:none}.careers-list-item{background:#fdfdfd;border:1px solid #ddd;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.careers-list-item:hover{box-shadow:0 6px 12px #00000026;transform:scale(1.02)}.careers-link{color:"#001f54";display:inline-block;font-weight:700;margin-top:1rem;text-decoration:none;transition:color .3s ease}.careers-link:hover{color:#003d99}@media screen and (max-width:768px){.careers-container{padding:2rem 1rem}.careers-header{font-size:2.2rem;padding:1.5rem}.careers-section{padding:1.5rem}.careers-subheader{font-size:1.5rem}.careers-list-item{padding:1.2rem}.careers-link{font-size:.95rem}}@media screen and (max-width:480px){.careers-container{padding:1rem .5rem}.careers-header{background-position:50%;font-size:1.8rem;padding:1rem}.careers-section{padding:1rem}.careers-subheader{font-size:1.25rem}.careers-list-item{padding:1rem}.careers-link{font-size:.9rem;padding:.4rem .6rem}}.login-container{align-items:center;background:linear-gradient(#001f54cc,#003b8bd9),url(https://images.pexels.com/photos/48604/pexels-photo-48604.jpeg?auto=compress&cs=tinysrgb&w=1920);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-container:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCI+PHBhdGggZD0iTTMwIDEwYTIwIDIwIDAgMCAxIDIwIDIwIDIwIDIwIDAgMCAxLTQwIDAgMjAgMjAgMCAwIDEgMjAtMjB6IiBmaWxsPSJub25lIiBzdHJva2U9InJnYmEoMjU1LDI1NSwyNTUsMC4wNSkiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);background-size:60px 60px;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.login-card{animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border-radius:16px;box-shadow:none;max-width:400px;padding:45px 35px;position:relative;text-align:center;transition:all .3s ease;width:100%;z-index:1}.login-card,.login-card:hover{background:#0000;border:2px solid #000}.login-card:hover{transform:translateY(-5px)}.login-title{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:30px;padding-bottom:15px;position:relative;text-shadow:0 2px 4px #0000004d}.login-title:after{background:linear-gradient(90deg,#4cc9f0,#4361ee);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.login-form{display:flex;flex-direction:column;gap:20px}.login-input{background:#0000;border:2px solid #ffffff4d;border-radius:10px;box-sizing:border-box;color:#fff;font-size:1rem;padding:14px 18px;transition:all .3s ease;width:100%}.login-input:focus{background:#0003;border-color:#4cc9f0;box-shadow:0 0 0 4px #4cc9f026;outline:none}.login-input::placeholder{color:#ffffffb3;font-size:.95rem;font-weight:300}.login-button{background:linear-gradient(135deg,#4cc9f0,#4361ee);border:none;border-radius:10px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-top:10px;overflow:hidden;padding:14px 0;position:relative;transition:all .3s ease;width:100%}.login-button:hover{background:linear-gradient(135deg,#5ad0f5,#5274ff);box-shadow:0 8px 25px #0006;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.login-button:focus:not(:active):after{animation:ripple 1s ease-out}.login-message{background:#0000;border-left:4px solid #ff6b6b;border-radius:8px;color:#ff6b6b;font-size:.95rem;font-weight:600;margin-top:20px;padding:12px;text-align:left;text-shadow:0 1px 2px #00000080}.login-message.success{background:#0000;border-left-color:#51cf66;color:#51cf66}.login-footer{color:#fffc;font-size:.9rem;margin-top:20px;text-shadow:0 1px 2px #00000080}.login-footer a{color:#4cc9f0;text-decoration:none;transition:color .3s ease}.login-footer a:hover{color:#74e0ff;text-decoration:underline}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}20%{opacity:1;transform:scale(25)}to{opacity:0;transform:scale(40)}}@media (max-width:480px){.login-card{padding:35px 25px}.login-title{font-size:1.8rem}.login-input{padding:12px 15px}}:root{--primary:#0f2b4b;--primary-light:#1e3a5f;--primary-dark:#0a1e33;--primary-rgb:15,43,75;--accent:#2b6c94;--accent-light:#3d8ab8;--accent-dark:#1e4e6f;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-body:#f3f4f6;--bg-sidebar:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);--bg-card:#fff;--bg-hover:#f9fafb;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--sidebar-width:280px;--sidebar-collapsed-width:80px;--navbar-height:70px;--container-max-width:1600px;--table-min-width:800px;--table-max-height:500px;--table-mobile-max-height:400px;--table-row-height:52px;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-inner:inset 0 2px 4px 0 #0000000d;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--z-sidebar:40;--z-modal:50;--z-notification:60;--z-table-header:10;--z-table-sticky:5;--z-mobile-menu-toggle:45;--z-mobile-overlay:35;--touch-target-min:44px}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;height:100%}body{background:#f3f4f6;background:var(--bg-body);color:#374151;color:var(--gray-700);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);height:100vh;line-height:1.5;margin:0;overflow:hidden;padding:0}body.admin-mode .navbar,body.admin-mode nav:not(.sidebar-nav){display:none!important}#root{display:flex;flex-direction:column;height:100vh}.main-content{margin-top:0}.dashboard-container{background:#f3f4f6;background:var(--bg-body);display:flex;height:calc(100vh - 70px);height:calc(100vh - var(--navbar-height));margin-top:0;overflow:hidden;position:relative;width:100%}.mobile-menu-toggle{background:#0f2b4b;background:var(--primary);border:none;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:none;height:48px;left:.75rem;left:var(--space-3);padding:0;position:fixed;top:calc(70px + .5rem);top:calc(var(--navbar-height) + var(--space-2));transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:48px;z-index:45;z-index:var(--z-mobile-menu-toggle)}.mobile-menu-toggle:hover{background:#1e3a5f;background:var(--primary-light);transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.hamburger-icon{align-items:center;display:flex;flex-direction:column;gap:6px;height:100%;justify-content:center;width:100%}.hamburger-line{background:#fff;border-radius:2px;height:2px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:24px}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{animation:fadeIn .15s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:35;z-index:var(--z-mobile-overlay)}.sidebar{background:linear-gradient(180deg,#0f2b4b,#0a1e33);background:var(--bg-sidebar);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);color:#fff;display:flex;flex-direction:column;height:calc(100vh - 70px);height:calc(100vh - var(--navbar-height));left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:70px;top:var(--navbar-height);transition:width .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base),transform var(--transition-base);width:280px;width:var(--sidebar-width);z-index:40;z-index:var(--z-sidebar)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:.375rem;border-radius:var(--border-radius-sm)}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar.collapsed{width:80px;width:var(--sidebar-collapsed-width)}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4)}.logo-container{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);min-width:0}.sidebar-logo{flex-shrink:0;height:36px;object-fit:contain;width:36px}.logo-text{color:gold;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;opacity:1;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);white-space:nowrap}.sidebar.collapsed .logo-text{opacity:0;width:0}.sidebar-toggle{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:.5rem;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.sidebar-toggle:hover{background:#fff3;transform:scale(1.05)}.sidebar-toggle:active{transform:scale(.95)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:1rem .5rem;padding:var(--space-4) var(--space-2)}.nav-item{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--border-radius-md);color:#ffffffb3;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;gap:var(--space-3);min-height:44px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:relative;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap;width:100%}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item:active{transform:scale(.98)}.nav-item.active{background:#ffffff26;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff}.nav-item.active:before{background:#2b6c94;background:var(--accent);border-radius:0 .375rem .375rem 0;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;content:"";height:50%;left:0;position:absolute;top:25%;width:3px}.nav-icon{align-items:center;display:flex;font-size:1.25rem;justify-content:center;min-width:24px}.nav-label{flex:1 1}.nav-badge{background:#2b6c94;background:var(--accent);border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;font-size:.7rem;font-weight:600;margin-left:auto;padding:2px 8px}.sidebar-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:1rem .5rem;padding:var(--space-4) var(--space-2)}.main-content{-webkit-overflow-scrolling:touch;background:#f3f4f6;background:var(--bg-body);flex:1 1;height:calc(100vh - 70px);height:calc(100vh - var(--navbar-height));margin-left:280px;margin-left:var(--sidebar-width);overflow-y:auto;position:relative;transition:margin-left .25s cubic-bezier(.4,0,.2,1);transition:margin-left var(--transition-base)}.sidebar.collapsed+.main-content{margin-left:80px;margin-left:var(--sidebar-collapsed-width)}.content-container{display:flex;flex-direction:column;margin:0 auto;max-width:1600px;max-width:var(--container-max-width);min-height:100%;padding:1.5rem 2rem 3rem;padding:var(--space-6) var(--space-8) var(--space-12) var(--space-8)}.content-header{align-items:center;background:#0000;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:0;position:relative;z-index:10}.page-title{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;padding-bottom:.5rem;padding-bottom:var(--space-2);position:relative}.page-title:after{background:linear-gradient(90deg,#2b6c94,#3d8ab8);background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:.375rem;border-radius:var(--border-radius-sm);bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.global-search-wrapper{flex:0 1 auto;min-width:350px}.global-search-box{position:relative;width:100%}.global-search-icon{color:#9ca3af;color:var(--gray-400);font-size:1.1rem;left:1rem;left:var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.global-search-input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:22px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700);font-size:.95rem;height:44px;padding:0 2.5rem;padding:0 var(--space-10) 0 var(--space-10);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.global-search-input::placeholder{color:#9ca3af;color:var(--gray-400)}.global-search-input:hover{border-color:#d1d5db;border-color:var(--gray-300)}.global-search-input:focus{border-color:#2b6c94;border-color:var(--accent);box-shadow:0 0 0 4px #2b6c941a;outline:none}.global-search-clear{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:50%;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;position:absolute;right:.5rem;right:var(--space-2);top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:28px;z-index:1}.global-search-clear:hover{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700);transform:translateY(-50%) scale(1.1)}.global-search-clear:active{transform:translateY(-50%) scale(.95)}.stats-grid{grid-gap:1.25rem;grid-gap:var(--space-5);display:grid;gap:1.25rem;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-6)}.stat-card{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;display:flex;gap:1rem;gap:var(--space-4);overflow:hidden;padding:1.25rem;padding:var(--space-5);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.stat-card:before{background:linear-gradient(90deg,#2b6c94,#3d8ab8);background:linear-gradient(90deg,var(--accent),var(--accent-light));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.stat-card:hover{border-color:#3d8ab8;border-color:var(--accent-light);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-card:active{transform:translateY(-2px)}.stat-icon-wrapper{align-items:center;background:linear-gradient(135deg,#0f2b4b1a,#0f2b4b0d);background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));border-radius:.75rem;border-radius:var(--border-radius-lg);display:flex;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:56px}.stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.stat-content{flex:1 1}.stat-title{color:#6b7280;color:var(--gray-500);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--space-1);text-transform:uppercase}.stat-value{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700;line-height:1.2}.recent-activity{background:#fff;background:var(--bg-card);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:1.25rem;padding:var(--space-5)}.recent-title{color:#111827;color:var(--gray-900);font-size:1.2rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.recent-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.recent-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:.5rem;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.recent-item:hover{background:#fff;border-color:#3d8ab8;border-color:var(--accent-light);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateX(4px)}.recent-info{display:flex;flex-direction:column;gap:2px}.recent-name{color:#111827;color:var(--gray-900);font-size:.95rem;font-weight:600}.recent-email{color:#6b7280;color:var(--gray-500);font-size:.8rem}.content-section{background:#fff;background:var(--bg-card);border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:1.25rem;padding:var(--space-5);width:100%}.section-header{flex-wrap:wrap;gap:.75rem;gap:var(--space-3);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.section-header,.section-title{align-items:center;display:flex}.section-title{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600;gap:.5rem;gap:var(--space-2)}.record-count{background:#f3f4f6;background:var(--gray-100);border-radius:20px;color:#6b7280;color:var(--gray-500);font-size:.85rem;font-weight:500;padding:2px .5rem;padding:2px var(--space-2)}.desktop-only{display:block}.table-responsive{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);margin-bottom:1rem;margin-bottom:var(--space-4);overflow:hidden}.table-container,.table-responsive{border-radius:.75rem;border-radius:var(--border-radius-lg);position:relative;width:100%}.table-container{-webkit-overflow-scrolling:touch;max-height:500px;max-height:var(--table-max-height);overflow-x:auto;overflow-y:auto;scrollbar-color:#d1d5db #f3f4f6;scrollbar-color:var(--gray-300) var(--gray-100);scrollbar-width:thin}.table-container::-webkit-scrollbar{height:10px;width:10px}.table-container::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:0 0 .75rem 0;border-radius:0 0 var(--border-radius-lg) 0}.table-container::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:.375rem;border-radius:var(--border-radius-sm)}.table-container::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.table-container::-webkit-scrollbar-corner{background:#f3f4f6;background:var(--gray-100)}.dashboard-table{background:#fff;border-collapse:initial;border-spacing:0;font-size:.9rem;min-width:800px;min-width:var(--table-min-width);width:100%}.table-header{background:#f9fafb;background:var(--gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700);font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10;z-index:var(--z-table-header)}.table-row{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.table-row:hover{background:#f9fafb;background:var(--gray-50)}.table-cell{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:#374151;color:var(--gray-700);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);white-space:nowrap}.table-row:last-child .table-cell{border-bottom:none}.mobile-card-view{display:none}.mobile-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:.75rem;margin-bottom:var(--space-3);padding:1rem;padding:var(--space-4);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.mobile-card:hover{border-color:#3d8ab8;border-color:var(--accent-light);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.mobile-card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3);padding-bottom:.5rem;padding-bottom:var(--space-2)}.mobile-card-title{color:#111827;color:var(--gray-900);font-size:1.1rem;font-weight:600;margin:0}.mobile-card-body{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);margin-bottom:.75rem;margin-bottom:var(--space-3)}.mobile-card-row{border-bottom:1px dashed #f3f4f6;border-bottom:1px dashed var(--gray-100);display:flex;font-size:.9rem;padding:.25rem 0;padding:var(--space-1) 0}.mobile-card-row:last-child{border-bottom:none}.mobile-card-label{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;width:100px}.mobile-card-value{color:#1f2937;color:var(--gray-800);flex:1 1;word-break:break-word}.mobile-card-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin-top:.75rem;margin-top:var(--space-3);padding-top:.5rem;padding-top:var(--space-2)}.mobile-card-actions .btn{flex:1 1;font-size:.9rem;min-height:44px;min-width:calc(50% - .25rem);min-width:calc(50% - var(--space-1))}.status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;min-width:80px;padding:4px .5rem;padding:4px var(--space-2);text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.status-pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-approved{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-rejected{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--border-radius-md);color:#374151;color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;gap:var(--space-1);justify-content:center;line-height:1;min-height:36px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:0 0 0 4px #0f2b4b1a;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);outline:none}.btn-sm{border-radius:.375rem;border-radius:var(--border-radius-sm);font-size:.7rem;min-height:32px;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.btn-approve{background:#10b981;background:var(--success);border:none;color:#fff}.btn-approve:hover{background:#0ea271}.btn-edit{background:#f59e0b;background:var(--warning);border:none;color:#fff}.btn-edit:hover{background:#e68900}.btn-view{background:#3b82f6;background:var(--info);border:none;color:#fff}.btn-view:hover{background:#2563eb}.btn-download{background:#0f2b4b;background:var(--primary);border:none;color:#fff}.btn-download:hover{background:#1e3a5f;background:var(--primary-light)}.btn-export{background:#1f2937;background:var(--gray-800);border:none;color:#fff;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-export:hover{background:#111827;background:var(--gray-900)}.btn-primary{background:#0f2b4b;background:var(--primary);border:none;color:#fff;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-primary:hover{background:#1e3a5f;background:var(--primary-light)}.btn-secondary{background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--gray-200);color:#374151;color:var(--gray-700);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-secondary:hover{background:#e5e7eb;background:var(--gray-200)}.action-buttons{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.action-buttons .btn{min-height:32px;min-width:32px;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.search-results{display:flex;flex-direction:column;gap:1.25rem;gap:var(--space-5)}.results-title{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#4b5563;color:var(--gray-600);font-size:1rem;font-weight:500;padding-bottom:.5rem;padding-bottom:var(--space-2)}.result-section{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--border-radius-lg);padding:1.25rem;padding:var(--space-5)}.result-section-title{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.loading-state{color:#6b7280;color:var(--gray-500);padding:2.5rem;padding:var(--space-10);text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#2b6c94;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--accent);height:40px;margin:0 auto 1rem;margin:0 auto var(--space-4);width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{background:#f9fafb;background:var(--gray-50);border:2px dashed #e5e7eb;border:2px dashed var(--gray-200);border-radius:.75rem;border-radius:var(--border-radius-lg);color:#9ca3af;color:var(--gray-400);font-size:.95rem;padding:2.5rem;padding:var(--space-10);text-align:center}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;padding:var(--space-4);position:fixed;z-index:50;z-index:var(--z-modal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);max-height:85vh;max-width:700px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#0f2b4b;background:var(--primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-title{font-size:1.2rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#fff3;border:none;border-radius:.5rem;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:32px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-close:active{transform:rotate(90deg) scale(.95)}.view-details{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:50vh;overflow-y:auto;padding:1.25rem;padding:var(--space-5)}.detail-row{display:flex;flex-direction:column;gap:2px}.detail-label{color:#6b7280;color:var(--gray-500);font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-value{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--border-radius-sm);color:#111827;color:var(--gray-900);font-size:.9rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);word-break:break-word}.edit-form{padding:1.25rem;padding:var(--space-5)}.form-grid{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:1rem;margin-bottom:var(--space-4);max-height:50vh;overflow-y:auto;padding-right:.5rem;padding-right:var(--space-2)}.form-group{display:flex;flex-direction:column;gap:2px}.form-label{color:#374151;color:var(--gray-700);font-size:.8rem;font-weight:500;text-transform:capitalize}.form-input{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--border-radius-sm);font-size:.9rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-input:hover{border-color:#d1d5db;border-color:var(--gray-300)}.form-input:focus{border-color:#2b6c94;border-color:var(--accent);box-shadow:0 0 0 4px #2b6c941a;outline:none}.form-input:disabled{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--gray-500);cursor:not-allowed}.modal-footer{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:0 0 1rem 1rem;border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:.5rem;gap:var(--space-2);justify-content:flex-end;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}.notification{animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);color:#fff;font-size:.9rem;font-weight:500;max-width:380px;min-width:280px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:fixed;right:1rem;right:var(--space-4);top:calc(70px + 1rem);top:calc(var(--navbar-height) + var(--space-4));z-index:60;z-index:var(--z-notification)}.notification-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success),#059669)}.notification-error{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger),#dc2626)}.notification-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning),#d97706)}.notification-info{background:linear-gradient(135deg,#2b6c94,#1e4e6f);background:linear-gradient(135deg,var(--accent),#1e4e6f)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1280px){:root{--sidebar-width:260px;--table-max-height:450px}.content-container{padding:1.25rem 1.5rem 2rem;padding:var(--space-5) var(--space-6) var(--space-8) var(--space-6)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){:root{--sidebar-width:240px;--navbar-height:60px;--table-max-height:400px}.content-container{padding:1rem 1.25rem 1.5rem;padding:var(--space-4) var(--space-5) var(--space-6) var(--space-5)}.global-search-wrapper{min-width:260px}.page-title{font-size:1.6rem}.page-title:after{width:50px}.btn,.nav-item,.sidebar-toggle{min-height:44px;min-height:var(--touch-target-min)}.dashboard-table{font-size:.85rem}.table-cell,.table-header{padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.status-badge{font-size:.7rem;min-width:70px}}@media (max-width:768px){:root{--sidebar-width:280px;--navbar-height:60px;--table-max-height:350px;--table-mobile-max-height:300px;--table-min-width:100%}body{padding-top:70px;padding-top:var(--navbar-height)}.dashboard-container.menu-open .mobile-menu-overlay,.mobile-menu-toggle{display:block}.sidebar{box-shadow:none;height:100vh;top:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base);width:280px!important;width:var(--sidebar-width)!important}.sidebar.mobile-open{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateX(0)}.sidebar-header{padding-top:calc(70px + 1rem);padding-top:calc(var(--navbar-height) + var(--space-4))}.sidebar-toggle.hide-on-mobile{display:none}.sidebar-toggle.show-on-mobile{display:flex}.main-content{height:100vh;margin-left:0!important}.content-container{padding:1rem 1rem 1.5rem;padding:var(--space-4) var(--space-4) var(--space-6) var(--space-4)}.content-header{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--space-3);margin-bottom:1rem;margin-bottom:var(--space-4);padding-left:3.5rem;padding-left:calc(var(--space-10) + var(--space-4))}.global-search-wrapper{min-width:auto;width:100%}.global-search-input{font-size:16px;height:48px}.stats-grid{gap:.75rem;gap:var(--space-3);grid-template-columns:1fr}.page-title{font-size:1.4rem}.page-title:after{bottom:-4px;width:40px}.desktop-only{display:none}.mobile-card-view{display:block}.modal-content{margin:.75rem;margin:var(--space-3);max-height:90vh;width:calc(100% - 1.5rem);width:calc(100% - var(--space-6))}.form-grid,.view-details{grid-template-columns:1fr}.notification{left:1rem;left:var(--space-4);max-width:none;min-width:auto;right:1rem;right:var(--space-4);top:calc(70px + .5rem);top:calc(var(--navbar-height) + var(--space-2))}.btn{min-height:44px;padding:12px 16px}.btn-sm{min-height:40px;padding:8px 12px}.section-header{align-items:flex-start;flex-direction:column}.section-header .btn-export{width:100%}}@media (max-width:480px){:root{--table-max-height:300px;--table-mobile-max-height:250px}.content-container{padding:.75rem .75rem 1rem;padding:var(--space-3) var(--space-3) var(--space-4) var(--space-3)}.content-header{padding-left:3rem;padding-left:calc(var(--space-8) + var(--space-4))}.stat-card{padding:.75rem;padding:var(--space-3)}.stat-icon-wrapper{font-size:1.3rem;height:44px;width:44px}.stat-value{font-size:1.5rem}.btn-export,.btn-primary,.btn-secondary{width:100%}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.mobile-card-actions .btn{min-width:100%}.mobile-card-row{flex-direction:column;gap:2px}.mobile-card-label{width:100%}.status-badge{font-size:.65rem;min-width:65px;padding:2px .25rem;padding:2px var(--space-1)}}@media (max-width:360px){:root{--table-mobile-max-height:200px}.content-container{padding:.5rem;padding:var(--space-2)}.content-header{padding-left:2.5rem;padding-left:calc(var(--space-6) + var(--space-4))}.page-title{font-size:1.2rem}.stat-card{padding:.5rem;padding:var(--space-2)}.stat-icon-wrapper{font-size:1.1rem;height:36px;width:36px}.stat-value{font-size:1.2rem}.btn{font-size:.65rem;min-height:36px;padding:6px 8px}.status-badge{font-size:.6rem;min-width:55px}}@media (hover:none) and (pointer:coarse){.btn:hover,.nav-item:hover,.recent-item:hover,.stat-card:hover,.table-row:hover{background:none;transform:none}.btn:active,.mobile-card:active,.nav-item:active,.recent-item:active,.stat-card:active,.table-row:active{background:#f3f4f6;background:var(--gray-100);transform:scale(.98)}.btn,.global-search-clear,.mobile-card-actions .btn,.nav-item,.sidebar-toggle,.table-cell .btn{min-height:44px;min-width:44px}.main-content,.table-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.ml-2{margin-left:.5rem;margin-left:var(--space-2)}.mr-2{margin-right:.5rem;margin-right:var(--space-2)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.ml-4{margin-left:1rem;margin-left:var(--space-4)}.mr-4{margin-right:1rem;margin-right:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.hide-on-mobile{@media (max-width:768px){display:none!important}}.show-on-mobile{display:none!important;@media (max-width:768px){display:block!important}}
/*# sourceMappingURL=main.0da19581.css.map*/