:root{--color-bg-primary: #0d0d12;--color-bg-secondary: #15151e;--color-bg-elevated: rgba(30, 41, 59, .6);--color-bg-card: rgba(21, 21, 30, .7);--color-bg-sidebar: rgba(8, 8, 12, .98);--color-bg-hover: rgba(0, 174, 239, .08);--color-text-primary: #f0f4f8;--color-text-secondary: #8a9bb0;--color-text-light: #5a6a7e;--color-text-inverse: #0d0d12;--color-border: rgba(60, 70, 90, .3);--color-border-light: rgba(40, 50, 70, .2);--color-primary: #00aeef;--color-primary-hover: #0090cc;--color-primary-dark: #007aad;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #00aeef;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*{margin:0;padding:0;box-sizing:border-box}html{background:#0d0d12}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0d12;color:var(--color-text-primary);line-height:1.6;min-height:100vh}#root{width:100%;min-height:100vh}.layout{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;margin-left:260px}.page-content{flex:1;padding:24px 32px;overflow-y:auto}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:#08080cfa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(0,174,239,.12);display:flex;flex-direction:column;z-index:100;box-shadow:4px 0 32px #0009}.sidebar-header{padding:28px 24px 22px;border-bottom:1px solid rgba(0,174,239,.12)}.logo-mark{display:flex;align-items:center;gap:12px}.logo-img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.landing-logo-img{width:52px;height:52px}.logo-name{font-size:14px;font-weight:800;color:#fff;letter-spacing:2px;text-transform:uppercase;line-height:1.2}.logo-tagline{font-size:9px;font-weight:400;color:#6b7f94;letter-spacing:1.2px;text-transform:uppercase;margin-top:3px}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--color-text-secondary);text-decoration:none;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:4px;font-size:13px;font-weight:500;letter-spacing:.2px;position:relative}.nav-item:hover{background:#00aeef1a;color:#00aeef;transform:translate(4px)}.nav-item.active{background:#00aeef26;color:#00aeef;box-shadow:0 2px 8px #00aeef33}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:22px;background:#00aeef;border-radius:0 3px 3px 0}.sidebar-footer{padding:20px 16px;border-top:1px solid rgba(0,174,239,.12)}.header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:#0d0d12e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,174,239,.1);position:sticky;top:0;z-index:50;box-shadow:0 4px 16px #0006}.user-menu{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#15151eb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(60,70,90,.4);border-radius:4px;cursor:pointer;transition:all .3s ease;margin-left:auto}.user-menu:hover{background:#15151ef2;border-color:#00aeef;transform:translateY(-2px);box-shadow:0 4px 12px #00aeef33}.user-name{font-size:14px;font-weight:500;color:var(--color-text-primary)}.role-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.role-badge-admin{background:#00aeef26;color:#00aeef;border:1px solid rgba(0,174,239,.3)}.role-badge-viewer{background:#94a3b81f;color:var(--color-text-secondary);border:1px solid rgba(148,163,184,.25)}.car-details{max-width:1600px;margin:0 auto}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:28px;animation:slideInLeft .4s ease-out}.back-link{display:flex;align-items:center;gap:6px;color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:600;padding:8px 14px;border-radius:8px;transition:all .3s ease}.back-link:hover{background:#00aeef14;transform:translate(-4px)}.breadcrumb{font-size:13px;color:var(--color-text-light);font-weight:500}.car-title-section{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px;background:#15151ecc;border:1px solid rgba(0,174,239,.12);border-radius:var(--radius-lg);margin-bottom:28px}.car-title-left{display:flex;gap:20px;align-items:center}.car-icon{width:80px;height:80px;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:var(--shadow-md)}.car-title-info{display:flex;flex-direction:column;gap:8px}.car-title{font-size:32px;font-weight:700;color:var(--color-text-primary);margin:0}.license-plate{font-size:16px;color:var(--color-text-secondary);margin:0}.car-title-actions{display:flex;gap:12px}.btn-primary,.btn-secondary,.btn-outline,.btn-danger,.btn-icon,.btn-text{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:#00aeef;color:#fff;box-shadow:0 4px 12px #00aeef40}.btn-primary:hover{background:#0090cc;transform:translateY(-2px);box-shadow:0 8px 20px #00aeef59;color:#fff}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-primary);border-color:var(--color-primary);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00aeef33}.btn-icon{padding:10px;background:transparent;color:var(--color-text-secondary);border-radius:8px}.btn-icon:hover{background-color:var(--color-bg-primary);color:var(--color-primary);transform:scale(1.1)}.btn-text{padding:8px 14px;background:transparent;color:var(--color-primary);border-radius:8px}.btn-text:hover{background-color:#00aeef1a;transform:translate(2px)}.btn-text.text-danger{color:var(--color-danger)}.btn-text.text-danger:hover{background-color:#ef44441a}.btn-full{width:100%;justify-content:center}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.status-badge:hover{transform:scale(1.05)}.status-active,.status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #86efac;box-shadow:0 2px 8px #10b98126}.status-open{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24;box-shadow:0 2px 8px #f59e0b26}.status-closed,.status-ended{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid #cbd5e1}.status-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24;box-shadow:0 2px 8px #f59e0b26}.status-available{color:var(--color-success);font-weight:600}.details-grid{display:grid;grid-template-columns:1fr 380px;gap:32px}.details-main{display:flex;flex-direction:column;gap:28px}.details-sidebar{display:flex;flex-direction:column;gap:24px}.info-card{background:#15151eb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:28px 32px;box-shadow:0 4px 24px #0006;border:1px solid rgba(60,70,90,.3)}.section-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.2px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:13px;color:var(--color-text-secondary);font-weight:500}.info-value{font-size:15px;color:var(--color-text-primary);font-weight:500}.info-highlight{color:var(--color-primary);font-weight:700}.driver-card{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border:2px solid rgba(245,158,11,.4)}.driver-profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.driver-avatar{width:80px;height:80px;background-color:var(--color-bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:var(--shadow-md);margin-bottom:8px}.driver-name{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.driver-department,.driver-assigned{font-size:13px;color:var(--color-text-secondary);margin:0}.driver-history{display:flex;flex-direction:column;gap:16px}.history-item{display:flex;gap:12px;align-items:flex-start}.history-number{width:28px;height:28px;background-color:var(--color-bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.history-details{flex:1}.history-name{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.history-dates{font-size:12px;color:var(--color-text-secondary);margin:0 0 6px}.cards-info{display:flex;flex-direction:column;gap:14px}.card-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--color-border-light)}.card-item:last-child{border-bottom:none;padding-bottom:0}.card-label{font-size:13px;color:var(--color-text-secondary);font-weight:500}.card-value{font-size:14px;color:var(--color-text-primary);font-weight:600}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{background-color:var(--color-bg-primary)}.data-table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--color-text-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--color-bg-primary)}.table-actions{display:flex;gap:8px}.documents-list{display:flex;flex-direction:column;gap:12px}.document-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--color-bg-primary);border-radius:var(--radius-md);transition:all .2s ease}.document-item:hover{box-shadow:var(--shadow-sm);transform:translate(2px)}.document-info{display:flex;gap:12px;align-items:center}.file-icon{color:var(--color-primary)}.file-icon.file-pdf{color:#ef4444}.file-icon.file-zip{color:#10b981}.document-details{display:flex;flex-direction:column;gap:2px}.document-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.document-date{font-size:12px;color:var(--color-text-secondary)}.document-actions{display:flex;gap:12px}.page{padding:40px}.page h1{font-size:32px;font-weight:700;color:var(--color-text-primary);margin-bottom:16px}.page p{font-size:16px;color:var(--color-text-secondary)}.car-hero{position:relative;margin-bottom:32px;border-radius:16px;overflow:hidden;animation:fadeIn .5s ease-out}.car-hero-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00aeef1f,#0090cc14,#00aeef0a)}.car-hero-content{position:relative;padding:48px;display:flex;justify-content:space-between;align-items:flex-start;background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.4)}.car-hero-left{display:flex;gap:24px;align-items:center}.car-icon-large{width:100px;height:100px;background:#00aeef26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#00aeef;border:2px solid rgba(0,174,239,.3);box-shadow:0 8px 24px #00aeef33}.car-hero-info{display:flex;flex-direction:column;gap:12px}.car-hero-badges{display:flex;gap:8px;align-items:center}.badge-outline{padding:4px 12px;border:1.5px solid rgba(0,174,239,.5);border-radius:20px;font-size:12px;font-weight:700;color:#4dc8f5;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.source-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;vertical-align:middle;line-height:1.4}.source-badge-imported{color:#64748b;background:#64748b26}.source-badge-manual{color:#f59e0b;background:#f59e0b26}.car-hero-title{font-size:42px;font-weight:800;color:var(--color-text-primary);margin:0;letter-spacing:-1px}.car-hero-meta{display:flex;gap:16px;align-items:center;color:var(--color-text-secondary);font-size:15px;font-weight:600}.meta-item{display:flex;align-items:center;gap:6px}.meta-divider{color:var(--color-text-light)}.car-hero-actions{display:flex;gap:12px}.btn-outline{background:#1e293b99;border:2px solid rgba(0,174,239,.5);color:#4dc8f5!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.btn-outline:hover{background:#1e293be6;border-color:#00aeef;color:#8ae0fc!important;transform:translateY(-2px);box-shadow:0 4px 16px #00aeef66}.btn-danger{background:#ef44441f;border:1.5px solid rgba(239,68,68,.5);color:#f87171!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.btn-danger:hover{background:#ef444438;border-color:#ef4444;color:#fca5a5!important;transform:translateY(-2px);box-shadow:0 4px 16px #ef444459}.quick-stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-40px;padding:0 40px 32px;z-index:10}.quick-stat-card{background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:24px;display:flex;gap:18px;align-items:center;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(71,85,105,.4);transition:all .3s ease;animation:fadeInUp .5s ease-out backwards}.quick-stat-card:nth-child(1){animation-delay:.1s}.quick-stat-card:nth-child(2){animation-delay:.2s}.quick-stat-card:nth-child(3){animation-delay:.3s}.quick-stat-card:nth-child(4){animation-delay:.4s}.quick-stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00aeef4d;border-color:#00aeef99}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-blue{background:linear-gradient(135deg,#00aeef,#0090cc);color:#fff}.stat-icon-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon-purple{background:linear-gradient(135deg,#0090cc,#007aad);color:#fff}.stat-icon-orange{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:12px;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:700;color:var(--color-text-primary)}.stat-value-small{font-size:16px}.card-enhanced{border:1px solid rgba(71,85,105,.3);box-shadow:0 4px 24px #0000004d;transition:all .3s ease;animation:fadeInUp .4s ease-out}.card-enhanced:hover{box-shadow:0 8px 32px #00aeef33;transform:translateY(-4px);border-color:#00aeef80}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-header-left{display:flex;align-items:center;gap:12px}.card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);color:var(--color-primary)}.card-icon-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.card-icon-purple{background:linear-gradient(135deg,#d6f0fe,#8ae0fc);color:#005f8a}.card-icon-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.card-icon-red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.card-icon-orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#9a3412}.info-grid-enhanced{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item-enhanced{display:flex;gap:14px;padding:18px;background:#1e293b80;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(71,85,105,.3);position:relative}.info-item-enhanced:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#00aeef,#0090cc);border-radius:12px 0 0 12px;opacity:0;transition:opacity .3s ease}.info-item-enhanced:hover{background:#1e293bcc;transform:translate(6px);box-shadow:0 4px 16px #00aeef4d;border-color:#00aeef80}.info-item-enhanced:hover:before{opacity:1}.info-item-icon{width:44px;height:44px;border-radius:10px;background:#00aeef26;display:flex;align-items:center;justify-content:center;color:#00aeef;flex-shrink:0;box-shadow:0 2px 8px #00aeef33;transition:transform .3s ease}.info-item-enhanced:hover .info-item-icon{transform:scale(1.1) rotate(-5deg)}.info-item-content{display:flex;flex-direction:column;gap:5px;justify-content:center;flex:1}.editable-value-wrap{display:inline-flex;align-items:center;gap:6px;width:fit-content}.info-item-editable .editable-value-wrap{cursor:pointer;border-radius:6px;transition:color .15s}.info-item-editable .editable-value-wrap:hover{color:#00aeef;text-decoration:underline dotted;text-underline-offset:3px}.edit-hint-icon{opacity:0;color:#00aeef;transition:opacity .15s;flex-shrink:0}.info-item-editable:hover .edit-hint-icon{opacity:.7}.inline-edit-input{width:100%;box-sizing:border-box;padding:5px 8px;background:#0d0d12cc;border:1.5px solid var(--color-primary);border-radius:6px;font-size:15px;font-family:Inter,sans-serif;font-weight:500;color:var(--color-text-primary)}.inline-edit-input:focus{outline:none;box-shadow:0 0 0 3px #00aeef26}.financial-item-editable .editable-value-wrap:hover,.lease-item-editable .editable-value-wrap:hover{color:#00aeef;text-decoration:underline dotted;text-underline-offset:3px}.financial-item-editable:hover .edit-hint-icon,.lease-item-editable:hover .edit-hint-icon{opacity:.7}.financial-item .inline-edit-input,.lease-item .inline-edit-input{width:140px;text-align:right;margin-left:auto}.card-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.financial-grid{display:flex;flex-direction:column;gap:12px}.financial-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;background:#1e293b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border:2px solid rgba(71,85,105,.4);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.financial-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00aeef,#007aad);opacity:0;transition:opacity .3s ease;border-radius:14px 0 0 14px}.financial-item:hover{background:#1e293bcc;border-color:#00aeef99;transform:translate(4px);box-shadow:0 4px 20px #00aeef4d}.financial-item:hover:before{opacity:1}.financial-item-highlight{background:linear-gradient(135deg,#00aeef33,#00aeef33);border-color:#00aeef99;border-width:2px;box-shadow:0 4px 16px #00aeef4d}.financial-item-highlight:before{opacity:1;background:linear-gradient(180deg,#00aeef,#007aad)}.financial-item-highlight:hover{transform:translate(6px);box-shadow:0 6px 24px #00aeef40}.financial-item-highlight .financial-value{color:#4dc8f5;font-size:22px}.financial-item>*{position:relative;z-index:1}.financial-label-container{display:flex;flex-direction:column;gap:4px;flex:1}.financial-label{font-size:13px;font-weight:600;color:var(--color-text-primary);letter-spacing:0}.financial-sublabel{font-size:11px;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.financial-value-container{display:flex;align-items:center;gap:8px}.financial-value{font-size:20px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.5px;white-space:nowrap}.financial-value.discount{color:var(--color-success)}.lease-details{display:flex;flex-direction:column;gap:16px}.lease-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--color-border-light)}.lease-item:last-child{border-bottom:none}.lease-label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.lease-value{font-size:15px;font-weight:600;color:var(--color-text-primary)}.lease-highlight{background:linear-gradient(135deg,#10b98126,#05966926);border:2px solid rgba(16,185,129,.4);border-radius:var(--radius-md);padding:20px;display:flex;justify-content:space-between;align-items:center}.lease-highlight-content{display:flex;flex-direction:column;gap:4px}.lease-highlight-label{font-size:12px;color:#059669;font-weight:600;text-transform:uppercase}.lease-highlight-value{font-size:28px;font-weight:800;color:#10b981}.lease-highlight-icon{color:#10b981}.lease-progress{padding:16px;background:var(--color-bg-primary);border-radius:var(--radius-md)}.lease-progress-header{display:flex;justify-content:space-between;margin-bottom:10px}.lease-progress-label{font-size:13px;color:var(--color-text-secondary);font-weight:600}.lease-progress-value{font-size:13px;color:var(--color-primary);font-weight:700}.progress-bar{height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00aeef,#0090cc);border-radius:10px;transition:width .3s ease}.driver-card-enhanced{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border:2px solid rgba(245,158,11,.4);position:relative;overflow:hidden}.driver-card-background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background:radial-gradient(circle at top right,#f59e0b 0%,transparent 70%)}.driver-profile-enhanced{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.driver-avatar-enhanced{width:100px;height:100px;background:#fbbf2433;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f59e0b;box-shadow:0 8px 24px #f59e0b4d;border:4px solid rgba(245,158,11,.3);margin-bottom:8px}.driver-name-enhanced{font-size:20px;font-weight:700;color:#f59e0b;margin:0}.driver-meta{display:flex;flex-direction:column;gap:8px}.driver-meta-item{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#fbbf24;font-weight:500}.driver-history-enhanced{display:flex;flex-direction:column;gap:0}.history-item-enhanced{display:flex;gap:16px;padding:16px 0}.history-timeline{display:flex;flex-direction:column;align-items:center;width:24px;flex-shrink:0}.history-dot{width:12px;height:12px;border-radius:50%;background:var(--color-border);border:3px solid white;box-shadow:0 0 0 2px var(--color-border);flex-shrink:0}.history-dot-active{background:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px #4f46e533}.history-line{width:2px;flex:1;background:var(--color-border-light);margin:4px 0}.history-content{flex:1;display:flex;flex-direction:column;gap:6px}.history-header{display:flex;justify-content:space-between;align-items:center}.history-name-new{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0}.history-dates-new{font-size:12px;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px;margin:0}.status-badge-small{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.cards-list{display:flex;flex-direction:column;gap:12px}.card-pass-item-full{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#1e293b80;border-radius:12px;border:2px solid rgba(71,85,105,.4);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-pass-item-full:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00aeef,#0090cc);opacity:0;transition:opacity .3s ease}.card-pass-item-full:hover{transform:translate(4px);background:#1e293bcc;box-shadow:0 8px 24px #00aeef4d;border-color:#00aeef}.card-pass-item-full:hover:before{opacity:1}.card-pass-disabled{opacity:.6;background:var(--color-bg-primary)}.card-pass-disabled:hover{transform:none;box-shadow:none;border-color:var(--color-border-light)}.card-pass-disabled:before{background:#94a3b8}.card-pass-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.card-pass-success:before{background:linear-gradient(180deg,#10b981,#059669)}.card-pass-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.card-pass-item-full:hover .card-pass-icon{transform:scale(1.1) rotate(5deg)}.fuel-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.fleet-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.charging-icon{background:linear-gradient(135deg,#c0efff,#8ae0fc);color:#007aad}.doc-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.card-pass-details-full{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.card-pass-label{font-size:12px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-pass-value{font-size:15px;font-weight:700;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-value-truncate{max-width:180px}.card-pass-badge{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.card-pass-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.card-pass-inactive{background:#f1f5f9;color:#64748b}.table-modern{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.data-table-enhanced{width:100%;border-collapse:collapse;font-size:14px}.data-table-enhanced thead{background:#0f172acc}.data-table-enhanced th{text-align:left;padding:14px 18px;font-weight:700;color:var(--color-text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border)}.data-table-enhanced td{padding:16px 18px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.data-table-enhanced tbody tr{transition:all .2s ease}.data-table-enhanced tbody tr:hover{background:#1e293b99}.data-table-enhanced tbody tr:last-child td{border-bottom:none}.row-upcoming{background:linear-gradient(90deg,rgba(245,158,11,.05) 0%,transparent 100%)}.table-cell-with-icon{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary)}.reference-badge{padding:4px 10px;background:linear-gradient(135deg,#c0efff,#b0e8fc);color:#007aad;border-radius:6px;font-size:12px;font-weight:700;font-family:Courier New,monospace}.fault-yes{color:var(--color-danger);font-weight:600}.fault-no{color:var(--color-success);font-weight:600}.cost-value{font-weight:700;color:var(--color-text-primary)}.documents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.document-card{display:flex;flex-direction:column;padding:20px;background:#1e293b80;border:1px solid rgba(71,85,105,.3);border-radius:var(--radius-md);transition:all .3s ease;cursor:pointer}.document-card:hover{background:#1e293bcc;transform:translateY(-4px);box-shadow:0 8px 24px #00aeef4d;border-color:var(--color-primary)}.document-card-icon{width:60px;height:60px;border-radius:12px;background:#00aeef26;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 2px 8px #00aeef33}.file-icon-large{color:var(--color-primary)}.file-icon-large.file-pdf{color:#ef4444}.file-icon-large.file-zip{color:#10b981}.document-card-content{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.document-card-name{font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.4}.document-card-date{font-size:12px;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.document-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--color-border-light)}.footer{margin-top:auto;padding:20px 40px;border-top:1px solid rgba(71,85,105,.2)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-nav{display:flex;gap:24px;flex-wrap:wrap}.footer-nav-link{font-size:13px;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.footer-nav-link:hover{color:var(--color-primary)}.footer-copyright{font-size:13px;color:var(--color-text-secondary)}@media(max-width:1200px){.details-grid{grid-template-columns:1fr}.details-sidebar{order:-1}.quick-stats{grid-template-columns:repeat(2,1fr)}.card-row{grid-template-columns:1fr}.financial-grid,.documents-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main-content{margin-left:0}.sidebar{transform:translate(-100%)}.info-grid,.info-grid-enhanced{grid-template-columns:1fr}.car-title-section,.car-hero-content{flex-direction:column;gap:20px}.car-title-actions,.car-hero-actions{width:100%;flex-direction:column}.quick-stats{grid-template-columns:1fr;margin-top:0;padding:20px}.financial-grid,.cards-grid,.documents-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.dashboard-page{max-width:1600px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;animation:slideInLeft .4s ease-out}.dashboard-title{font-size:36px;font-weight:800;color:var(--color-text-primary);margin:0 0 6px;letter-spacing:-.5px}.dashboard-subtitle{font-size:15px;color:var(--color-text-secondary);margin:0;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;animation:fadeInUp .5s ease-out}.stat-card{background:#1e293b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:24px;display:flex;gap:18px;align-items:center;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(71,85,105,.4);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00aeef4d;border-color:#00aeef99}.stat-card:hover:before{opacity:1}.stat-card-blue:before{background:linear-gradient(90deg,#00aeef,#0090cc)}.stat-card-green:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card-orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card-red:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.stat-card-purple:before{background:linear-gradient(90deg,#0090cc,#007aad)}.stat-card-indigo:before{background:linear-gradient(90deg,#00aeef,#007aad)}.stat-card-yellow:before{background:linear-gradient(90deg,#eab308,#ca8a04)}.stat-card-teal:before{background:linear-gradient(90deg,#14b8a6,#0d9488)}.stat-card-gray:before{background:linear-gradient(90deg,#64748b,#475569)}.stat-card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.stat-card:hover .stat-card-icon{transform:scale(1.1) rotate(-5deg)}.stat-card-blue .stat-card-icon{background:linear-gradient(135deg,#e0f7ff,#b3f0ff);color:#00aeef}.stat-card-green .stat-card-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.stat-card-orange .stat-card-icon{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#9a3412}.stat-card-red .stat-card-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.stat-card-purple .stat-card-icon{background:linear-gradient(135deg,#d6f0fe,#c0efff);color:#005f8a}.stat-card-indigo .stat-card-icon{background:linear-gradient(135deg,#c0efff,#8ae0fc);color:#005f8a}.stat-card-yellow .stat-card-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f}.stat-card-teal .stat-card-icon{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#134e4a}.stat-card-gray .stat-card-icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.stat-card-content{display:flex;flex-direction:column;gap:4px}.stat-card-value{font-size:28px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.5px}.stat-card-label{font-size:12px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.dashboard-section{background:#1e293b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:32px;box-shadow:0 4px 24px #0000004d;border:1px solid rgba(71,85,105,.3);margin-bottom:28px;transition:all .3s ease;animation:fadeInUp .4s ease-out}.dashboard-section:hover{box-shadow:0 8px 32px #00aeef33;border-color:#00aeef66}.section-header-left{display:flex;align-items:center;gap:12px}.section-actions{display:flex;gap:12px}.table-cell-with-indicator{display:flex;align-items:center;gap:12px}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.status-indicator-open{background:#ef4444;color:#ef4444}.status-indicator-in-progress{background:#f59e0b;color:#f59e0b}.status-indicator-closed{background:#10b981;color:#10b981}.status-in-progress{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24;box-shadow:0 2px 8px #f59e0b26}.status-decommissioned{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid #cbd5e1}.department-badge{padding:4px 12px;background:linear-gradient(135deg,#c0efff,#8ae0fc);color:#005f8a;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.company-badge{padding:4px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#78350f;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.ownership-badge{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.ownership-leasing{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.ownership-owned{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.table-scrollable{overflow-x:auto}.data-table-wide{min-width:1200px}.chart-container{margin-top:20px;padding:20px 0}.chart-tooltip{background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(0,174,239,.5);border-radius:12px;padding:12px 16px;box-shadow:0 8px 24px #00000080}.chart-tooltip-label{font-size:12px;color:var(--color-text-secondary);font-weight:600;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.chart-tooltip-value{font-size:18px;color:#00aeef;font-weight:800;margin:0;letter-spacing:-.5px}.recharts-cartesian-axis-tick-value{fill:var(--color-text-secondary)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#4755694d}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border-light)}.table-footer-info{font-size:13px;color:var(--color-text-secondary);font-weight:500}.pagination{display:flex;align-items:center;gap:8px}.pagination-number{width:36px;height:36px;border:2px solid var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pagination-number:hover{background:#00aeef1a;border-color:var(--color-primary);color:var(--color-primary)}.pagination-number.active{background:linear-gradient(135deg,#00aeef,#0090cc);border-color:transparent;color:#fff;box-shadow:0 4px 12px #00aeef4d}.btn-text-small{padding:6px 12px;font-size:13px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.dashboard-header,.section-header{flex-direction:column;align-items:flex-start;gap:16px}.section-actions{width:100%}.section-actions button{flex:1}.table-footer{flex-direction:column;gap:16px;align-items:flex-start}.pagination{width:100%;justify-content:center}}.vehicles-filters{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.search-bar-large{position:relative;flex:1;min-width:300px}.search-bar-large .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-light)}.search-bar-large .search-input{width:100%;padding:14px 16px 14px 48px;background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(71,85,105,.4);border-radius:12px;font-size:14px;color:var(--color-text-primary);outline:none;transition:all .3s ease}.search-bar-large .search-input:focus{background:#1e293be6;border-color:var(--color-primary);box-shadow:0 0 0 4px #00aeef33}.filter-group{display:flex;gap:12px;flex-wrap:wrap}.filter-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(71,85,105,.4);border-radius:12px;color:var(--color-text-secondary);transition:all .3s ease}.filter-item:hover{border-color:var(--color-primary);background:#1e293bcc}.filter-select{background:transparent;border:none;color:var(--color-text-primary);font-size:14px;font-weight:600;cursor:pointer;outline:none;padding:0}.filter-select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.results-info{margin-bottom:24px}.results-count{font-size:14px;color:var(--color-text-secondary);font-weight:600}.overview-cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:28px}.overview-card{background:#1e293b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:28px 32px;box-shadow:0 4px 24px #0000004d;border:1px solid rgba(71,85,105,.3);transition:all .3s ease}.overview-card:hover{box-shadow:0 8px 32px #00aeef33;border-color:#00aeef66;transform:translateY(-2px)}.overview-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.overview-card-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.2px}.overview-card-subtitle{font-size:13px;color:var(--color-text-secondary);font-weight:600}.status-bars-vertical{display:flex;gap:40px;align-items:flex-end;justify-content:center;padding:20px 0}.status-bar-vertical-item{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;max-width:200px}.status-bar-vertical-track{width:100%;height:200px;background:#0f172a99;border-radius:12px;overflow:hidden;border:1px solid rgba(71,85,105,.3);position:relative;display:flex;align-items:flex-end}.status-bar-vertical-fill{width:100%;border-radius:12px;transition:height .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:20px}.status-bar-vertical-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmerVertical 2s infinite}@keyframes shimmerVertical{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}.status-bar-vertical-fill.active{background:linear-gradient(180deg,#10b981,#059669);box-shadow:inset 0 2px 4px #fff3}.status-bar-vertical-fill.decommissioned{background:linear-gradient(180deg,#64748b,#475569);box-shadow:inset 0 2px 4px #fff3}.status-bar-vertical-info{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.status-bar-vertical-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-text-primary)}.status-indicator-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px currentColor}.status-indicator-dot.active{background:#10b981;color:#10b981}.status-indicator-dot.decommissioned{background:#64748b;color:#64748b}.status-bar-vertical-value{font-size:13px;color:var(--color-text-secondary);font-weight:600}.status-bar-vertical-percent{font-size:20px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.5px}.expiring-card{background:linear-gradient(135deg,#f59e0b1a,#fbbf240d);border-color:#f59e0b4d}.expiring-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0}.expiring-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);display:flex;align-items:center;justify-content:center;color:#fbbf24;border:2px solid rgba(251,191,36,.3);box-shadow:0 4px 16px #fbbf244d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #fbbf244d}50%{transform:scale(1.05);box-shadow:0 8px 24px #fbbf2466}}.expiring-count{font-size:56px;font-weight:800;color:#fbbf24;letter-spacing:-2px;line-height:1}.expiring-label{font-size:14px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.expiring-list{width:100%;margin-top:8px;display:flex;flex-direction:column;gap:8px}.expiring-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#0f172a66;border-radius:8px;border:1px solid rgba(71,85,105,.2);gap:12px}.expiring-vehicle{font-size:13px;font-weight:600;color:var(--color-text-primary);flex:1}.expiring-plate{font-size:12px;color:var(--color-text-secondary);font-weight:600;font-family:Courier New,monospace;padding:2px 8px;background:#4755694d;border-radius:4px}.expiring-date{font-size:12px;color:#fbbf24;font-weight:600;white-space:nowrap}.expiring-more{text-align:center;font-size:12px;color:var(--color-text-secondary);font-weight:600;padding:8px;font-style:italic}.damages-card{background:linear-gradient(135deg,#ef44441a,#fb71850d);border-color:#ef44444d}.damages-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0}.damages-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ef444433,#dc262633);display:flex;align-items:center;justify-content:center;color:#ef4444;border:2px solid rgba(239,68,68,.3);box-shadow:0 4px 16px #ef44444d;animation:pulse 2s infinite}.damages-count{font-size:56px;font-weight:800;color:#ef4444;letter-spacing:-2px;line-height:1}.damages-label{font-size:14px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center}.damages-open-badge{padding:6px 14px;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid rgba(251,191,36,.4);border-radius:20px;color:#fbbf24;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.damages-list{width:100%;margin-top:8px;display:flex;flex-direction:column;gap:8px}.damages-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0f172a66;border-radius:8px;border:1px solid rgba(71,85,105,.2);gap:12px}.damages-item-main{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.damages-driver{font-size:13px;font-weight:600;color:var(--color-text-primary)}.damages-vehicle{font-size:12px;color:var(--color-text-secondary);font-weight:500}.damages-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.damages-date{font-size:11px;color:var(--color-text-secondary);font-weight:600}.damages-status-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.damages-status-badge.status-open{background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid rgba(239,68,68,.4);color:#ef4444}.damages-status-badge.status-closed{background:linear-gradient(135deg,#22c55e33,#16a34a33);border:1px solid rgba(34,197,94,.4);color:#22c55e}.damages-more{text-align:center;font-size:12px;color:var(--color-text-secondary);font-weight:600;padding:8px;font-style:italic}.department-card{background:linear-gradient(135deg,#00aeef1a,#00aeef0d);border-color:#00aeef4d}.department-content-horizontal{display:flex;flex-direction:column;gap:32px;padding:32px 0;justify-content:center}.department-bar-item-horizontal{display:flex;flex-direction:column;gap:12px}.department-bar-header{display:flex;justify-content:space-between;align-items:center}.department-bar-title{display:flex;align-items:center;gap:12px}.department-icon-small{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid;flex-shrink:0}.department-icon-small.x{background:linear-gradient(135deg,#00aeef33,#00aeef33);border-color:#00aeef66;color:#00aeef}.department-icon-small.xplus{background:linear-gradient(135deg,#ec489933,#db277733);border-color:#ec489966;color:#ec4899}.department-name{font-size:16px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.2px}.department-bar-stats{display:flex;align-items:center;gap:16px}.department-bar-count{font-size:14px;color:var(--color-text-secondary);font-weight:600}.department-bar-percent{font-size:24px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.5px}.department-bar-track-horizontal{width:100%;height:40px;background:#0f172a99;border-radius:10px;overflow:hidden;border:1px solid rgba(71,85,105,.3);position:relative}.department-bar-fill-horizontal{height:100%;border-radius:10px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:60px}.department-bar-fill-horizontal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);animation:shimmer 2s infinite}.department-bar-fill-horizontal.x{background:linear-gradient(135deg,#00aeef,#0090cc);box-shadow:inset 0 2px 4px #fff3}.department-bar-fill-horizontal.xplus{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:inset 0 2px 4px #fff3}.driver-list-item{cursor:pointer}.driver-icon{background:linear-gradient(135deg,#22c55e26,#16a34a26);color:#22c55e;border-color:#22c55e4d}.driver-list-item:hover .driver-icon{transform:scale(1.1);box-shadow:0 4px 16px #22c55e4d}.driver-icon-large{background:linear-gradient(135deg,#22c55e26,#16a34a26);color:#22c55e;border-color:#22c55e4d}.vehicles-list{display:flex;flex-direction:column;gap:12px}.vehicle-list-item{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#0f172a66;border-radius:14px;border:2px solid rgba(71,85,105,.3);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;gap:24px}.vehicle-list-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00aeef,#0090cc);opacity:0;transition:opacity .3s ease}.vehicle-list-item:hover{background:#1e293b99;border-color:#00aeef99;transform:translate(4px);box-shadow:0 8px 24px #00aeef4d}.vehicle-list-item:hover:before{opacity:1}.vehicle-list-main{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.vehicle-list-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#00aeef26,#00aeef26);display:flex;align-items:center;justify-content:center;color:#00aeef;border:2px solid rgba(0,174,239,.3);flex-shrink:0;transition:all .3s ease}.vehicle-list-item:hover .vehicle-list-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 4px 16px #00aeef4d}.vehicle-list-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.vehicle-list-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vehicle-list-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.2px}.vehicle-list-plate{font-size:13px;color:var(--color-text-secondary);font-weight:600;font-family:Courier New,monospace;padding:2px 8px;background:#4755694d;border-radius:6px}.vehicle-list-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vehicle-list-driver{font-size:13px;color:var(--color-text-secondary);font-weight:500}.vehicle-list-stats{display:flex;align-items:center;gap:16px;flex-shrink:0;flex-wrap:wrap}.vehicle-list-stat{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0f172a80;border-radius:8px;font-size:13px;color:var(--color-text-secondary);font-weight:600;white-space:nowrap}.vehicle-list-stat.highlight{background:linear-gradient(135deg,#00aeef26,#00aeef26);border:1px solid rgba(0,174,239,.3);color:var(--color-text-primary)}.vehicle-list-arrow{color:var(--color-text-light);transition:all .3s ease;flex-shrink:0}.vehicle-list-item:hover .vehicle-list-arrow{color:var(--color-primary);transform:translate(4px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;border:1px solid rgba(71,85,105,.3);color:var(--color-text-secondary);text-align:center}.empty-state h3{font-size:20px;color:var(--color-text-primary);margin:0}.empty-state p{font-size:14px;margin:0}@media(max-width:1024px){.overview-cards-row{grid-template-columns:1fr}}@media(max-width:768px){.vehicles-filters{flex-direction:column}.search-bar-large{width:100%;min-width:100%}.filter-group{width:100%}.filter-item{flex:1}.overview-cards-row{grid-template-columns:1fr}.status-bars-vertical{gap:20px}.status-bar-vertical-item{max-width:150px}.status-bar-vertical-track{height:150px}}.maintenance-list{display:flex;flex-direction:column;gap:12px}.maintenance-list-item{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#0f172a66;border-radius:14px;border:2px solid rgba(71,85,105,.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;gap:24px}.maintenance-list-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00aeef,#0090cc);opacity:0;transition:opacity .3s ease}.maintenance-list-item:hover{background:#1e293b99;border-color:#00aeef99;transform:translate(4px);box-shadow:0 8px 24px #00aeef4d}.maintenance-list-item:hover:before{opacity:1}.maintenance-item-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.maintenance-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#00aeef26,#00aeef26);display:flex;align-items:center;justify-content:center;color:#00aeef;border:2px solid rgba(0,174,239,.3);flex-shrink:0;transition:all .3s ease}.maintenance-list-item:hover .maintenance-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 4px 16px #00aeef4d}.maintenance-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.maintenance-vehicle{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.maintenance-plate{font-size:15px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.2px}.maintenance-model{font-size:14px;color:var(--color-text-secondary);font-weight:600}.maintenance-driver{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.maintenance-driver-name{font-weight:500}.maintenance-separator{color:var(--color-text-light)}.maintenance-item-details{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.maintenance-detail{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0f172a80;border-radius:8px;font-size:13px;color:var(--color-text-secondary);font-weight:600;white-space:nowrap}.maintenance-detail-icon{color:var(--color-text-light);flex-shrink:0}.maintenance-item-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.item-chevron{color:var(--color-text-light);transition:all .3s ease;flex-shrink:0}.maintenance-list-item:hover .item-chevron{color:var(--color-primary);transform:translate(4px)}.status-due{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24;box-shadow:0 2px 8px #f59e0b26}.status-overdue{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#7f1d1d;border:1px solid #f87171;box-shadow:0 2px 8px #ef444426}.status-scheduled{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a;border:1px solid #60a5fa;box-shadow:0 2px 8px #3b82f626}@media(max-width:1400px){.maintenance-item-details{gap:12px}}@media(max-width:1024px){.maintenance-list-item{flex-direction:column;align-items:flex-start;gap:16px}.maintenance-item-left,.maintenance-item-details,.maintenance-item-right{width:100%}.maintenance-item-right{justify-content:space-between}.maintenance-item-details{flex-wrap:wrap}}.landing-page{min-height:100vh;background:#0d0d12;display:flex;flex-direction:column}.landing-nav{display:flex;align-items:center;padding:24px 56px;border-bottom:1px solid rgba(0,174,239,.1)}.landing-nav-logo{display:flex;align-items:center;gap:12px}.landing-nav-name{font-size:16px;font-weight:800;color:#fff;letter-spacing:2px;text-transform:uppercase;line-height:1.2}.landing-nav-tagline{font-size:9px;font-weight:400;color:#6b7f94;letter-spacing:1.2px;text-transform:uppercase;margin-top:3px}.landing-nav-langs{margin-left:auto;display:flex;gap:4px}.landing-lang-btn{padding:5px 10px;border-radius:6px;border:none;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.05em;background:#ffffff0f;color:#64748b;transition:all .2s}.landing-lang-btn:hover{background:#00aeef26;color:#00aeef}.landing-lang-btn.active{background:#00aeef40;color:#00aeef}.landing-body{flex:1;display:flex;align-items:center;gap:80px;padding:80px 56px;max-width:1200px;width:100%;margin:0 auto}.landing-hero{flex:1;display:flex;flex-direction:column;gap:24px}.landing-hero-label{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-primary)}.landing-hero-title{font-size:56px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px}.landing-hero-subtitle{font-size:16px;color:var(--color-text-secondary);line-height:1.7;max-width:420px}.landing-hero-stats{display:flex;align-items:center;gap:28px;margin-top:16px;padding-top:32px;border-top:1px solid rgba(60,70,90,.4)}.landing-stat{display:flex;flex-direction:column;gap:4px}.landing-stat-value{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1}.landing-stat-label{font-size:11px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.5px;text-transform:uppercase}.landing-stat-divider{width:1px;height:36px;background:#3c465a80}.landing-signin{width:380px;flex-shrink:0}.landing-card{background:#15151ee6;border:1px solid rgba(0,174,239,.15);border-radius:8px;padding:40px 36px;box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;gap:20px;text-align:center}.landing-card-title{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.3px}.landing-card-subtitle{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin-top:-8px}.landing-email-input{width:100%;box-sizing:border-box;padding:14px 16px;background:#0d0d12e6;border:1.5px solid rgba(60,70,90,.5);border-radius:10px;font-size:15px;font-family:Inter,sans-serif;color:var(--color-text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.landing-email-input::placeholder{color:var(--color-text-light)}.landing-email-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #00aeef26}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#15151efa;border:1px solid rgba(0,174,239,.18);border-radius:16px;padding:36px;width:520px;max-width:92vw;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #000000b3,0 0 0 1px #00aeef14}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.modal-title{font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.3px;margin:0}.modal-close-btn{background:#3c465a4d;border:1px solid rgba(60,70,90,.4);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;transition:all .15s ease}.modal-close-btn:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.modal-field{display:flex;flex-direction:column;gap:7px}.modal-label{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px}.modal-input{width:100%;box-sizing:border-box;padding:12px 14px;background:#0d0d12cc;border:1.5px solid rgba(60,70,90,.45);border-radius:10px;font-size:14px;font-family:Inter,sans-serif;color:var(--color-text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.modal-input::placeholder{color:var(--color-text-light)}.modal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00aeef26}.modal-select{width:100%;box-sizing:border-box;padding:12px 40px 12px 14px;background:#0d0d12cc;border:1.5px solid rgba(60,70,90,.45);border-radius:10px;font-size:14px;font-family:Inter,sans-serif;color:var(--color-text-primary);outline:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a9bb0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.modal-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00aeef26}.modal-select option{background:#15151e;color:var(--color-text-primary)}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px;border-top:1px solid rgba(60,70,90,.2)}.modal-error{color:var(--color-danger);background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:10px 14px;border-radius:8px;font-size:13.5px}.login-ms-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 20px;background:#00aeef;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;letter-spacing:.2px}.login-ms-btn:hover{background:#0090cc;transform:translateY(-1px);box-shadow:0 6px 20px #00aeef4d}.login-ms-btn:active{transform:translateY(0)}.landing-card-footer{font-size:12px;color:var(--color-text-light);text-align:center;line-height:1.6}.landing-footer-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 56px;border-top:1px solid rgba(60,70,90,.25);font-size:12px;color:var(--color-text-light)}.user-menu-divider{width:1px;height:16px;background:#3c465a99;margin:0 4px}.logout-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--color-text-secondary);font-size:13px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;padding:6px 10px;border-radius:4px;transition:all .2s ease}.logout-btn:hover{color:var(--color-danger);background:#ef444414}.settings-page{max-width:1100px;display:flex;flex-direction:column;gap:24px}.settings-header{margin-bottom:8px;padding-bottom:24px;border-bottom:1px solid rgba(60,70,90,.25)}.settings-title{font-size:36px;font-weight:800;color:var(--color-text-primary);letter-spacing:-.5px;margin-bottom:6px}.settings-subtitle{font-size:15px;color:var(--color-text-secondary);margin-top:4px;font-weight:500}.settings-section{background:#1e293b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.3);border-radius:18px;padding:32px 36px;display:flex;flex-direction:column;gap:22px;box-shadow:0 4px 24px #0000004d;transition:all .3s ease;animation:fadeInUp .4s ease-out}.settings-section:hover{box-shadow:0 8px 32px #00aeef26;border-color:#00aeef4d}.settings-section-header{display:flex;align-items:center;gap:16px;color:var(--color-primary);padding-bottom:20px;border-bottom:1px solid rgba(60,70,90,.25)}.settings-section-header>svg{width:42px;height:42px;padding:11px;background:#00aeef1f;border-radius:10px;border:1px solid rgba(0,174,239,.2);flex-shrink:0}.settings-section-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:3px;letter-spacing:-.2px}.settings-section-desc{font-size:14px;color:var(--color-text-secondary);line-height:1.55}.settings-key-row{display:flex;gap:12px;align-items:center}.settings-key-input-wrap{position:relative;flex:1}.settings-key-input{width:100%;padding:13px 48px 13px 16px;background:#0d0d12cc;border:1px solid rgba(60,70,90,.4);border-radius:10px;font-size:14px;font-family:Inter,monospace;color:var(--color-text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease;letter-spacing:.5px}.settings-key-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00aeef26}.settings-key-input::placeholder{color:var(--color-text-light);letter-spacing:0}.settings-key-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-light);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s ease}.settings-key-toggle:hover{color:var(--color-text-primary)}.settings-save-btn{display:flex;align-items:center;gap:8px;padding:13px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 12px #00aeef40}.settings-save-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #00aeef59}.settings-save-btn:disabled{opacity:.4;cursor:not-allowed}.settings-save-btn.saved{background:var(--color-success);box-shadow:0 4px 12px #22c55e40}.settings-key-note{font-size:13px;color:var(--color-text-secondary);line-height:1.6;padding:12px 16px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);border-radius:10px}.settings-status-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#0d0d1299;border:1px solid rgba(60,70,90,.3);border-radius:12px}.settings-overall-status{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500}.settings-overall-status.up{color:var(--color-success)}.settings-overall-status.down{color:var(--color-danger)}.settings-overall-status.checking,.settings-overall-status.idle{color:var(--color-text-secondary)}.settings-refresh-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid rgba(60,70,90,.4);color:var(--color-text-secondary);font-size:13px;font-weight:500;font-family:Inter,sans-serif;padding:9px 16px;border-radius:10px;cursor:pointer;transition:all .2s ease}.settings-refresh-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#00aeef0f}.settings-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.settings-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-service-card{padding:22px 24px;background:#0d0d1299;border-radius:12px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(60,70,90,.25);transition:all .3s ease}.settings-service-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.settings-service-card.up{border-color:#22c55e40;background:#22c55e08}.settings-service-card.down{border-color:#ef444440;background:#ef444408}.settings-service-top{display:flex;align-items:center;justify-content:space-between}.settings-service-label{font-size:15px;font-weight:600;color:var(--color-text-primary)}.settings-service-desc{font-size:13px;color:var(--color-text-secondary)}.settings-service-badge{display:inline-flex;align-self:flex-start;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.settings-service-badge.up{background:#22c55e1f;color:#4ade80}.settings-service-badge.down{background:#ef44441f;color:#f87171}.settings-service-badge.checking,.settings-service-badge.idle{background:#94a3b81a;color:var(--color-text-secondary)}.settings-last-checked{font-size:13px;color:var(--color-text-light);text-align:right}.status-dot{display:flex;align-items:center}.status-dot.up{color:var(--color-success)}.status-dot.down{color:var(--color-danger)}.status-dot.checking{color:var(--color-text-secondary);animation:spin 1s linear infinite}.status-dot.idle{color:var(--color-text-light)}.chatbot-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#00aeef,#0090cc);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00aeef66;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.chatbot-fab:hover{transform:scale(1.1);box-shadow:0 12px 32px #00aeef80}.chatbot-fab:active{transform:scale(.95)}.chatbot-fab-open{background:var(--color-danger);box-shadow:0 8px 24px #ef444466}.chatbot-fab-open:hover{box-shadow:0 12px 32px #ef444480}.chatbot-window{position:fixed;bottom:96px;right:24px;width:380px;height:600px;max-height:calc(100vh - 120px);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:999;animation:slideUp .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#00aeef1a,#00aeef1a)}.chatbot-header-content{display:flex;align-items:center;gap:12px}.chatbot-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00aeef,#0090cc);display:flex;align-items:center;justify-content:center;color:#fff}.chatbot-header-text h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.chatbot-status{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-secondary)}.chatbot-status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chatbot-close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.chatbot-close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.chatbot-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.chatbot-message{display:flex;gap:10px;animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbot-message-user{flex-direction:row-reverse}.chatbot-message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chatbot-message-bot .chatbot-message-avatar{background:linear-gradient(135deg,#00aeef,#0090cc);color:#fff}.chatbot-message-user .chatbot-message-avatar{background:var(--color-bg-card);color:var(--color-text-primary)}.chatbot-message-content{display:flex;flex-direction:column;gap:4px;max-width:75%}.chatbot-message-user .chatbot-message-content{align-items:flex-end}.chatbot-message-bubble{padding:12px 16px;border-radius:16px;word-wrap:break-word;line-height:1.5}.chatbot-message-bot .chatbot-message-bubble{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-primary);border-bottom-left-radius:4px}.chatbot-message-user .chatbot-message-bubble{background:linear-gradient(135deg,#00aeef,#0090cc);color:#fff;border-bottom-right-radius:4px}.chatbot-message-time{font-size:.7rem;color:var(--color-text-light);padding:0 4px}.chatbot-typing{display:flex;gap:4px;padding:4px 0}.chatbot-typing span{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:typing 1.4s infinite}.chatbot-typing span:nth-child(2){animation-delay:.2s}.chatbot-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chatbot-input-form{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border);background:var(--color-bg-primary)}.chatbot-input{flex:1;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:24px;padding:12px 16px;color:var(--color-text-primary);font-size:.875rem;transition:all .2s}.chatbot-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00aeef1a}.chatbot-input::placeholder{color:var(--color-text-light)}.chatbot-input:disabled{opacity:.5;cursor:not-allowed}.chatbot-send-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00aeef,#0090cc);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chatbot-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #00aeef66}.chatbot-send-btn:active:not(:disabled){transform:scale(.95)}.chatbot-send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chatbot-window{width:calc(100vw - 32px);right:16px;bottom:88px}.chatbot-fab{bottom:16px;right:16px}}.chatbot-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.chatbot-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.chatbot-tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.chatbot-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.chatbot-suggestions{display:flex;flex-direction:column;gap:6px;padding:4px 0 8px;animation:messageSlide .3s ease-out}.chatbot-suggestion-chip{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:8px 14px;color:var(--color-text-primary);font-size:.8rem;text-align:left;cursor:pointer;transition:all .2s;line-height:1.4}.chatbot-suggestion-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00aeef0f}.chatbot-insights{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px}.chatbot-insights::-webkit-scrollbar{width:6px}.chatbot-insights::-webkit-scrollbar-track{background:transparent}.chatbot-insights::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.chatbot-insights-toolbar{display:flex;align-items:center;justify-content:space-between;padding:2px 0 4px}.chatbot-insights-count{font-size:.75rem;color:var(--color-text-secondary)}.chatbot-refresh-btn{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--color-border);border-radius:8px;padding:4px 10px;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.chatbot-refresh-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.chatbot-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chatbot-insights-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 0;color:var(--color-text-secondary);font-size:.85rem}.chatbot-insight-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:6px}.chatbot-insight-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.chatbot-insight-header h4{margin:0;font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.chatbot-insight-badge{background:#00aeef1f;color:var(--color-primary);font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:99px;white-space:nowrap;flex-shrink:0}.chatbot-insight-desc{margin:0;font-size:.75rem;color:var(--color-text-secondary);line-height:1.4}.chatbot-insight-empty{margin:4px 0 0;font-size:.75rem;color:var(--color-text-light);font-style:italic}.chatbot-insight-table-wrap{overflow-x:auto;margin-top:4px;border-radius:6px;border:1px solid var(--color-border)}.chatbot-insight-table{width:100%;border-collapse:collapse;font-size:.72rem}.chatbot-insight-table th{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:6px 8px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border)}.chatbot-insight-table td{padding:5px 8px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.chatbot-insight-table tr:last-child td{border-bottom:none}.chatbot-insight-table tbody tr:hover td{background:var(--color-bg-hover)}.chatbot-insight-more{margin:2px 0 0;font-size:.7rem;color:var(--color-text-light);text-align:right}
