*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family)}:root{--background:#fff;--background-dark:#060e1a;--nav-bar-bg:#0a1628;--color-primary:#0a1628;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-light:#dbeafe;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-300:#d1d5db;--gray-100:#f3f4f6;--white:#fff;--font-family:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--border-color:#d1d5db;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 3px #00000014;--transition-fast:.15s ease;--transition-normal:.25s ease}.page-transition{animation:.3s pageFadeIn}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.login-page{background:var(--background-dark);min-height:100vh;font-family:var(--font-family);justify-content:center;align-items:center;display:flex}.login-card{border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-10) var(--space-8);background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;display:flex}.login-logo{width:44px;height:44px;margin-bottom:var(--space-6)}.login-card h1{font-size:var(--text-2xl);color:var(--white);margin-bottom:var(--space-2);font-weight:700}.login-subtitle{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-8)}.login-form{gap:var(--space-6);flex-direction:column;display:flex}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);color:var(--gray-300);font-weight:500}.form-group input{height:42px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--white);transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;outline:none;font-family:inherit}.form-group input::placeholder{color:var(--gray-500)}.form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb40}.login-error{font-size:var(--text-sm);color:#fca5a5;border-left:3px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:#dc262626;margin-bottom:1rem}.login-btn{background:var(--color-accent);height:42px;color:var(--white);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast);margin-top:var(--space-2);border:none;font-family:inherit;font-weight:600}.login-btn:hover{background:var(--color-accent-hover)}.login-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.layout{align-self:stretch;min-height:100vh;display:flex}.main-content{flex:1;padding:2rem;overflow-y:auto}.nav-header{z-index:100;padding:var(--space-3) var(--space-6);margin-top:1rem;position:sticky;top:0}.nav-dashboard{background:var(--nav-bar-bg);max-width:1200px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);font-family:var(--font-family);border:1px solid #ffffff1a;border-radius:999px;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-marca{align-items:center;gap:var(--space-2);color:var(--white);font-size:var(--text-sm);font-weight:700;text-decoration:none;display:flex}.nav-marca img{width:auto;height:28px}.nav-links{align-items:center;gap:var(--space-1);list-style:none;display:flex}.nav-links a{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--gray-300);transition:color var(--transition-fast);font-weight:500;text-decoration:none;display:block}.nav-links a:hover{color:var(--white);background:#ffffff14;border-radius:999px}.nav-links a.active{color:var(--white)}.nav-actions{align-items:center;gap:var(--space-3);display:flex}.nav-signin{font-size:var(--text-sm);color:var(--gray-300);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.nav-signin:hover{color:var(--white)}.nav-cta{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--white);font-size:var(--text-sm);transition:background var(--transition-fast);border-radius:999px;font-weight:600;text-decoration:none;display:inline-block}.nav-cta:hover{background:var(--color-accent-hover)}.nav-actions>*{animation:.3s navFadeIn}@keyframes navFadeIn{0%{opacity:0}to{opacity:1}}.footer{padding-top:var(--space-16)}.footer-divider-full{background:#ffffff0f;width:100%;height:1px}.footer-content{max-width:1200px;padding:var(--space-10) var(--space-6) var(--space-6);gap:var(--space-10);flex-direction:column;margin:0 auto;display:flex}.footer-top{gap:var(--space-10);grid-template-columns:1.2fr 3fr;display:grid}.footer-brand{gap:var(--space-4);flex-direction:column;display:flex}.footer-logo{align-items:center;gap:var(--space-2);display:flex}.footer-logo-icon{width:28px;height:28px;font-family:var(--font-mono);color:#f97316;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.footer-logo-text{font-family:var(--font-family);font-size:var(--text-sm);color:var(--white);font-weight:600}.footer-brand-description{font-family:var(--font-family);font-size:var(--text-sm);color:var(--gray-500);max-width:280px;line-height:1.6}.footer-links{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.footer-column{gap:var(--space-3);flex-direction:column;display:flex}.footer-column-title{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1);font-size:10px}.footer-link{font-family:var(--font-family);font-size:var(--text-sm);color:var(--gray-300);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--white)}.footer-divider{background:#ffffff0f;height:1px}.footer-bottom{justify-content:space-between;align-items:center;display:flex}.footer-copyright{font-family:var(--font-mono);color:var(--gray-500);font-size:11px}.footer-status{font-family:var(--font-mono);color:var(--gray-500);align-items:center;gap:var(--space-1);font-size:11px;display:flex}.footer-status-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;display:inline-block}body{background:var(--background-dark)}.hero{background:var(--background-dark);padding:var(--space-16) var(--space-6)}.hero-content{justify-content:space-between;align-items:center;gap:var(--space-12);max-width:1200px;margin:0 auto;display:flex}.hero-text{flex:1;max-width:560px}.hero-badge{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.05em;margin-bottom:var(--space-6)}.hero-title{color:var(--white);margin-bottom:var(--space-6);font-size:48px;font-weight:700;line-height:1.1}.hero-highlight{color:var(--color-accent)}.hero-description{font-size:var(--text-base);color:var(--gray-500);margin-bottom:var(--space-8);line-height:1.6}.hero-actions{align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);display:flex}.hero-cta-primary{padding:var(--space-3) var(--space-6);background:var(--color-accent);color:var(--white);font-size:var(--text-sm);transition:opacity var(--transition-fast);border-radius:999px;font-weight:600;text-decoration:none;display:inline-block}.hero-cta-primary:hover{opacity:.9}.hero-cta-secondary{padding:var(--space-3) var(--space-6);color:var(--white);font-size:var(--text-sm);transition:border-color var(--transition-fast);background:0 0;border:1px solid #fff3;border-radius:999px;font-weight:600;text-decoration:none;display:inline-block}.hero-cta-secondary:hover{border-color:#ffffff80}.hero-stats{gap:var(--space-10);display:flex}.hero-stat{gap:var(--space-1);flex-direction:column;display:flex}.hero-stat-value{font-size:var(--text-2xl);color:var(--white);font-weight:700}.hero-stat-value sub{font-size:var(--text-sm);color:var(--gray-500);font-weight:400}.hero-stat-label{font-size:10px;font-family:var(--font-mono);color:var(--gray-500);letter-spacing:.05em;text-transform:uppercase}.hero-dashboard{flex:1;max-width:800px}.hero-divider{border:none;border-top:1px solid #ffffff14;max-width:1200px;margin:0 auto}.dash{border-radius:var(--radius-lg);font-family:var(--font-mono);color:var(--gray-300);background:#ffffff08;border:1px solid #ffffff14;font-size:11px;overflow:hidden}.dash-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid #ffffff14;display:flex}.dash-live{color:#22c55e;font-size:10px}.dash-unit{color:var(--gray-500);font-size:10px}.dash-dots{gap:4px;margin-left:auto;display:flex}.dash-dots span{background:#ffffff26;border-radius:50%;width:8px;height:8px}.dash-body{grid-template-columns:1.2fr 1fr;display:grid}.dash-camera{padding:var(--space-2);border-right:1px solid #ffffff14}.dash-cam-label{color:var(--gray-500);margin-bottom:var(--space-2);letter-spacing:.05em;font-size:9px}.dash-cam-view{border-radius:var(--radius-sm);background:#0006;border:1px solid #ffffff0f;height:300px;position:relative}.dash-box{border:1.5px solid var(--color-accent);border-radius:2px;position:absolute}.dash-box span{background:var(--color-accent);color:var(--white);white-space:nowrap;border-radius:2px;padding:1px 6px;font-size:9px;position:absolute;top:-18px;left:0}.dash-box-vehicle{width:80px;height:90px;top:25%;left:35%}.dash-box-cyclist{width:60px;height:50px;bottom:20%;left:15%}.dash-crosshair{color:#ffffff4d;font-size:20px;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.dash-telemetry{padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.dash-section-title{color:var(--gray-500);letter-spacing:.08em;justify-content:space-between;font-size:9px;display:flex}.dash-metrics{gap:var(--space-1) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.dash-metric{justify-content:space-between;align-items:baseline;display:flex}.dash-metric-label{color:var(--gray-500);font-size:10px}.dash-metric-value{color:var(--white);font-size:13px;font-weight:500}.dash-metric-value sub{color:var(--gray-500);font-size:9px}.dash-bars{height:40px;padding:var(--space-1) 0;align-items:flex-end;gap:3px;display:flex}.dash-bars span{background:var(--color-accent);opacity:.7;border-radius:1px;flex:1}.dash-log{gap:var(--space-1);flex-direction:column;display:flex}.dash-log-entry{gap:var(--space-3);font-size:10px;display:flex}.dash-log-time{color:var(--gray-500)}.dash-log-text{color:var(--gray-300)}.dash-log-ok{color:#22c55e}.partners{background:var(--background-dark);padding:var(--space-10) var(--space-6) 0}.partners-content{max-width:1200px;margin:0 auto}.partners-title{text-align:center;font-family:var(--font-mono);color:var(--gray-500);letter-spacing:.1em;margin-bottom:var(--space-8);font-size:11px}.partners-logos{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);display:flex}.partners-logo{padding:var(--space-2) var(--space-6);font-family:var(--font-mono);color:var(--gray-500);letter-spacing:.05em;border:1px dashed #ffffff1f;border-radius:999px;font-size:11px}.partners-divider{border:none;border-top:1px solid #ffffff14}.platform{padding:var(--space-16) var(--space-6);max-width:1200px;margin:0 auto}.platform-header{margin-bottom:var(--space-10)}.platform-badge{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.platform-badge-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px}.platform-badge-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em}.platform-title{font-family:var(--font-family);color:var(--white);margin-bottom:var(--space-4);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.15}.platform-subtitle{font-family:var(--font-family);font-size:var(--text-base);color:var(--gray-500);max-width:600px;line-height:1.6}.platform-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.platform-card{border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;display:flex}.platform-card-tag{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.platform-card-title{font-family:var(--font-family);font-size:var(--text-xl);color:var(--white);font-weight:600}.platform-card-description{font-family:var(--font-family);font-size:var(--text-sm);color:var(--gray-500);line-height:1.6}.platform-card-specs{gap:var(--space-3);flex-direction:column;margin-top:auto;display:flex}.platform-card-spec{justify-content:space-between;align-items:baseline;display:flex}.platform-card-spec-label{font-family:var(--font-mono);color:var(--gray-500);font-size:11px}.platform-card-spec-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--white);text-align:right}.platform-card-api{gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-4);background:#0000004d;flex-direction:column;margin-top:auto;display:flex}.platform-card-endpoint{align-items:center;gap:var(--space-3);display:flex}.platform-card-method{font-family:var(--font-mono);text-align:center;border-radius:4px;min-width:40px;padding:2px 8px;font-size:10px;font-weight:700}.platform-card-method--post{color:var(--color-success);background:#16a34a33}.platform-card-method--get{color:var(--color-accent);background:#3b82f633}.platform-card-route{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gray-300)}.platform-card-dashboard{gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-4);background:#0000004d;flex-direction:column;margin-top:auto;display:flex}.platform-card-dashboard-row{background:#ffffff0d;border-radius:4px;height:12px;overflow:hidden}.platform-card-bar{border-radius:4px;height:100%}.platform-card-bar--accent{background:#3b82f680}.platform-card-bar--danger{background:#dc262680}.platform-card-bar--muted{background:#ffffff1a}.cta{padding:var(--space-16) var(--space-6);max-width:1200px;margin:0 auto}.cta-card{border-radius:var(--radius-lg);padding:var(--space-16) var(--space-6);text-align:center;align-items:center;gap:var(--space-4);background:linear-gradient(#ffffff0f 0%,#ffffff05 100%);border:1px solid #ffffff14;flex-direction:column;display:flex}.cta-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;display:flex}.cta-badge-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px}.cta-badge-text{font-family:var(--font-mono);color:var(--gray-300);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.cta-title{font-family:var(--font-family);color:var(--white);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.15}.cta-subtitle{font-family:var(--font-family);font-size:var(--text-base);color:var(--gray-500);max-width:550px;line-height:1.6}.cta-actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.cta-primary{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--white);background:var(--color-accent);padding:var(--space-3) var(--space-6);transition:background var(--transition-normal);border-radius:999px;font-weight:600;text-decoration:none}.cta-primary:hover{background:var(--color-accent-hover)}.cta-secondary{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--white);padding:var(--space-3) var(--space-6);transition:border-color var(--transition-normal);background:0 0;border:1px solid #fff3;border-radius:999px;font-weight:600;text-decoration:none}.cta-secondary:hover{border-color:#fff6}.insight-card{border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-2);transition:border-color var(--transition-normal);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;display:flex}.insight-card:hover{border-color:#ffffff26}.insight-card-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);letter-spacing:.05em;text-transform:uppercase}.insight-card-value{font-family:var(--font-family);font-size:var(--text-2xl);color:var(--white);font-weight:600}.insight-card-value sub{font-size:var(--text-sm);color:var(--gray-500);font-weight:400}.insight-card-footer{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:11px;display:flex}.insight-card-trend--up{color:var(--color-success)}.insight-card-trend--down{color:var(--color-danger)}.insight-card-trend--neutral{color:var(--gray-500)}.insights-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.vehicles-section{border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);background:#ffffff05;border:1px solid #ffffff0f}.vehicles-section-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.vehicles-section-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.vehicles-section-add{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);cursor:pointer;min-height:34px;transition:background var(--transition-normal);background:#3b82f61a;border:1px solid #3b82f64d;justify-content:center;align-items:center;display:inline-flex}.vehicles-section-add:hover{background:#3b82f633}.vehicles-section-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.vehicles-section-logs img{width:18px;height:18px;display:block}.vehicles-section-state{margin-left:auto}.vehicles-section-state img{width:18px;height:18px;display:block}.vehicles-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(600px,1fr));display:grid}.vehicle-card{border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);transition:border-color var(--transition-normal);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;display:flex}.vehicle-card:hover{border-color:var(--color-accent)}.vehicle-card-header{justify-content:space-between;align-items:center;display:flex}.vehicle-card-plate{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--white);letter-spacing:.05em;font-weight:600}.vehicle-card-status{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);border-radius:999px;font-size:10px;font-weight:600}.vehicle-card-status--active{color:var(--color-success);background:#16a34a26}.vehicle-card-status--inactive{color:var(--gray-500);background:#6b728026}.vehicle-card-status--alert{color:var(--color-danger);background:#dc262626}.vehicle-card-info{gap:var(--space-2);flex-direction:column;display:flex}.vehicle-card-row{justify-content:space-between;align-items:baseline;display:flex}.vehicle-card-label{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.vehicle-card-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gray-300)}.vehicle-card-divider{background:#ffffff0f;height:1px}.vehicle-card-footer{justify-content:space-between;align-items:center;display:flex}.vehicle-card-last-seen{font-family:var(--font-mono);color:var(--gray-500);font-size:10px}.vehicle-card-alerts{font-family:var(--font-mono);color:var(--gray-500);font-size:11px}.vehicle-card-alerts--danger{color:var(--color-danger)}.vehicle-register-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s vehicleRegisterModalFadeIn;display:flex;position:fixed;top:0;left:0}.vehicle-register-modal{background:var(--nav-bar-bg);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);border:1px solid #ffffff1a;flex-direction:column;min-width:400px;max-width:500px;display:flex}.vehicle-register-modal-header{justify-content:space-between;align-items:center;display:flex}.vehicle-register-modal-title{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--white);letter-spacing:.05em;font-weight:600}.vehicle-register-modal-close{color:var(--gray-500);cursor:pointer;font-size:var(--text-lg);transition:color var(--transition-fast);background:0 0;border:none;padding:0;line-height:1}.vehicle-register-modal-close:hover{color:var(--white)}.vehicle-register-modal-body{gap:var(--space-4);flex-direction:column;display:flex}.vehicle-register-modal-label{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.vehicle-register-modal-actions{gap:var(--space-2);flex-direction:column;display:flex}.vehicle-register-modal-dismiss{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--gray-500);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;width:100%;transition:border-color var(--transition-normal);background:0 0;border:1px solid #ffffff1a}.vehicle-register-modal-dismiss:hover{border-color:#ffffff4d}.vehicle-register-modal-form{gap:var(--space-4);flex-direction:column;display:flex}.vehicle-register-modal-field{gap:var(--space-2);flex-direction:column;display:flex}.vehicle-register-modal-input{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--white);font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--transition-normal);background:#ffffff0d;border:1px solid #ffffff1a;outline:none}.vehicle-register-modal-input:focus{border-color:var(--color-accent)}.vehicle-register-modal-input::placeholder{color:var(--gray-500)}.vehicle-register-modal-submit{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--white);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;width:100%;transition:background var(--transition-normal);background:#3b82f6cc;border:none;font-weight:600}.vehicle-register-modal-submit:hover{background:#3b82f6}.vehicle-register-modal-select{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--white);font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--transition-normal);background:#ffffff0d;border:1px solid #ffffff1a;outline:none}.vehicle-register-modal-select:focus{border-color:var(--color-accent)}.vehicle-register-modal-select option{background:var(--nav-bar-bg);color:var(--white)}@keyframes vehicleRegisterModalFadeIn{0%{opacity:0}to{opacity:1}}.vehicle-details-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s vehicleDetailsModalFadeIn;display:flex;position:fixed;top:0;left:0}.vehicle-details-modal{background:var(--nav-bar-bg);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);border:1px solid #ffffff1a;flex-direction:column;min-width:400px;max-width:500px;display:flex}.vehicle-details-modal-header{justify-content:space-between;align-items:center;display:flex}.vehicle-details-modal-title{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--white);letter-spacing:.05em;font-weight:600}.vehicle-details-modal-close{color:var(--gray-500);cursor:pointer;font-size:var(--text-lg);transition:color var(--transition-fast);background:0 0;border:none;padding:0;line-height:1}.vehicle-details-modal-close:hover{color:var(--white)}.vehicle-details-modal-body{gap:var(--space-4);flex-direction:column;display:flex}.vehicle-details-modal-section{gap:var(--space-3);flex-direction:column;display:flex}.vehicle-details-modal-row{justify-content:space-between;align-items:center;display:flex}.vehicle-details-modal-label{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.vehicle-details-modal-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--white)}.vehicle-details-modal-divider{background:#ffffff0f;height:1px}.vehicle-details-modal-alert-list{gap:var(--space-1);scrollbar-width:none;flex-direction:column;max-height:150px;display:flex;overflow-y:auto}.vehicle-details-modal-alert-list::-webkit-scrollbar{display:none}.vehicle-details-modal-alert-item{padding:var(--space-2);border-radius:var(--radius-md);background:#ffffff08;justify-content:space-between;align-items:center;display:flex}.vehicle-details-modal-actions{gap:var(--space-2);flex-direction:column;display:flex}.vehicle-details-modal-delete{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;width:100%;transition:background var(--transition-normal);background:#dc26261a;border:1px solid #dc26264d;font-weight:600}.vehicle-details-modal-delete:hover{background:#dc262633}.vehicle-details-modal-dismiss{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--gray-500);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;width:100%;transition:border-color var(--transition-normal);background:0 0;border:1px solid #ffffff1a}.vehicle-details-modal-dismiss:hover{border-color:#ffffff4d}.vehicle-details-modal-status{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);border-radius:999px;font-size:10px;font-weight:600}.vehicle-details-modal-status--active{color:var(--color-success);background:#16a34a26}.vehicle-details-modal-status--inactive{color:var(--gray-500);background:#6b728026}@keyframes vehicleDetailsModalFadeIn{0%{opacity:0}to{opacity:1}}.alert-toast-container{top:var(--space-8);right:var(--space-6);z-index:999;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.alert-toast{background:var(--nav-bar-bg);border:1px solid #0000;border-left:3px solid var(--color-danger);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);gap:var(--space-2);flex-direction:column;min-width:320px;max-width:420px;animation:.3s toastSlideIn;display:flex;box-shadow:0 4px 20px #0006}.alert-toast--fatal{border-color:#dc262680;border-left-color:var(--color-danger)}.alert-toast--severe{border-color:#f59e0b66;border-left-color:var(--color-warning)}.alert-toast--moderate{border-color:#f59e0b4d;border-left-color:var(--color-warning)}.alert-toast--minor{border-color:#16a34a4d;border-left-color:var(--color-success)}.alert-toast-header{justify-content:space-between;align-items:center;display:flex}.alert-toast-title{font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.alert-toast--fatal .alert-toast-title{color:var(--color-danger)}.alert-toast--severe .alert-toast-title{color:#f97316}.alert-toast--moderate .alert-toast-title{color:#f59e0b}.alert-toast--minor .alert-toast-title{color:var(--color-success)}.alert-toast-close{color:var(--gray-500);cursor:pointer;font-size:var(--text-lg);transition:color var(--transition-fast);background:0 0;border:none;padding:0;line-height:1}.alert-toast-close:hover{color:var(--white)}.alert-toast-body{gap:var(--space-1);flex-direction:column;display:flex}.alert-toast-zone{font-family:var(--font-family);font-size:var(--text-base);color:var(--white);font-weight:500}.alert-toast-detail{font-family:var(--font-mono);color:var(--gray-500);font-size:11px}.alert-toast-severity{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);border-radius:999px;width:fit-content;font-size:10px;font-weight:600;display:inline-block}.alert-toast-severity--fatal{color:var(--color-danger);background:#dc262626}.alert-toast-severity--severe{color:var(--color-warning);background:#f59e0b26}.alert-toast-severity--moderate{color:var(--color-warning);background:#f59e0b1a}.alert-toast-severity--minor{color:var(--color-success);background:#16a34a26}.alert-toast-emergency--minor{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-success);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;width:100%;transition:background var(--transition-normal);background:#16a34a1a;border:1px solid #16a34a4d}.alert-toast-emergency--minor:hover{background:#16a34a33}.alert-toast-emergency--moderate{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:#f59e0b;font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;width:100%;transition:background var(--transition-normal);background:#f59e0b1a;border:1px solid #f59e0b4d}.alert-toast-emergency--moderate:hover{background:#f59e0b33}.alert-toast-emergency--severe{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:#f97316;font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;width:100%;transition:background var(--transition-normal);background:#f973161a;border:1px solid #f973164d}.alert-toast-emergency--severe:hover{background:#f9731633}.alert-toast-emergency--fatal{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background:#dc26261a;border:1px solid #dc26264d;width:100%;animation:1.5s ease-in-out infinite emergencyPulse}.alert-toast-emergency--fatal:hover{background:#dc262633}.emergency-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s overlayFadeIn;display:flex;position:fixed;top:0;left:0}.emergency-popup{background:var(--nav-bar-bg);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);border:1px solid #ffffff1a;flex-direction:column;min-width:400px;max-width:500px;display:flex}.emergency-popup-header{justify-content:space-between;align-items:center;display:flex}.emergency-popup-title{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--white);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.emergency-popup-summary{gap:var(--space-3);flex-direction:column;display:flex}.emergency-popup-row{justify-content:space-between;align-items:center;display:flex}.emergency-popup-label{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.emergency-popup-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--white)}.emergency-popup-actions{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.emergency-popup-call{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--white);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;text-align:center;transition:background var(--transition-normal);background:#dc2626cc;border:none;font-weight:600;text-decoration:none}.emergency-popup-call:hover{background:#dc2626}.emergency-popup-dismiss{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--gray-500);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-normal);background:0 0;border:1px solid #ffffff1a}.emergency-popup-dismiss:hover{border-color:#ffffff4d}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes emergencyPulse{0%,to{box-shadow:none;background:#dc26261a}50%{background:#dc262640;box-shadow:0 0 12px #dc26264d}}.demo-faq-section{margin-top:var(--space-6);margin-bottom:var(--space-6)}.demo-faq-header{margin-bottom:var(--space-4)}.demo-faq-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.demo-faq-list{flex-direction:column;gap:8px;display:flex}.demo-faq-item{border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;color:inherit;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;padding:20px 24px;display:flex}.demo-faq-item:hover{background:#ffffff0a}.demo-faq-item--open{border-color:#3b82f640}.demo-faq-question{justify-content:space-between;align-items:center;gap:var(--space-4);font-family:var(--font-mono);color:var(--white);font-size:14px;font-weight:600;display:flex}.demo-faq-icon{color:var(--gray-500);flex-shrink:0;font-size:18px;line-height:1}.demo-faq-answer{font-family:var(--font-mono);color:#fff;border-top:1px solid #ffffff0a;margin:12px 0 0;padding-top:12px;font-size:13px;line-height:1.6}.demo-form-section{margin-top:var(--space-6)}.demo-form-header{margin-bottom:var(--space-4)}.demo-form-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.demo-form{gap:var(--space-4);border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;padding:32px;display:flex}.demo-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.demo-form-field{flex-direction:column;gap:8px;display:flex}.demo-form-field-label{font-family:var(--font-mono);color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.demo-form-input,.demo-form-textarea{font-family:var(--font-mono);color:var(--gray-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;outline:none;padding:12px 16px;font-size:14px}.demo-form-input::placeholder,.demo-form-textarea::placeholder{color:var(--gray-600)}.demo-form-input:focus,.demo-form-textarea:focus{background:#ffffff0f;border-color:#3b82f680}.demo-form-textarea{resize:vertical;min-height:100px}.demo-form-submit{font-family:var(--font-mono);color:var(--white);background:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;align-self:flex-start;padding:14px 28px;font-size:14px;font-weight:600}.demo-form-submit:hover{background:var(--color-accent-hover)}.demo-form-success{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);text-align:center;background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;padding:64px 32px;display:flex}.demo-form-success-icon{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.demo-form-success-title{font-family:var(--font-mono);color:var(--white);margin:0;font-size:24px;font-weight:700}.demo-form-success-text{font-family:var(--font-mono);font-size:var(--text-sm);color:#fff;margin:0}.demo-header{border-radius:var(--radius-lg);isolation:isolate;background:#ffffff05;border:1px solid #ffffff0f;padding:56px 48px;position:relative;overflow:hidden}.demo-header-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f62e 0%,#0000 65%);width:600px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.demo-header-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000080 0%,#0000 100%);mask-image:linear-gradient(#00000080 0%,#0000 100%)}.demo-header-content{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex;position:relative}.demo-header-eyebrow{align-items:center;gap:var(--space-2);font-family:var(--font-mono);color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;background:#3b82f614;border:1px solid #3b82f640;border-radius:999px;width:fit-content;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.demo-header-dot{background:var(--color-accent);border-radius:999px;width:6px;height:6px;animation:2.5s ease-in-out infinite demo-header-pulse;box-shadow:0 0 10px #3b82f6e6}@keyframes demo-header-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.demo-header-title{font-family:var(--font-mono);color:var(--white);letter-spacing:-.02em;margin:0;font-size:48px;font-weight:700;line-height:1.1}.demo-header-title-accent{background:linear-gradient(135deg, var(--color-accent) 0%, #60a5fa 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.demo-header-description{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gray-300);max-width:720px;margin:0;line-height:1.6}.demo-header-stats{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid #ffffff0f;align-items:center;gap:2rem;width:fit-content;display:flex}.demo-header-stat{flex-direction:column;gap:4px;display:flex}.demo-header-stat-value{font-family:var(--font-mono);color:var(--white);letter-spacing:.02em;font-size:20px;font-weight:700;line-height:1}.demo-header-stat-label{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.demo-header-stat-divider{background:#ffffff14;width:1px;height:32px}.aboutus-hero{text-align:center;padding:var(--space-16) var(--space-6);align-items:center;gap:var(--space-4);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.aboutus-hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;display:flex}.aboutus-hero-badge-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px}.aboutus-hero-badge-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em}.aboutus-hero-title{font-family:var(--font-family);color:var(--white);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.15}.aboutus-hero-subtitle{font-family:var(--font-family);font-size:var(--text-base);color:var(--gray-500);max-width:600px;line-height:1.7}.mission{padding:0 var(--space-6) var(--space-16);max-width:1200px;margin:0 auto}.mission-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.mission-card{border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-3);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;display:flex}.mission-card-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.1em}.mission-card-title{font-family:var(--font-family);font-size:var(--text-xl);color:var(--white);font-weight:600}.mission-card-text{font-family:var(--font-family);font-size:var(--text-sm);color:var(--gray-500);line-height:1.7}.team{padding:0 var(--space-6) var(--space-16);gap:var(--space-8);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.team-header{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.team-badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em}.team-title{font-family:var(--font-family);font-size:var(--text-2xl);color:var(--white);font-weight:600}.team-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);max-width:700px;margin:0 auto;display:grid}.team-card{border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;align-items:center;gap:var(--space-3);transition:border-color var(--transition-normal);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;display:flex}.team-card:hover{border-color:var(--color-accent)}.team-card-avatar{width:64px;height:64px;font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-accent);background:#2563eb26;border:1px solid #2563eb4d;border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.team-card-name{font-family:var(--font-family);font-size:var(--text-base);color:var(--white);font-weight:600}.team-card-tag{font-family:var(--font-mono);color:var(--color-accent);padding:var(--space-1) var(--space-2);background:#2563eb1a;border-radius:999px;font-size:10px}.values{padding:0 var(--space-6) var(--space-16);gap:var(--space-8);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.values-header{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.values-badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em}.values-title{font-family:var(--font-family);font-size:var(--text-2xl);color:var(--white);font-weight:600}.values-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.values-card{border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-3);transition:border-color var(--transition-normal);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;display:flex}.values-card:hover{border-color:#ffffff26}.values-card-icon{font-size:var(--text-2xl)}.values-card-title{font-family:var(--font-family);font-size:var(--text-xl);color:var(--white);font-weight:600}.values-card-text{font-family:var(--font-family);font-size:var(--text-sm);color:var(--gray-500);line-height:1.7}.technology{padding:var(--space-16) var(--space-6);gap:var(--space-10);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.technology-header{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.technology-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;display:flex}.technology-badge-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px}.technology-badge-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em}.technology-title{font-family:var(--font-family);color:var(--white);font-size:clamp(2rem,4vw,3rem);font-weight:600}.technology-subtitle{font-family:var(--font-family);font-size:var(--text-base);color:var(--gray-500);max-width:600px;line-height:1.7}.technology-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.technology-card{border-radius:var(--radius-lg);transition:border-color var(--transition-normal);background:#ffffff08;border:1px solid #ffffff14;overflow:hidden}.technology-card:hover{border-color:#ffffff26}.technology-card-image{background:#0003;width:100%;height:240px;overflow:hidden}.technology-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.technology-card:hover .technology-card-image img{transform:scale(1.03)}.technology-card-content{padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.technology-card-title{font-family:var(--font-family);font-size:var(--text-xl);color:var(--white);font-weight:600}.technology-card-description{font-family:var(--font-family);font-size:var(--text-sm);color:var(--gray-500);line-height:1.7}.documentation-header{border-radius:var(--radius-lg);isolation:isolate;background:#ffffff05;border:1px solid #ffffff0f;padding:56px 48px;position:relative;overflow:hidden}.documentation-header-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f62e 0%,#0000 65%);width:600px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.documentation-header-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000080 0%,#0000 100%);mask-image:linear-gradient(#00000080 0%,#0000 100%)}.documentation-header-content{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex;position:relative}.documentation-header-eyebrow{align-items:center;gap:var(--space-2);font-family:var(--font-mono);color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;background:#3b82f614;border:1px solid #3b82f640;border-radius:999px;width:fit-content;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.documentation-header-dot{background:var(--color-accent);border-radius:999px;width:6px;height:6px;animation:2.5s ease-in-out infinite documentation-header-pulse;box-shadow:0 0 10px #3b82f6e6}@keyframes documentation-header-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.documentation-header-title{font-family:var(--font-mono);color:var(--white);letter-spacing:-.02em;margin:0;font-size:48px;font-weight:700;line-height:1.1}.documentation-header-title-accent{background:linear-gradient(135deg, var(--color-accent) 0%, #60a5fa 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.documentation-header-description{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gray-300);max-width:720px;margin:0;line-height:1.6}.documentation-header-stats{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid #ffffff0f;align-items:center;gap:2rem;width:fit-content;display:flex}.documentation-header-stat{flex-direction:column;gap:4px;display:flex}.documentation-header-stat-value{font-family:var(--font-mono);color:var(--white);letter-spacing:.02em;font-size:20px;font-weight:700;line-height:1}.documentation-header-stat-label{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.documentation-header-stat-divider{background:#ffffff14;width:1px;height:32px}.documents-section{margin-top:var(--space-6)}.documents-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.documents-section-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.documents-section-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500)}.documents-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.document-card{border-radius:var(--radius-lg);font-family:var(--font-mono);color:inherit;cursor:pointer;text-align:left;transition:background var(--transition-normal), border-color var(--transition-normal), transform var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:20px;padding:24px 28px;display:flex}.document-card:hover{background:#ffffff0a;border-color:#3b82f659;transform:translateY(-2px)}.document-card:hover .document-card-arrow{color:var(--color-accent);transform:translate(4px)}.document-card:hover .document-card-icon{background:#3b82f62e;border-color:#3b82f666}.document-card-icon{border-radius:var(--radius-md);width:44px;height:44px;transition:background var(--transition-normal), border-color var(--transition-normal);background:#3b82f61a;border:1px solid #3b82f640;flex-shrink:0;justify-content:center;align-items:center;display:flex}.document-card-content{flex-direction:column;flex:1;gap:8px;min-width:0;padding-right:12px;display:flex}.document-card-title{font-family:var(--font-mono);color:var(--white);letter-spacing:.02em;font-size:15px;font-weight:700;line-height:1.3}.document-card-description{font-family:var(--font-mono);color:var(--gray-300);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.document-card-meta{align-items:center;gap:10px;margin-top:4px;display:flex}.document-card-meta-item{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600}.document-card-meta-divider{font-family:var(--font-mono);color:var(--gray-500);opacity:.5}.document-card-arrow{color:var(--gray-500);transition:color var(--transition-normal), transform var(--transition-normal);flex-shrink:0;font-size:18px;line-height:1}.doc-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.doc-modal{background:var(--gray-900);border-radius:var(--radius-lg);border:1px solid #ffffff1a;flex-direction:column;width:90%;height:90%;display:flex;overflow:hidden}.doc-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.doc-modal-title{font-family:var(--font-mono);color:var(--white);font-size:14px;font-weight:700}.doc-modal-close{color:#fff;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:18px}.doc-modal-close:hover{color:var(--white);background:#ffffff1a}.doc-modal-iframe{border:none;flex:1;width:100%}.logs-section{border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);background:#ffffff05;border:1px solid #ffffff0f}.logs-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.logs-section-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.logs-section-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500)}.logs-filters{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0f;flex-wrap:wrap;align-items:flex-end;display:flex}.logs-filter-field{gap:var(--space-2);flex-direction:column;flex:1;min-width:180px;display:flex}.logs-filter-label{font-family:var(--font-mono);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.logs-filter-select,.logs-filter-input{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--white);font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--transition-normal);background:#ffffff0d;border:1px solid #ffffff1a;outline:none}.logs-filter-select:focus,.logs-filter-input:focus{border-color:var(--color-accent)}.logs-filter-select option{background:var(--nav-bar-bg);color:var(--white)}.logs-filter-input::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.logs-filter-clear{padding:var(--space-2);border-radius:var(--radius-md);color:var(--gray-500);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-normal), background var(--transition-normal);background:0 0;border:1px solid #ffffff1a;justify-content:center;align-items:center;height:fit-content;display:inline-flex}.logs-filter-clear:hover{background:#ffffff0a;border-color:#ffffff4d}.logs-filter-clear img{width:18px;height:18px;display:block}.logs-table-wrapper{border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;border:1px solid #ffffff0f;overflow-x:auto}.logs-table-wrapper::-webkit-scrollbar{height:6px}.logs-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.logs-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:var(--text-sm)}.logs-table thead{background:#ffffff08}.logs-table th{text-align:left;padding:var(--space-3);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-align:center;border-bottom:1px solid #ffffff0f;font-size:11px;font-weight:600}.logs-table td{padding:var(--space-3);color:var(--gray-300);text-align:center;border-bottom:1px solid #ffffff08}.logs-table tbody tr{transition:background var(--transition-fast)}.logs-table tbody tr:hover{background:#ffffff05}.logs-table tbody tr:last-child td{border-bottom:none}.logs-table-cell-time{white-space:nowrap;color:var(--white)!important}.logs-table-impact{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);color:var(--gray-500);background:#6b728026;border-radius:999px;font-size:11px;font-weight:600;display:inline-block}.logs-table-impact--alert{color:var(--color-danger);background:#dc262626}.logs-table-badge{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);border-radius:999px;font-size:10px;font-weight:600;display:inline-block}.logs-table-badge--ok{color:var(--color-success);background:#16a34a26}.logs-table-badge--warn{color:var(--color-danger);background:#dc262626}.logs-pagination{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);display:flex}.logs-pagination-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--gray-300);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-normal), background var(--transition-normal);background:0 0;border:1px solid #ffffff1a}.logs-pagination-btn:hover:not(:disabled){color:var(--white);background:#ffffff0a;border-color:#ffffff4d}.logs-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.logs-pagination-page{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gray-500)}.logs-empty{padding:var(--space-6);text-align:center}.logs-empty-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gray-500)}