@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-blue:#1e3a8a;--primary-blue-light:#1e40af;--secondary-gray:#64748b;--secondary-gray-dark:#475569;--secondary-gray-darker:#334155;--accent-orange:#f59e0b;--accent-orange-dark:#d97706;--background-white:#fff;--background-light:#f8fafc;--background-lighter:#f1f5f9;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--border-light:#e5e7eb;--border-medium:#d1d5db;--success-green:#10b981;--error-red:#ef4444;--warning-yellow:#f59e0b;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:clamp(0.7rem,0.8vw,0.75rem);--font-size-sm:clamp(0.8rem,1vw,0.875rem);--font-size-base:clamp(0.9rem,1.2vw,1rem);--font-size-lg:clamp(1rem,1.4vw,1.125rem);--font-size-xl:clamp(1.1rem,1.6vw,1.25rem);--font-size-2xl:clamp(1.3rem,2vw,1.5rem);--font-size-3xl:clamp(1.6rem,2.5vw,1.875rem);--font-size-4xl:clamp(2rem,3vw,2.25rem);--font-size-5xl:clamp(2.5rem,4vw,3rem);--spacing-fluid:clamp(1rem,2.5vw,2rem);--container-padding:clamp(1rem,4vw,2rem);--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:0.375rem;--radius-base:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--transition-fast:0.15s ease-in-out;--transition-base:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--background-light);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:clamp(.9rem,1.2vw,1rem);font-size:var(--font-size-base);line-height:1.6}.homepage{min-height:100vh}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:all .3s ease-in-out;transition:all var(--transition-base);z-index:1000}.header-scrolled{background:#fffffffa;border-bottom-color:#e5e7eb;border-bottom-color:var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.header-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-6)}.logo-section{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3)}.logo-icon{height:32px;width:32px}.logo-icon,.logo-text h1{color:#1e3a8a;color:var(--primary-blue)}.logo-text h1{font-size:clamp(1.1rem,1.6vw,1.25rem);font-size:var(--font-size-xl);font-weight:800;line-height:1}.logo-text span{color:#6b7280;color:var(--text-secondary);font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:500}.navigation{display:flex;gap:2rem;gap:var(--spacing-8)}.nav-link{border-radius:.5rem;border-radius:var(--radius-base);color:#1f2937;color:var(--text-primary);font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:500;padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);position:relative;text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.nav-link:hover{background-color:#1e3a8a0d;color:#1e3a8a;color:var(--primary-blue)}.login-button{align-items:center;background:#1e3a8a;background:var(--primary-blue);border:2px solid #1e3a8a;border:2px solid var(--primary-blue);border-radius:.5rem;border-radius:var(--radius-base);color:#fff;display:flex;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-base)}.login-button:hover{background:#1e40af;background:var(--primary-blue-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-icon{height:16px;width:16px}.hero-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--background-light) 0,var(--background-lighter) 100%);display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-background{z-index:1}.hero-background,.hero-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.hero-pattern{animation:float 20s ease-in-out infinite;background-image:linear-gradient(90deg,#1e3a8a08 1px,#0000 0),linear-gradient(#1e3a8a08 1px,#0000 0);background-size:40px 40px}.hero-container{grid-gap:4rem;grid-gap:var(--spacing-16);align-items:center;display:grid;gap:4rem;gap:var(--spacing-16);grid-template-columns:1fr 400px;margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-6);position:relative;z-index:2}.hero-content{animation:slideInLeft .8s ease-out}.hero-badge{align-items:center;background:#1e3a8a1a;border:1px solid #1e3a8a33;border-radius:1.5rem;border-radius:var(--radius-xl);color:#1e3a8a;color:var(--primary-blue);display:inline-flex;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--spacing-2);margin-bottom:1.5rem;margin-bottom:var(--spacing-6);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.badge-icon{height:16px;width:16px}.hero-title{color:#1f2937;color:var(--text-primary);font-size:clamp(2.5rem,4vw,3rem);font-size:var(--font-size-5xl);font-weight:800;line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.hero-highlight{color:#f59e0b;color:var(--accent-orange);display:block;font-size:clamp(1.6rem,2.5vw,1.875rem);font-size:var(--font-size-3xl);font-weight:600;margin-top:.5rem;margin-top:var(--spacing-2)}.hero-description{color:#6b7280;color:var(--text-secondary);font-size:clamp(1rem,1.4vw,1.125rem);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:2rem;margin-bottom:var(--spacing-8)}.hero-stats{display:flex;gap:2rem;gap:var(--spacing-8)}.stat-item{text-align:center}.stat-number{color:#1e3a8a;color:var(--primary-blue);display:block;font-size:clamp(1.6rem,2.5vw,1.875rem);font-size:var(--font-size-3xl);font-weight:800;line-height:1}.stat-label{color:#6b7280;color:var(--text-secondary);font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:500}.hero-actions{gap:1rem;gap:var(--spacing-4)}.hero-actions,.primary-button{align-items:center;display:flex}.primary-button{background:#1e3a8a;background:var(--primary-blue);border:2px solid #1e3a8a;border:2px solid var(--primary-blue);border-radius:.5rem;border-radius:var(--radius-base);color:#fff;font-size:clamp(.9rem,1.2vw,1rem);font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8);text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-base)}.primary-button:hover{background:#1e40af;background:var(--primary-blue-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.secondary-button{align-items:center;background:#0000;border:2px solid #1e3a8a;border:2px solid var(--primary-blue);border-radius:.5rem;border-radius:var(--radius-base);color:#1e3a8a;color:var(--primary-blue);display:flex;font-size:clamp(.9rem,1.2vw,1rem);font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8);text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-base)}.secondary-button:hover{background:#1e3a8a;background:var(--primary-blue);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.hero-visual{animation:slideInRight .8s ease-out}.hero-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);padding:2rem;padding:var(--spacing-8)}.card-icon{color:#1e3a8a;color:var(--primary-blue);height:24px;width:24px}.card-header span{color:#1f2937;color:var(--text-primary);font-weight:600}.progress-bar{background:#f1f5f9;background:var(--background-lighter);height:8px;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);overflow:hidden}.progress-bar,.progress-fill{border-radius:.5rem;border-radius:var(--radius-base)}.progress-fill{animation:progressFill 2s ease-out;background:linear-gradient(90deg,#1e3a8a,#f59e0b);background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));height:100%;width:75%}@keyframes progressFill{0%{width:0}to{width:75%}}.card-stats{display:flex;justify-content:space-between}.card-stat{text-align:center}.card-stat span{color:#6b7280;color:var(--text-secondary);display:block;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.card-stat strong{color:#1e3a8a;color:var(--primary-blue);font-size:clamp(1.3rem,2vw,1.5rem);font-size:var(--font-size-2xl);font-weight:700}.features-section{background:#fff;padding:6rem 0;padding:var(--spacing-24) 0}.features-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-6)}.section-header{margin-bottom:4rem;margin-bottom:var(--spacing-16);text-align:center}.section-title{color:#1f2937;font-size:clamp(2rem,3vw,2.25rem);font-size:var(--font-size-4xl);font-weight:800;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.section-description{color:#6b7280;color:var(--text-secondary);font-size:clamp(1rem,1.4vw,1.125rem);font-size:var(--font-size-lg);line-height:1.8;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;grid-gap:var(--spacing-8);display:grid;gap:2rem;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-lg);overflow:hidden;padding:2rem;padding:var(--spacing-8);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-base)}.feature-card:before{background:linear-gradient(90deg,#1e3a8a,#f59e0b);background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease-in-out;transition:transform var(--transition-base)}.feature-card:hover{border-color:#1e3a8a;border-color:var(--primary-blue);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{align-items:center;background:#1e3a8a1a;border-radius:.5rem;border-radius:var(--radius-base);color:#1e3a8a;color:var(--primary-blue);display:flex;height:48px;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);transition:all .3s ease-in-out;transition:all var(--transition-base);width:48px}.feature-card:hover .feature-icon{background:#1e3a8a;background:var(--primary-blue);color:#fff;transform:scale(1.1)}.feature-card h3{color:#1f2937;color:var(--text-primary);font-size:clamp(1.1rem,1.6vw,1.25rem);font-size:var(--font-size-xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.feature-card p{color:#6b7280;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.feature-highlights{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2)}.feature-highlights span{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);font-size:clamp(.7rem,.8vw,.75rem);font-size:var(--font-size-xs);font-weight:500;padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3)}.about-section,.feature-highlights span{background:#f1f5f9;background:var(--background-lighter)}.about-section{padding:6rem 0;padding:var(--spacing-24) 0}.about-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-6)}.about-content{grid-gap:4rem;grid-gap:var(--spacing-16);align-items:center;display:grid;gap:4rem;gap:var(--spacing-16);grid-template-columns:1fr 400px}.about-text h2{color:#1f2937;color:var(--text-primary);font-size:clamp(2rem,3vw,2.25rem);font-size:var(--font-size-4xl);font-weight:800;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.about-text p{color:#6b7280;color:var(--text-secondary);font-size:clamp(1rem,1.4vw,1.125rem);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:2rem;margin-bottom:var(--spacing-8)}.about-features{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-6)}.about-feature{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-4)}.about-icon{color:#f59e0b;color:var(--accent-orange);flex-shrink:0;height:24px;margin-top:.25rem;margin-top:var(--spacing-1);width:24px}.about-feature h4{color:#1f2937;color:var(--text-primary);font-size:clamp(1rem,1.4vw,1.125rem);font-size:var(--font-size-lg);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.about-feature p{color:#6b7280;color:var(--text-secondary);font-size:clamp(.9rem,1.2vw,1rem);font-size:var(--font-size-base);line-height:1.6;margin:0}.about-visual{animation:slideInRight .8s ease-out}.about-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--spacing-8)}.about-card h3{margin-bottom:1.5rem;margin-bottom:var(--spacing-6);text-align:center}.capability-list{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4)}.capability-item{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3)}.capability-dot{background:#f59e0b;background:var(--accent-orange);border-radius:50%;flex-shrink:0;height:8px;width:8px}.capability-item span:last-child{color:#6b7280;color:var(--text-secondary);font-weight:500}.footer{background:#334155;background:var(--secondary-gray-darker);color:#fff;padding:4rem 0 2rem;padding:var(--spacing-16) 0 var(--spacing-8)}.footer-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-6)}.footer-content{grid-gap:3rem;grid-gap:var(--spacing-12);display:grid;gap:3rem;gap:var(--spacing-12);grid-template-columns:2fr 1fr 1fr;margin-bottom:3rem;margin-bottom:var(--spacing-12)}.footer-section h4{color:#fff;font-size:clamp(1rem,1.4vw,1.125rem);font-size:var(--font-size-lg);font-weight:600}.footer-logo,.footer-section h4{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.footer-logo{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3)}.footer-logo-icon{color:#f59e0b;color:var(--accent-orange);height:32px;width:32px}.footer-logo h3{color:#fff;font-size:clamp(1.1rem,1.6vw,1.25rem);font-size:var(--font-size-xl);font-weight:800;line-height:1}.footer-logo span{color:#9ca3af;color:var(--text-light);font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:500}.footer-description{line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.contact-item,.footer-description{color:#9ca3af;color:var(--text-light)}.contact-item{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.contact-icon{color:#f59e0b;color:var(--accent-orange);flex-shrink:0;height:18px;width:18px}.footer-button{align-items:center;background:#f59e0b;background:var(--accent-orange);border-radius:.5rem;border-radius:var(--radius-base);color:#fff;display:inline-flex;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--spacing-2);margin-top:1rem;margin-top:var(--spacing-4);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-base)}.footer-button:hover{background:#d97706;background:var(--accent-orange-dark);transform:translateY(-1px)}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;color:#9ca3af;color:var(--text-light);display:flex;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);justify-content:space-between;padding-top:1.5rem;padding-top:var(--spacing-6)}.footer-links{display:flex;gap:1.5rem;gap:var(--spacing-6)}.footer-links a{color:#9ca3af;color:var(--text-light);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.footer-links a:hover{color:#f59e0b;color:var(--accent-orange)}.login-title h2{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.info-card h3{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-container{text-align:center}.about-content,.hero-container{gap:3rem;gap:var(--spacing-12);grid-template-columns:1fr}.footer-content{gap:2rem;gap:var(--spacing-8);grid-template-columns:1fr 1fr}.login-container{grid-template-columns:1fr;max-width:500px}.login-info{order:-1}}@media (max-width:768px){.header-container{padding:0 1rem;padding:0 var(--spacing-4)}.navigation{display:none}.hero-container{padding:0 1rem;padding:0 var(--spacing-4)}.hero-title{font-size:clamp(1.6rem,2.5vw,1.875rem);font-size:var(--font-size-3xl)}.hero-stats{flex-direction:column;gap:1rem;gap:var(--spacing-4)}.hero-actions{flex-direction:column;width:100%}.primary-button,.secondary-button{justify-content:center;width:100%}.about-container,.features-container{padding:0 1rem;padding:0 var(--spacing-4)}.features-grid,.footer-content{grid-template-columns:1fr}.footer-content{gap:2rem;gap:var(--spacing-8);text-align:center}.footer-bottom{flex-direction:column;gap:1rem;gap:var(--spacing-4);text-align:center}.login-container{padding:1rem;padding:var(--spacing-4)}.login-card{padding:2rem;padding:var(--spacing-8)}}@media (max-width:480px){.login-title h2{font-size:clamp(1.1rem,1.6vw,1.25rem);font-size:var(--font-size-xl)}.hero-title{font-size:clamp(1.3rem,2vw,1.5rem);font-size:var(--font-size-2xl)}.section-title{font-size:clamp(1.6rem,2.5vw,1.875rem);font-size:var(--font-size-3xl)}}.hero-stats{grid-gap:1.5rem;grid-gap:var(--spacing-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-lg);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(4,1fr);margin-bottom:2.5rem;margin-bottom:var(--spacing-10);padding:1.5rem;padding:var(--spacing-6)}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);gap:.75rem;gap:var(--spacing-3);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);padding-bottom:1rem;padding-bottom:var(--spacing-4)}.card-header,.status-indicator{align-items:center;display:flex}.status-indicator{color:#10b981;color:var(--success-green);font-size:clamp(.7rem,.8vw,.75rem);font-size:var(--font-size-xs);font-weight:500;gap:.5rem;gap:var(--spacing-2)}.status-dot{animation:pulse 2s infinite;background:#10b981;background:var(--success-green);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.metric-row{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.metric-value{color:#1e3a8a;color:var(--primary-blue);font-size:clamp(1.1rem,1.6vw,1.25rem);font-size:var(--font-size-xl);font-weight:700}.card-stats{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);margin-top:1rem;margin-top:var(--spacing-4)}.floating-cards{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-3);position:absolute;right:-20px;top:-20px;z-index:10}.mini-card{align-items:center;animation:float 3s ease-in-out infinite;background:#fffffff2;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-base);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#1f2937;color:var(--text-primary);display:flex;font-size:clamp(.7rem,.8vw,.75rem);font-size:var(--font-size-xs);font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}.mini-card:nth-child(2){animation-delay:1.5s}.mini-icon{color:#f59e0b;color:var(--accent-orange);height:14px;width:14px}.testimonials-section{background:#f8fafc;background:var(--background-light);padding:6rem 0;padding:var(--spacing-24) 0;position:relative}.testimonials-container{margin:0 auto;max-width:1000px;padding:0 1.5rem;padding:0 var(--spacing-6)}.testimonial-slider{margin-top:3rem;margin-top:var(--spacing-12);position:relative}.testimonial-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);overflow:hidden;padding:2.5rem;padding:var(--spacing-10);position:relative;text-align:center}.testimonial-card:before{background:linear-gradient(90deg,#1e3a8a,#f59e0b);background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));content:"";height:4px;left:0;position:absolute;right:0;top:0}.testimonial-quote{margin-bottom:2rem;margin-bottom:var(--spacing-8);position:relative}.quote-icon{color:#f59e0b;color:var(--accent-orange);height:24px;margin:0 auto 1rem;margin:0 auto var(--spacing-4);width:24px}.testimonial-quote p{color:#1f2937;color:var(--text-primary);font-size:clamp(1rem,1.4vw,1.125rem);font-size:var(--font-size-lg);font-style:italic;line-height:1.8;margin:0}.testimonial-author{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-1)}.testimonial-author strong{color:#1f2937;color:var(--text-primary);font-size:clamp(.9rem,1.2vw,1rem);font-size:var(--font-size-base);font-weight:600}.testimonial-author span{color:#1e3a8a;color:var(--primary-blue);font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:500}.slider-dots{display:flex;gap:.75rem;gap:var(--spacing-3);justify-content:center;margin-top:2rem;margin-top:var(--spacing-8)}.slider-dot{background:#d1d5db;background:var(--border-medium);border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease-in-out;transition:all var(--transition-base);width:12px}.slider-dot-active{background:#1e3a8a;background:var(--primary-blue);transform:scale(1.2)}.enhanced-features-section{background:#fff;padding:5rem 0;padding:var(--spacing-20) 0}.enhanced-grid{grid-gap:2rem;grid-gap:var(--spacing-8);display:grid;gap:2rem;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem;margin-top:var(--spacing-12)}.enhanced-feature{background:#f8fafc;background:var(--background-light);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-lg);overflow:hidden;padding:2rem;padding:var(--spacing-8);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-base)}.enhanced-feature:before{background:linear-gradient(135deg,#1e3a8a05,#f59e0b05);content:"";height:100%;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease-in-out;transition:transform var(--transition-slow)}.enhanced-feature:hover{border-color:#1e3a8a;border-color:var(--primary-blue);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.enhanced-feature:hover:before{transform:scaleX(1)}.enhanced-icon{align-items:center;background:#1e3a8a;background:var(--primary-blue);border-radius:1rem;border-radius:var(--radius-lg);color:#fff;display:flex;height:56px;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-base);width:56px;z-index:2}.enhanced-feature:hover .enhanced-icon{background:#f59e0b;background:var(--accent-orange);transform:scale(1.1) rotate(5deg)}.enhanced-feature h3{color:#1f2937;color:var(--text-primary);font-size:clamp(1.1rem,1.6vw,1.25rem);font-size:var(--font-size-xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-4);position:relative;z-index:2}.enhanced-feature p{line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.enhanced-feature p,.enhanced-metric{color:#6b7280;color:var(--text-secondary);position:relative;z-index:2}.enhanced-metric{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-base);display:flex;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);padding:.75rem;padding:var(--spacing-3)}.enhanced-metric strong{color:#f59e0b;color:var(--accent-orange);font-weight:700}.about-card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;gap:.75rem;gap:var(--spacing-3);margin-bottom:1.5rem;margin-bottom:var(--spacing-6);padding-bottom:1rem;padding-bottom:var(--spacing-4)}.about-card-icon{color:#f59e0b;color:var(--accent-orange);height:24px;width:24px}.about-card h3{color:#1f2937;color:var(--text-primary);font-size:clamp(1.1rem,1.6vw,1.25rem);font-size:var(--font-size-xl);font-weight:700;margin:0}.quick-access-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-top:1.5rem;margin-top:var(--spacing-6);padding:1.5rem;padding:var(--spacing-6)}.quick-access-title{color:#1f2937;color:var(--text-primary);font-size:clamp(1rem,1.4vw,1.125rem);font-size:var(--font-size-lg);font-weight:600;margin:0 0 1rem;text-align:center}.quick-access-grid{grid-gap:.75rem;grid-gap:var(--spacing-3);display:grid;gap:.75rem;gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.quick-access-item{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-base);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-2);padding:.75rem;padding:var(--spacing-3);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.quick-access-item:hover{background:#1e3a8a0d;border-color:#1e3a8a;border-color:var(--primary-blue)}.quick-access-icon{color:#1e3a8a;color:var(--primary-blue);height:20px;width:20px}.quick-access-item span{font-size:clamp(.7rem,.8vw,.75rem);font-size:var(--font-size-xs);font-weight:500}.feature-metric,.quick-access-item span{color:#6b7280;color:var(--text-secondary)}.feature-metric{align-items:center;background:#1e3a8a0d;border-radius:.5rem;border-radius:var(--radius-base);display:flex;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);margin-top:1rem;margin-top:var(--spacing-4);padding:.75rem;padding:var(--spacing-3)}.feature-metric strong{color:#1e3a8a;color:var(--primary-blue);font-weight:700}.footer-certifications{display:flex;gap:.75rem;gap:var(--spacing-3);margin-top:1rem;margin-top:var(--spacing-4)}.certification{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:.375rem;border-radius:var(--radius-sm);color:#f59e0b;color:var(--accent-orange);font-size:clamp(.7rem,.8vw,.75rem);font-size:var(--font-size-xs);font-weight:600;padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3)}.locations-list{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4)}.location-item{align-items:flex-start;display:flex;gap:.75rem;gap:var(--spacing-3)}.location-icon{color:#f59e0b;color:var(--accent-orange);flex-shrink:0;height:18px;margin-top:.25rem;margin-top:var(--spacing-1);width:18px}.location-item div{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-1)}.location-item strong{color:#fff;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:600}.location-item span{color:#9ca3af;color:var(--text-light);font-size:clamp(.7rem,.8vw,.75rem);font-size:var(--font-size-xs)}.footer-section-desc{color:#9ca3af;color:var(--text-light);line-height:1.6;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.support-info{border-top:1px solid #ffffff1a;margin-top:1.5rem;margin-top:var(--spacing-6);padding-top:1rem;padding-top:var(--spacing-4)}.support-title{color:#fff;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:600;margin:0 0 .75rem}.support-contact{align-items:center;color:#9ca3af;color:var(--text-light);display:flex;font-size:clamp(.7rem,.8vw,.75rem);font-size:var(--font-size-xs);gap:.5rem;gap:var(--spacing-2);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.support-icon{color:#f59e0b;color:var(--accent-orange);height:14px;width:14px}.footer-link{color:#9ca3af;color:var(--text-light);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.footer-link:hover{color:#f59e0b;color:var(--accent-orange)}.login-page{align-items:center;background:linear-gradient(135deg,#1e3a8a,#334155);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-gray-darker) 100%);display:flex;justify-content:center;min-height:100vh;position:relative}.login-background{z-index:1}.login-background,.login-pattern{bottom:0;left:0;position:absolute;right:0;top:0}.login-pattern{animation:patternFloat 15s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 75% 75%,#ffffff0d 1px,#0000 0);background-size:60px 60px}@keyframes patternFloat{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(-5px,-5px) rotate(1deg)}}.login-container{grid-gap:3rem;grid-gap:var(--spacing-12);align-items:center;display:grid;gap:3rem;gap:var(--spacing-12);grid-template-columns:500px 300px;padding:1.5rem;padding:var(--spacing-6);position:relative;z-index:2}.login-card{animation:slideInUp .6s ease-out;background:#fff;border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);padding:2.5rem;padding:var(--spacing-10)}.login-header{margin-bottom:2rem;margin-bottom:var(--spacing-8);text-align:center}.login-logo{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3);justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.login-logo-icon{height:40px;width:40px}.login-logo-icon,.login-logo-text h1{color:#1e3a8a;color:var(--primary-blue)}.login-logo-text h1{font-size:clamp(1.6rem,2.5vw,1.875rem);font-size:var(--font-size-3xl);font-weight:800;line-height:1;margin:0}.login-logo-text span{color:#6b7280;color:var(--text-secondary);font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:500}.login-security-badge{align-items:center;background:#1e3a8a1a;border:1px solid #1e3a8a33;border-radius:1.5rem;border-radius:var(--radius-xl);color:#1e3a8a;color:var(--primary-blue);display:inline-flex;font-size:clamp(.7rem,.8vw,.75rem);font-size:var(--font-size-xs);font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.security-icon{height:14px;width:14px}.login-title{margin-bottom:2rem;margin-bottom:var(--spacing-8);text-align:center}.login-title h2{color:#1f2937;color:var(--text-primary);font-size:clamp(1.3rem,2vw,1.5rem);font-size:var(--font-size-2xl);font-weight:700;margin:0 0 .5rem}.login-title p{color:#6b7280;color:var(--text-secondary);font-size:clamp(.9rem,1.2vw,1rem);font-size:var(--font-size-base);margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-6)}.form-group{flex-direction:column}.form-group,.form-label{display:flex;gap:.5rem;gap:var(--spacing-2)}.form-label{align-items:center;color:#1f2937;color:var(--text-primary);font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:600}.label-icon{color:#1e3a8a;color:var(--primary-blue);height:16px;width:16px}.input-wrapper{position:relative}.form-input{background:#fff;border:2px solid #d1d5db;border:2px solid var(--border-medium);border-radius:.5rem;border-radius:var(--radius-base);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:clamp(.9rem,1.2vw,1rem);font-size:var(--font-size-base);padding:1rem;padding:var(--spacing-4);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.form-input:focus{border-color:#1e3a8a;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e3a8a1a}.form-input.input-error{border-color:#ef4444;border-color:var(--error-red)}.form-input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.password-toggle{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;padding:.25rem;padding:var(--spacing-1);position:absolute;right:.75rem;right:var(--spacing-3);top:50%;transform:translateY(-50%);transition:color .15s ease-in-out;transition:color var(--transition-fast)}.password-toggle:hover{color:#1e3a8a;color:var(--primary-blue)}.password-toggle svg{height:18px;width:18px}.error-message{color:#ef4444;color:var(--error-red);font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:500}.form-options{justify-content:space-between}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);-webkit-user-select:none;user-select:none}.checkbox-input{display:none}.checkbox-custom{border:2px solid #d1d5db;border:2px solid var(--border-medium);border-radius:.375rem;border-radius:var(--radius-sm);height:18px;position:relative;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:18px}.checkbox-input:checked+.checkbox-custom{background:#1e3a8a;background:var(--primary-blue);border-color:#1e3a8a;border-color:var(--primary-blue)}.checkbox-input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.forgot-link{color:#1e3a8a;color:var(--primary-blue);font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.forgot-link:hover{color:#1e40af;color:var(--primary-blue-light)}.submit-button{align-items:center;background:#1e3a8a;background:var(--primary-blue);border:none;border-radius:.5rem;border-radius:var(--radius-base);color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:clamp(.9rem,1.2vw,1rem);font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-2);justify-content:center;margin-top:1rem;margin-top:var(--spacing-4);padding:1rem;padding:var(--spacing-4);transition:all .3s ease-in-out;transition:all var(--transition-base);width:100%}.submit-button:hover:not(:disabled){background:#1e40af;background:var(--primary-blue-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.submit-button.loading{background:#64748b;background:var(--secondary-gray)}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}.login-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);margin-top:2rem;margin-top:var(--spacing-8);padding-top:1.5rem;padding-top:var(--spacing-6);text-align:center}.security-notice{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2);justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.security-notice-icon{color:#10b981;color:var(--success-green);height:16px;width:16px}.back-link{align-items:center;color:#1e3a8a;color:var(--primary-blue);display:inline-flex;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--spacing-2);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.back-link:hover{color:#1e40af;color:var(--primary-blue-light)}.back-icon{height:16px;transform:rotate(180deg);width:16px}.login-info{animation:slideInRight .8s ease-out .2s both}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-lg);color:#fff;padding:2rem;padding:var(--spacing-8)}.info-card h3{font-size:clamp(1rem,1.4vw,1.125rem);font-size:var(--font-size-lg);font-weight:600;margin:0 0 1.5rem;text-align:center}.info-list{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4)}.info-item{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3)}.info-dot{background:#f59e0b;background:var(--accent-orange);border-radius:50%;flex-shrink:0;height:6px;width:6px}.info-item span:last-child{color:#ffffffe6;font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm)}@media (max-width:768px){.hero-stats{gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}.enhanced-grid{grid-template-columns:1fr}.quick-access-grid{grid-template-columns:repeat(4,1fr)}.locations-list{gap:.75rem;gap:var(--spacing-3)}.location-item{font-size:clamp(.8rem,1vw,.875rem);font-size:var(--font-size-sm)}.footer-certifications{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.hero-stats{gap:.75rem;gap:var(--spacing-3);grid-template-columns:1fr;padding:1rem;padding:var(--spacing-4)}.quick-access-grid{grid-template-columns:repeat(2,1fr)}.login-container{grid-template-columns:1fr;max-width:400px;padding:1rem;padding:var(--spacing-4)}}iframe,img,video{height:auto;max-width:100%}.container{margin:0 auto;padding:0 clamp(1rem,4vw,2rem);padding:0 var(--container-padding);width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (max-width:479px){.hero-title{font-size:clamp(1.3rem,2vw,1.5rem);font-size:var(--font-size-2xl)}.hero-actions{flex-direction:column;width:100%}.primary-button,.secondary-button{justify-content:center;width:100%}.hero-stats{gap:.75rem;gap:var(--spacing-3);grid-template-columns:1fr}.navigation{display:none}.login-container{grid-template-columns:1fr;padding:1rem;padding:var(--spacing-4)}}@media (min-width:480px) and (max-width:767px){.hero-stats{grid-template-columns:repeat(2,1fr)}.features-grid,.quick-actions-grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-stats{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.about-content{grid-template-columns:1fr}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px) and (max-width:1279px){.hero-container{grid-template-columns:1fr 400px}.features-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.features-grid{grid-template-columns:repeat(4,1fr)}.stats-grid{grid-template-columns:repeat(6,1fr)}}.dashboard-container{background:var(--background-light);min-height:100vh}.dashboard-header{background:var(--background-white);border-bottom:1px solid var(--border-light);height:70px;left:0;position:fixed;right:0;top:0;z-index:1000}.dashboard-header-content{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 var(--spacing-6)}.dashboard-header-left{align-items:center;display:flex;gap:var(--spacing-4)}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-base);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.sidebar-toggle:hover{background:var(--background-lighter);color:var(--primary-blue)}.dashboard-logo{align-items:center;display:flex;gap:var(--spacing-3)}.dashboard-logo-icon{align-items:center;background:#0000;border:none;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.dashboard-logo-text h1{color:#5dade2;font-size:var(--font-size-xl);font-weight:800;line-height:1;margin:0}.dashboard-logo-text span{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.dashboard-header-right{align-items:center;display:flex;gap:var(--spacing-4)}.dashboard-search{align-items:center;display:flex;position:relative}.dashboard-search-icon{color:var(--text-secondary);left:var(--spacing-3);position:absolute}.dashboard-search-input{background:var(--background-white);border:1px solid var(--border-medium);border-radius:var(--radius-base);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-10);transition:all var(--transition-fast);width:300px}.dashboard-search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a;outline:none}.role-switcher{align-items:center;display:flex}.role-select{background:var(--background-white);border:1px solid var(--border-medium);border-radius:var(--radius-base);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.notification-bell{align-items:center;background:none;border:none;border-radius:var(--radius-base);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.notification-bell:hover{background:var(--background-lighter);color:var(--primary-blue)}.notification-badge{align-items:center;background:var(--error-red);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;position:absolute;right:8px;top:8px;width:18px}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:none;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-2);transition:all var(--transition-fast)}.user-menu-trigger:hover{background:var(--background-lighter)}.user-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.user-info{align-items:flex-start;display:flex;flex-direction:column}.user-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.user-role{color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:capitalize}.user-dropdown{background:var(--background-white);border:1px solid var(--border-light);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);margin-top:var(--spacing-2);padding:var(--spacing-2);position:absolute;right:0;top:100%;width:200px}.user-dropdown-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3);padding:var(--spacing-3);transition:all var(--transition-fast)}.user-dropdown-item:hover{background:var(--background-lighter)}.user-dropdown-item.logout{color:var(--error-red)}.user-dropdown-divider{background:var(--border-light);height:1px;margin:var(--spacing-2) 0}.dashboard-layout{display:flex;min-height:100vh;padding-top:70px}.dashboard-sidebar{background:var(--background-white);border-right:1px solid var(--border-light);padding:var(--spacing-6) 0;transition:all var(--transition-base);width:260px}.dashboard-sidebar.collapsed{width:80px}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-2);padding:0 var(--spacing-4)}.sidebar-nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-base);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-align:left;transition:all var(--transition-fast);width:100%}.sidebar-nav-item.active,.sidebar-nav-item:hover{background:#e6f2f9;color:#5dade2}.dashboard-main{flex:1 1;overflow-y:auto;padding:var(--spacing-8)}.dashboard-welcome{align-items:center;background:var(--background-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--spacing-8);padding:var(--spacing-6)}.welcome-content h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--spacing-2) 0}.welcome-content p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.welcome-date{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.stats-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-8)}.stat-card{background:var(--background-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-header{justify-content:space-between;margin-bottom:var(--spacing-4)}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:var(--radius-base);height:48px;justify-content:center;width:48px}.stat-card.stat-blue .stat-icon,.stat-icon{background:#2563eb1a;color:var(--primary-blue)}.stat-card.stat-green .stat-icon{background:#10b9811a;color:var(--success-green)}.stat-card.stat-orange .stat-icon{background:#f59e0b1a;color:var(--warning-yellow)}.stat-card.stat-purple .stat-icon{background:#8b5cf61a;color:#8b5cf6}.stat-card.stat-lightblue .stat-icon{background:#5dade2;color:#fff}.stat-trend{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-1)}.stat-trend.up{color:var(--success-green)}.stat-trend.down{color:var(--error-red)}.stat-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:800;margin:0 0 var(--spacing-1) 0}.stat-title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;margin:0}.quick-actions-section{margin-bottom:var(--spacing-8)}.section-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--spacing-6) 0}.quick-actions-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quick-action-card{align-items:center;background:var(--background-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-4);padding:var(--spacing-6);text-align:left;transition:all var(--transition-base)}.quick-action-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.quick-action-card.primary{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.quick-action-card.primary .quick-action-content h4,.quick-action-card.primary .quick-action-content p{color:#fff}.quick-action-icon{align-items:center;background:#2563eb1a;border-radius:var(--radius-base);color:var(--primary-blue);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.quick-action-card.primary .quick-action-icon{background:#fff3;color:#fff}.quick-action-content{flex:1 1}.quick-action-content h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-1) 0}.quick-action-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.quick-action-arrow{color:var(--text-secondary);flex-shrink:0}.quick-action-card.primary .quick-action-arrow{color:#fff}.recent-quotations-section{margin-bottom:var(--spacing-8)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-6)}.section-actions{align-items:center;display:flex;gap:var(--spacing-4)}.filter-dropdown{align-items:center;display:flex;gap:var(--spacing-2)}.filter-select{background:var(--background-white);border:1px solid var(--border-medium);border-radius:var(--radius-base);color:var(--text-primary);padding:var(--spacing-2) var(--spacing-3)}.export-button,.filter-select{cursor:pointer;font-size:var(--font-size-sm)}.export-button{align-items:center;background:var(--primary-blue);border:none;border-radius:var(--radius-base);color:#fff;display:flex;font-weight:500;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.export-button:hover{background:var(--primary-blue-light)}.quotations-table{background:var(--background-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.table-header{background:var(--background-lighter);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.table-header,.table-row{grid-gap:var(--spacing-4);border-bottom:1px solid var(--border-light);display:grid;gap:var(--spacing-4);grid-template-columns:120px 1fr 120px 100px 100px 100px 100px;padding:var(--spacing-4) var(--spacing-6)}.table-row{transition:all var(--transition-fast)}.table-row:hover{background:var(--background-lighter)}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;display:flex;font-size:var(--font-size-sm)}.quotation-id{color:#5dade2;font-weight:600}.client-info{display:flex;flex-direction:column}.client-name{color:var(--text-primary);font-weight:500}.item-count{color:var(--text-secondary);font-size:var(--font-size-xs)}.amount{color:var(--text-primary);font-weight:600}.status-badge{border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}.status-approved{background:#10b9811a;color:var(--success-green)}.status-pending{background:#f59e0b1a;color:var(--warning-yellow)}.status-rejected{background:#ef44441a;color:var(--error-red)}.status-draft{background:#6b72801a}.date,.status-draft{color:var(--text-secondary)}.action-buttons{display:flex;gap:var(--spacing-2)}.action-button{align-items:center;border:none;border-radius:var(--radius-base);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.action-button.view{background:#5dade2;color:#fff}.action-button.view:hover{background:#a8d8ea;color:#fff}.action-button.edit{background:#5dade2;color:#fff}.action-button.edit:hover{background:#a8d8ea;color:#fff}.action-button.delete{background:#5dade2;color:#fff}.action-button.delete:hover{background:#a8d8ea;color:#fff}.recent-activity-section{margin-bottom:var(--spacing-8)}.activity-list{background:var(--background-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-6)}.activity-item{border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-4);padding:var(--spacing-4) 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-icon.success{background:#10b9811a;color:var(--success-green)}.activity-icon.error{background:#ef44441a;color:var(--error-red)}.activity-icon.info{background:#5dade2;color:#fff}.activity-content{flex:1 1}.activity-message{color:var(--text-primary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-1) 0}.activity-meta{color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-3)}.activity-user{font-weight:500}@media (max-width:1024px){.dashboard-sidebar{width:80px}.dashboard-sidebar .sidebar-nav-item span{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:100px 1fr 100px 80px 80px 80px 80px}}@media (max-width:768px){.dashboard-header-content{padding:0 var(--spacing-4)}.dashboard-search-input{width:200px}.dashboard-main{padding:var(--spacing-4)}.stats-grid{grid-template-columns:1fr}.dashboard-welcome,.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-4)}.table-header,.table-row{gap:var(--spacing-2);grid-template-columns:1fr}.table-cell{justify-content:space-between;padding:var(--spacing-2) 0}.table-cell:before{color:var(--text-secondary);content:attr(data-label);font-weight:600}}@media (max-width:480px){.dashboard-sidebar{height:calc(100vh - 70px);left:-260px;position:fixed;top:70px;transition:left var(--transition-base);z-index:999}.dashboard-sidebar.open{left:0}.dashboard-main{margin-left:0}.user-info{display:none}.dashboard-search-input{width:150px}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-container{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;width:400px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.modal-header h3{font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px}.modal-close:hover{background:#f3f4f6}.modal-content{padding:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.alert-error{background:#fee2e2;border-radius:6px;color:#dc2626;font-size:14px;padding:10px}.alert-error,.form-group{margin-bottom:15px}.form-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#5dade2;height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (hover:none) and (pointer:coarse){.action-button,.quick-action-card,.sidebar-nav-item{min-height:44px;min-width:44px}.notification-bell,.sidebar-toggle,.user-menu-trigger{min-height:48px;min-width:48px}}@media (min-width:600px) and (max-width:899px){.dashboard-search-input,.dashboard-sidebar{width:200px}.stats-grid{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{font-size:var(--font-size-xs);grid-template-columns:80px 1fr 80px 70px 70px 70px 70px}}@media (min-width:900px) and (max-width:1199px){.dashboard-sidebar{width:220px}.dashboard-search-input{width:250px}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.dashboard-sidebar{width:300px}.dashboard-search-input{width:400px}.stats-grid{grid-template-columns:repeat(5,1fr)}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.dashboard-sidebar{background:var(--background-white);box-shadow:var(--shadow-xl);height:calc(100vh - 70px);left:-280px;position:fixed;top:70px;transition:left var(--transition-base);width:280px;z-index:999}.dashboard-sidebar.open{left:0}.sidebar-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:70px;transition:all var(--transition-base);visibility:hidden;z-index:998}.sidebar-overlay.active{opacity:1;visibility:visible}.dashboard-main{margin-left:0;padding:var(--spacing-4)}.dashboard-header-content{padding:0 var(--spacing-4)}.user-info{display:none}.dashboard-search-input{font-size:var(--font-size-sm);width:120px}.stats-grid{gap:var(--spacing-4);grid-template-columns:1fr}.stat-card{padding:var(--spacing-4)}.table-header{display:none}.table-row{border:1px solid var(--border-light);border-radius:var(--radius-base);display:block;margin-bottom:var(--spacing-3);padding:var(--spacing-4)}.table-cell{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-2) 0}.table-cell:last-child{border-bottom:none}.table-cell:before{color:var(--text-secondary);content:attr(data-label);font-size:var(--font-size-xs);font-weight:600}}@media print{.action-buttons,.dashboard-header,.dashboard-sidebar,.sidebar-toggle{display:none!important}.dashboard-main{margin-left:0!important}.dashboard-layout,.dashboard-main{padding-top:0!important}.quotations-table,.stat-card{break-inside:avoid;page-break-inside:avoid}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.dashboard-logo-icon,.stat-icon,.user-avatar{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-height:500px) and (orientation:landscape){.dashboard-header{height:60px}.dashboard-layout{padding-top:60px}.dashboard-sidebar{height:calc(100vh - 60px);top:60px}.dashboard-header-content{height:60px}}.support-form-container{background:linear-gradient(135deg,#fff,#f8fafc);overflow:hidden;position:relative}.support-form-container:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#1e3a8a0d 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}@keyframes float{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.form-input{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus{box-shadow:0 8px 25px #2563eb26;transform:translateY(-2px)}.form-group{position:relative}.form-group:after{background:linear-gradient(90deg,var(--primary-blue),var(--accent-orange));bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.form-group:focus-within:after{width:100%}