@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--color-primary:#01235e;--color-primary-hover:#011b4a;--color-secondary:#fd8203;--color-secondary-hover:#e27302;--color-accent:#0bb277;--color-success:#10b981;--color-success-bg:#d1fae5;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-info:#3b82f6;--color-info-bg:#dbeafe;--color-danger:#ba1a1a;--color-danger-bg:#ffdad6;--color-bg-main:#f8f9fa;--color-bg-section:#f3f4f5;--color-bg-card:#fff;--color-text-main:#191c1d;--color-text-muted:#454652;--color-text-light:#767683;--color-border:#c6c5d426;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Manrope", system-ui, sans-serif;--shadow-sm:0px 4px 10px #191c1d08;--shadow-md:0px 10px 20px #191c1d0a;--shadow-hover:0px 20px 40px #191c1d0f;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.2, 0, 0, 1);--transition-normal:.4s cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-main);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-main);letter-spacing:-.02em;font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}img{border-radius:var(--radius-xl);max-width:100%;display:block}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding:2rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.btn{border-radius:var(--radius-md);font-size:.875rem;font-weight:600;font-family:var(--font-display);transition:all var(--transition-normal);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--color-text-main);background:#c6c5d426;border:none}.btn-outline:hover:not(:disabled){background:#c6c5d44d}.card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:none;margin-bottom:2rem;padding:2rem}.card-hover:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.input-label{color:var(--color-text-main);font-size:.75rem;font-weight:600;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em}.input-field{border:1px solid var(--color-border);width:100%;font-family:var(--font-sans);transition:all var(--transition-fast);background-color:#fff;border-radius:.5rem;padding:.875rem 1rem;font-size:1rem}.input-field:focus{border-color:#00066666;outline:none;box-shadow:0 0 0 4px #0006661a}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;font-family:var(--font-sans);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;padding:.25rem .75rem;display:inline-flex}.badge-pending{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-approved{background-color:var(--color-info-bg);color:var(--color-info)}.badge-payment{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-processing{background-color:var(--color-info-bg);color:var(--color-info)}.badge-completed{background-color:var(--color-success-bg);color:var(--color-success)}.badge-rejected{background-color:var(--color-danger-bg);color:var(--color-danger)}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background-color:#ffffffd9;border-bottom:none;padding:1rem 0;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{font-family:var(--font-display);color:var(--color-primary);letter-spacing:-.04em;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.navbar-links{align-items:center;gap:1.5rem;display:flex}.dropdown:hover .dropdown-content{display:block!important}.dropdown-toggle:hover{text-decoration:underline}.navbar-link{color:var(--color-text-muted);transition:color var(--transition-normal);font-size:.875rem;font-weight:600}.navbar-link:hover{color:var(--color-primary)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;display:none}@media (width<=900px){.mobile-menu-btn{display:block}.navbar-links{background:var(--color-bg-card);width:100%;box-shadow:var(--shadow-md);flex-direction:column;align-items:flex-start;padding:1rem;display:none;position:absolute;top:100%;left:0;right:0}.navbar-links.open{display:flex}.dropdown-content{margin-top:.5rem;box-shadow:none!important;padding-left:1rem!important;position:static!important}}.carousel-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:2rem;padding-bottom:2rem;display:flex;overflow-x:auto}.carousel-container::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start;flex:0 0 100%}@media (width>=768px){.carousel-item{flex:0 0 calc(33.333% - 1.33rem)}}.app-layout{max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;display:flex}.sidebar{border-right:1px solid var(--color-border);background:var(--color-bg-card);flex-direction:column;gap:2rem;width:250px;padding:2rem;display:flex}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.sidebar-link:hover,.sidebar-link.active{background:var(--color-primary-light);color:var(--color-primary)}.page-content{flex:1;max-width:1000px;padding:2rem 3rem}@media (width<=900px){.app-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--color-border);width:100%;padding:1rem}.sidebar-nav{flex-direction:row;padding-bottom:.5rem;overflow-x:auto}.sidebar-link{white-space:nowrap}.page-content{padding:1rem}}.dashboard-grid{gap:2.75rem;display:grid}.dashboard-user-grid{grid-template-columns:1fr 1fr}.dashboard-admin-grid{grid-template-columns:minmax(300px,1fr) 2fr}@media (width<=900px){.dashboard-user-grid,.dashboard-admin-grid{grid-template-columns:1fr}}.dashboard-card-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (width<=600px){.dashboard-card-row{flex-direction:column;align-items:flex-start}}.hero-grid{grid-template-columns:1fr minmax(300px,1fr)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (width<=768px){html{font-size:60%}.container{padding-left:20px!important;padding-right:20px!important}.hero-section{padding:3rem 1rem!important}.hero-grid{text-align:center;grid-template-columns:1fr!important;gap:2rem!important}.hero-content{order:2}.hero-image-wrapper{order:1}.hero-title{font-size:2.5rem!important}.hero-features{align-items:center;margin:0 auto 2rem!important}.hero-actions{justify-content:center}.hero-image-wrapper img{width:150px!important}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.product-grid .card{padding:1rem!important}.product-grid h3{font-size:1.1rem!important}.product-grid .btn{padding:.5rem!important;font-size:.8rem!important}.product-grid img{height:150px!important}}