*{margin:0;padding:0;box-sizing:border-box}:root{--brand-navy: #1d2951;--glass-bg: #13293aa8;--bg-main: #030723;--bg-panel: #13293aa8;--brand-teal: #2fb294;--brand-teal-light: #40d4b3;--text-main: #ffffff;--text-muted: #94a3b8;--bg-dark: #0f172a;--bg-card: #1b1b1b;--bg-hover: #1f2937;--primary: #40d4b3;--success: #10b981;--warning: #f59e0b;--danger: #ef4444}.login-wrapper{min-height:100vh;background-color:var(--bg-dark);font-family:Inter,sans-serif;color:var(--text-main);display:flex;overflow:hidden}.sidebar,.ui-card,.header-panel,.modal-content,.stat-card,.filter-section,.main-content-section{background:#13293aa8;border:1px solid var(--glass-border)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;background-color:var(--bg-main);color:var(--text-main)}.layout-container{display:flex;flex-direction:column;height:100vh}.content-container{display:flex;flex:1;gap:16.8px;padding:16.8px}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:2.8px}.header{display:flex;align-items:center;gap:11.2px;flex-shrink:0;width:100%}.header-panel{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:15.4px;box-shadow:var(--glass-shadow);height:2.45rem;display:flex;align-items:center;padding:0 .7rem;position:relative;flex-shrink:0}.header-panel-search{flex:1;min-width:210px;gap:7px}.header-panel-search input{background:transparent;border:none;outline:none;color:var(--text-main);font-size:9.8px;width:100%}.header-panel-search input::placeholder{color:var(--text-muted)}.header-panel-title{flex:1;min-width:210px;justify-content:center;background:linear-gradient(135deg,#0000,#13293aa8)}.page-title{font-size:11.2px;font-weight:600;color:var(--text-main);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.header-panel-date{font-size:9.8px;color:var(--text-muted);white-space:nowrap;gap:8.4px}.calendar-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2.8px;border-radius:15.4px;display:flex;align-items:center}.calendar-btn:hover{background:#ffffff14;color:var(--text-main)}.header-panel-greeting{font-size:9.8px;color:var(--text-main);white-space:nowrap}.waving-hand{display:inline-block;animation:wave 2.5s infinite;transform-origin:70% 70%;font-size:11.2px}.header-panel-icon{width:39.2px;justify-content:center;cursor:pointer}.notification-badge{position:absolute;top:9.8px;right:9.8px;width:5.6px;height:5.6px;background:var(--danger);border-radius:15.4px}.header-panel-user{width:39.2px;justify-content:center;cursor:pointer}.user-avatar{width:22.4px;height:22.4px;border-radius:15.4px;background:#22f;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:9.8px}.header-panel-logout{width:39.2px;justify-content:center;background:var(--glass-bg);border:none;cursor:pointer;color:var(--text-muted)}.header-panel-logout:hover{color:var(--danger);background:#ff50501f}.sidebar{font-size:.6125rem;font-weight:500;display:flex;flex-direction:column;background:#13293aa8;border-radius:15.4px;box-shadow:var(--glass-shadow);height:100%;overflow:hidden}.sidebar-logo{padding:16.8px;font-size:14px;font-weight:800;letter-spacing:.28px;color:var(--primary)}.logo-img{max-width:49px;height:auto;display:block}.sidebar-nav{padding:9.8px;flex:1;overflow-y:auto}.sidebar-bottom-spacer{flex:0 0 auto;min-height:11.2px}.sidebar-bottom{padding:11.2px;background:transparent}.nav-link{display:flex;align-items:center;gap:8.4px;padding:6.3px 9.8px;border-radius:7px;text-decoration:none;color:var(--text-muted);font-size:11px;transition:background .2s,color .2s;position:relative}.nav-link:hover{background:#0c3748;color:var(--text-main)}.nav-link.active{background:#0c3748;color:#2fb294}.nav-icon{color:inherit}.sidebar-bottom .nav-link.active,.sidebar-nav .nav-link.active{background:#0c3748}.ui-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:15.4px;padding:14px;box-shadow:var(--glass-shadow);transition:all .3s ease}.ui-card:hover{border-color:var(--primary)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:11.2px}.card-header h3{display:flex;align-items:center;font-size:11.2px;font-weight:600;color:var(--text-main)}.icon-bubble{width:39.2px;height:39.2px;border-radius:15.4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-blue{background:#3b82f633;color:#3b82f6}.icon-green{background:#10b98133;color:var(--success)}.icon-orange{background:#f59e0b33;color:var(--warning)}.icon-purple{background:#8b5cf633;color:#8b5cf6}.icon-red{background:#ef444433;color:var(--danger)}.section-title{font-size:14px;font-weight:700;margin-bottom:2.8px;color:var(--text-main)}.section-subtitle{font-size:9.8px;color:var(--text-muted);margin-bottom:16.8px}.ui-list{display:flex;flex-direction:column;gap:8.4px}.ui-list-item{display:flex;align-items:center;justify-content:space-between;padding:9.8px;background:var(--bg-panel);border-radius:15.4px;border:1px solid var(--glass-border);transition:all .2s}.ui-list-item:hover{background:var(--bg-hover);border-color:var(--primary)}.ui-muted{color:var(--text-muted)}.app-shell{display:grid;grid-template-columns:196px 1fr;height:100vh;padding:11.2px;gap:16.8px}.app-right{display:flex;flex-direction:column;height:100%;overflow:hidden;gap:16.8px}.main-content::-webkit-scrollbar{width:5.6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:5.6px}.main-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dashboard{display:flex;flex-direction:column}.dashboard-loading{height:28vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:9.8px}.dashboard-loading .animate-spin{animation:spin 1s linear infinite}.dashboard-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px}.kpi-card{display:flex;justify-content:space-between;align-items:center;padding:16.8px;cursor:pointer;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-1.4px);box-shadow:0 5.6px 17.5px #0003}.kpi-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2.1px;background:#1b1b1b66;border-radius:0 0 11.2px 11.2px;opacity:0;transition:opacity .3s ease}.kpi-card:hover:after{opacity:1}.kpi-title{font-size:9.1px;color:var(--text-muted);margin-bottom:2.8px}.kpi-value{font-size:21px;font-weight:700;margin:2.8px 0;color:var(--text-main)}.kpi-subtitle{font-size:.6125rem;color:var(--text-muted)}.kpi-trend{font-size:9.1px;display:flex;align-items:center;gap:4.2px}.kpi-trend.positive{color:var(--success)}.kpi-trend.negative{color:var(--warning)}.kpi-trend.purple{color:#8b5cf6}.activity-card{padding:14px}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:11.2px}.activity-header h2{font-size:12.6px;font-weight:600;color:var(--text-main);display:flex;align-items:center}.activity-list{display:flex;flex-direction:column;gap:8.4px}.activity-item{display:flex;align-items:center;gap:9.8px;padding:9.8px;border-radius:15.4px;background:#ffffff08;transition:all .2s;position:relative;overflow:hidden}.activity-item:hover{background:#ffffff0d}.activity-item:before{content:"";position:absolute;top:0;left:0;width:2.8px;height:100%;background:linear-gradient(to bottom,var(--primary),var(--primary-dark));opacity:0;transition:opacity .3s ease}.activity-item:hover:before{opacity:1}.activity-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-driver{background:#3b82f633;color:var(--primary)}.activity-vehicle{background:#10b98133;color:var(--success)}.activity-task{background:#f59e0b33;color:var(--warning)}.activity-report{background:#ef444433;color:var(--danger)}.activity-message{background:#f59e0b33;color:var(--warning)}.activity-content{flex:1}.activity-message-text{font-weight:500;font-size:9.8px;margin-bottom:1.4px}.activity-time{font-size:8.4px;color:var(--text-muted)}.activity-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2.8px;border-radius:2.8px}.activity-remove:hover{color:var(--danger);background:#ef44441a}.activity-empty{padding:16.8px;text-align:center;color:var(--text-muted)}.activity-footer{margin-top:11.2px;font-size:8.4px;color:var(--text-muted);text-align:right}.ghost-btn{background:none;border:1px solid var(--glass-border);border-radius:15.4px;padding:4.2px 8.4px;color:var(--text-muted);cursor:pointer;font-size:9.8px;display:flex;align-items:center;gap:4.2px;transition:all .2s}.ghost-btn:hover{background:#ffffff0d;border-color:var(--primary);color:var(--text-main)}.btn-primary{display:flex;align-items:center;gap:5.6px;background:var(--primary);color:#000;border:none;border-radius:14px;padding:12.6px 16.8px;font-size:9.8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-.7px)}.btn-secondary{display:flex;align-items:center;gap:5.6px;background:var(--bg-panel);color:var(--text-main);border:1px solid var(--glass-border);border-radius:14px;padding:14px 16.8px;font-size:px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary)}.btn-danger{display:flex;align-items:center;gap:5.6px;background:var(--danger);color:#fff;border:none;border-radius:15.4px;padding:8.4px 16.8px;font-size:9.8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc2626}.btn-ghost{display:flex;align-items:center;gap:5.6px;background:none;color:var(--text-muted);border:1px solid var(--glass-border);border-radius:5.6px;padding:5.6px 8.4px;font-size:9.8px;cursor:pointer;transition:all .2s}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--primary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22.4px}.page-title{font-size:1.3125rem;font-weight:700;color:var(--text-main);margin-bottom:5.6px}.page-subtitle{font-size:9.8px;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px}.stat-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:11.2px;padding:14px;box-shadow:var(--glass-shadow)}.stat-card-icon{width:33.6px;height:33.6px;border-radius:8.4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-info p:first-child{font-size:9.8px;color:var(--text-muted);margin-bottom:2.8px}.stat-card-info p:last-child{font-size:1.3125rem;font-weight:700;color:var(--text-main)}.filter-section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12.6px;padding:7px;box-shadow:var(--glass-shadow)}.filter-row{display:flex;gap:11.2px;align-items:center;flex-wrap:wrap}.search-container{flex:1;min-width:210px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:9.8px;top:50%;transform:translateY(-50%);color:var(--text-muted);z-index:1;pointer-events:none}.search-input{width:100%;padding:12.6px 12.6px 14px 30.8px;background:#031624;border:1px solid var(--glass-border);border-radius:14px;color:var(--text-main);font-size:9.8px;transition:all .2s;box-sizing:border-box}.search-input.has-text{padding-right:28px}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1.4px #3b82f633}.search-input::placeholder{color:var(--text-muted)}.clear-search-button{position:absolute;right:8.4px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:2.8px;display:flex;align-items:center;justify-content:center;z-index:2;transition:color .2s}.clear-search-button:hover{color:var(--text-main)}.filter-select{padding:12.6px;background:#252525;border:1px solid var(--glass-border);border-radius:14px;color:var(--text-main);font-size:9.8px;min-width:112px;cursor:pointer;transition:all .2s}.filter-select:focus{outline:none;border-color:var(--primary)}.filter-button{display:flex;align-items:center;gap:5.6px;padding:12.6px;background:#252525;border:1px solid var(--glass-border);border-radius:14px;color:var(--text-main);font-size:9.8px;font-weight:500;cursor:pointer;transition:all .2s}.filter-button:hover{background:var(--bg-hover);border-color:var(--primary)}.main-content-section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:15.4px;overflow:hidden;box-shadow:var(--glass-shadow)}.empty-state{padding:33.6px 16.8px;text-align:center;color:var(--text-muted)}.empty-state-icon{margin-bottom:11.2px;opacity:.5}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:14px}.modal-content{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:11.2px;padding:22.4px 8.4px 22.4px 22.4px;max-width:420px;width:100%;max-height:63vh;overflow-y:auto;box-shadow:0 17.5px 35px #00000080;scrollbar-width:thin;scrollbar-color:rgba(126,126,126,.2) rgba(0,0,0,.1)}.modal-title{font-size:1.05rem;font-weight:600;color:var(--text-main);margin-bottom:16.8px;display:flex;align-items:center;gap:5.6px}.form-group{margin-bottom:11.2px}.form-label{display:block;font-size:9.8px;color:var(--text-muted);margin-bottom:4.2px;font-weight:500}.form-input{width:100%;padding:8.4px 11.2px;background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:5.6px;color:var(--text-main);font-size:9.8px;transition:all .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1.4px #3b82f633}.form-input::placeholder{color:var(--text-muted)}.form-select{width:100%;padding:8.4px 11.2px;background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:5.6px;color:var(--text-main);font-size:9.8px;cursor:pointer;transition:all .2s}.form-select:focus{outline:none;border-color:var(--primary)}textarea.form-input{min-height:70px;resize:vertical}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:35vh;color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;gap:4.2px;padding:4.2px 8.4px;border-radius:14px;font-size:8.4px;font-weight:500}.badge-active{background:#10b98133;color:#10b981}.badge-in-service{background:#f59e0b33;color:#f59e0b}.badge-inactive{background:#6b728033;color:#6b7280}.badge-on-duty{background:#3b82f633;color:#3b82f6}.badge-pending{background:#f59e0b33;color:#f59e0b}.badge-in-progress{background:#3b82f633;color:#3b82f6}.badge-completed{background:#10b98133;color:#10b981}.badge-critical{background:#dc262633;color:#dc2626}.badge-high{background:#ea580c33;color:#ea580c}.badge-medium{background:#ca8a0433;color:#ca8a04}.badge-low{background:#16a34a33;color:#16a34a}.badge-vehicle{background:#3b82f633;color:#3b82f6}.badge-training{background:#8b5cf633;color:#8b5cf6}.badge-documentation{background:#0ea5e933;color:#0ea5e9}.badge-system{background:#10b98133;color:#10b981}.search-plus-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s;flex-shrink:0}.search-plus-button:hover{transform:scale(1.05);box-shadow:0 2.8px 8.4px #0003}.search-plus-button:active{transform:scale(.95)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.search-plus-button.pulse{animation:pulse 2s infinite}.glass-card{background:#11182799;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.1);border-radius:11.2px;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.7px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.trend-up{color:#10b981;display:inline-flex;align-items:center;gap:2.8px}.trend-down{color:#ef4444;display:inline-flex;align-items:center;gap:2.8px}.trend-neutral{color:#6b7280;display:inline-flex;align-items:center;gap:2.8px}.progress-animated{animation:progressFill 1s ease-out}@keyframes progressFill{0%{width:0}to{width:var(--target-width)}}.activity-driver-bg{background:linear-gradient(135deg,#3b82f626,#2563eb0d)}.activity-vehicle-bg{background:linear-gradient(135deg,#10b98126,#0596690d)}.activity-report-bg{background:linear-gradient(135deg,#ef444426,#dc26260d)}.activity-task-bg{background:linear-gradient(135deg,#f59e0b26,#d977060d)}.event-high-priority{border-left-color:#ef4444!important;background:#ef44440d!important}.event-medium-priority{border-left-color:#f59e0b!important;background:#f59e0b0d!important}.event-normal-priority{border-left-color:#3b82f6!important;background:#3b82f60d!important}@keyframes growBar{0%{height:0}to{height:var(--target-height)}}.chart-bar{animation:growBar .8s ease-out}.activity-scroll{max-height:280px;overflow-y:auto;padding-right:2.8px}.activity-scroll::-webkit-scrollbar{width:2.8px}.activity-scroll::-webkit-scrollbar-track{background:transparent}.activity-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:1.4px}.time-display{font-variant-numeric:tabular-nums;letter-spacing:.35px}.metric-emphasis{font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-glow:hover{box-shadow:0 0 14px #3b82f626}.data-viz-1{background:var(--primary)}.data-viz-2{background:#10b981}.data-viz-3{background:#f59e0b}.data-viz-4{background:#ef4444}.weather-gradient{background:linear-gradient(135deg,#0ea5e926,#0284c726);border:1px solid rgba(14,165,233,.3)}.small-select{padding:4.2px 8.4px;background:var(--bg-main);border:1px solid var(--glass-border);border-radius:4.2px;color:var(--text-main);font-size:9.1px;cursor:pointer}.badge{padding:1.4px 5.6px;background:var(--primary);color:#fff;border-radius:8.4px;font-size:8.4px;font-weight:500}.location{font-size:9.1px;opacity:.8}.login-wrapper{display:flex;min-height:100vh;width:100%}.login-container{display:flex;width:100%;flex-direction:row}.login-visual{flex:1.1;background:linear-gradient(135deg,var(--brand-navy) 0%,#0a0f1d 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 8%;position:relative;border-right:1px solid var(--glass-border)}.brand-badge{background:#2fb2941a;color:var(--brand-teal-light);padding:6px 13px;border-radius:80px;font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;border:1px solid rgba(47,178,148,.2);margin-bottom:1.6rem;display:inline-block}.logo-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:2rem}.main-logo-desktop{max-width:160px;height:auto;display:block}.logo-text{font-size:2.56rem;font-weight:800;line-height:1.1;letter-spacing:-.8px}.cab-white{color:#fff}.manager-teal{color:var(--brand-teal)}.visual-title{font-size:2.56rem;font-weight:800;line-height:1.1;margin-bottom:2.4rem;letter-spacing:-.8px;text-align:left}.title-white{color:#fff;display:block}.title-teal{color:var(--brand-teal);display:block}.bento-features{display:grid;grid-template-columns:1fr;gap:.96rem;width:100%;text-align:left}.bento-item{display:flex;align-items:center;gap:1.2rem;padding:.96rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:13px;transition:var(--transition);text-align:left}.bento-item:hover{background:#2fb2940d;border-color:var(--brand-teal);transform:translate(8px)}.bento-icon{color:var(--brand-teal);flex-shrink:0;width:20px;height:20px}.bento-item h4{font-size:.8rem;margin-bottom:.16rem}.bento-item p{font-size:.68rem;color:var(--text-muted);line-height:1.4}.login-form-area{flex:.9;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center;padding:32px}.form-card{width:100%;max-width:320px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-header{text-align:left;margin-bottom:2rem}.form-header h2{font-size:1.76rem;font-weight:700;margin-bottom:.48rem;letter-spacing:-.4px}.form-header p{color:var(--text-muted);font-size:.8rem}.actual-form{display:flex;flex-direction:column;gap:1.2rem}.input-group{display:flex;flex-direction:column;gap:.48rem}.input-group label{font-size:.68rem;font-weight:500;color:var(--text-muted);margin-left:3px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:13px;color:var(--text-muted);transition:var(--transition)}.input-wrapper input{width:100%;padding:11px 13px 11px 38px;background:var(--bg-panel);border:1.5px solid #334155;border-radius:10px;color:#fff;font-size:.8rem;transition:var(--transition)}.input-wrapper input:focus{outline:none;border-color:var(--brand-teal);background:var(--input-bg);box-shadow:0 0 0 3px #2fb29426}.input-wrapper input:focus+.input-icon{color:var(--brand-teal)}.form-utils{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;margin-top:.4rem}.custom-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none}.custom-checkbox input{width:14px;height:14px;accent-color:var(--brand-teal);cursor:pointer}.forgot-link{color:var(--brand-teal);text-decoration:none;font-weight:600;transition:var(--transition)}.forgot-link:hover{color:var(--brand-teal-light);text-decoration:underline}.submit-btn{width:100%;padding:13px;background:var(--brand-teal);border:none;border-radius:10px;color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;margin-top:.8rem;transition:var(--transition)}.submit-btn:hover:not(:disabled){background:var(--brand-teal-light);transform:translateY(-2px);box-shadow:0 10px 20px #2fb29440}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ef44441a;color:#fca5a5;padding:11px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:.72rem;border:1px solid rgba(239,68,68,.2)}.form-footer{margin-top:2rem;text-align:center;font-size:.72rem;color:var(--text-muted)}.form-footer a{color:var(--brand-teal);text-decoration:none;font-weight:600}.mobile-only-notice{display:none;position:fixed;inset:0;background:var(--bg-dark);z-index:9999;padding:24px;flex-direction:column;align-items:center;justify-content:center}.mobile-card{background:var(--bg-panel);padding:32px 19px;border-radius:22px;text-align:center;max-width:272px;border:1px solid var(--glass-border)}.mobile-logo-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:1.6rem}.mobile-logo-img{max-width:110px;height:auto}.mobile-logo-text{font-size:2.56rem;font-weight:800;line-height:1.1;letter-spacing:-.8px}.mobile-logo-text .cab-white{color:#fff}.mobile-logo-text .manager-teal{color:var(--brand-teal)}.mobile-icon-wrapper{color:var(--brand-teal);margin-bottom:1.2rem}.mobile-card h2{font-size:1.2rem;margin-bottom:.8rem}.mobile-card p{color:var(--text-muted);font-size:.76rem;line-height:1.5;margin-bottom:1.6rem}.mobile-link-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--brand-teal);color:#fff;text-decoration:none;padding:13px;border-radius:11px;font-weight:600;font-size:.8rem;width:100%}.login-visual{flex:1.1;background-image:url(/assets/taxifleet-CeSzan0s.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 8%;border-right:1px solid var(--glass-border)}.login-visual:before{content:"";position:absolute;inset:0;background:#000000bf;z-index:1}.visual-content{max-width:416px;width:100%;text-align:center;position:relative;z-index:2}.visual-footer{position:absolute;bottom:32px;left:0;right:0;text-align:center;color:var(--text-muted);font-size:.64rem;opacity:.6;z-index:3}.mobile-menu-btn{position:fixed;top:14px;left:14px;z-index:999;width:33.6px;height:33.6px;border-radius:8.4px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.mobile-menu-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.sidebar-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(2.8px);backdrop-filter:blur(2.8px);z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-wrapper{height:100%;transition:transform .3s ease}.sidebar-close-btn{display:none;position:absolute;top:14px;right:14px;z-index:1000;width:28px;height:28px;border-radius:7px;background:#ffffff1a;border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;align-items:center;justify-content:center;transition:all .3s ease}.sidebar-close-btn:hover{background:#fff3;border-color:var(--primary)}.sidebar-wrapper.open .sidebar{animation:slideIn .3s ease}.app-right.sidebar-open{transform:translate(196px);transition:transform .3s ease}.header-panel-greeting{display:flex;align-items:center;padding:0 10.5px;font-weight:500;color:#9ca3af;font-size:10.5px}.greeting-text{display:flex;align-items:center;gap:4.2px}.waving-hand{display:inline-block;animation:wave 2.5s infinite;transform-origin:70% 70%;font-size:12.6px}.waving-hand-smooth{animation:wave-smooth 2s infinite}@keyframes wave-smooth{0%{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.waving-hand-pulse{animation:pulse-wave 2s infinite}@keyframes pulse-wave{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(10deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.2) rotate(-10deg)}to{transform:scale(1) rotate(0)}}.ui-card div::-webkit-scrollbar{width:4.2px}.ui-card div::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2.1px}.ui-card div::-webkit-scrollbar-thumb{background:#fff3;border-radius:2.1px}.ui-card div::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.custom-scrollbar::-webkit-scrollbar{width:5.6px;height:5.6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:2.8px;margin:2.8px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2.8px;border:1.4px solid transparent;background-clip:padding-box;transition:background .3s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff40;border-width:.7px}.custom-scrollbar::-webkit-scrollbar-thumb:active{background:#ffffff4d}.custom-scrollbar::-webkit-scrollbar-corner{background:transparent}.conversations-list-scrollbar.custom-scrollbar::-webkit-scrollbar-thumb{background:#3b82f633}.conversations-list-scrollbar.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#3b82f64d}.messages-scrollbar.custom-scrollbar::-webkit-scrollbar-thumb{background:#f59e0b33}.messages-scrollbar.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#f59e0b4d}.messages-container{scroll-behavior:smooth;overscroll-behavior:contain}.scrollbar-hide-on-idle::-webkit-scrollbar-thumb{opacity:0;transition:opacity .3s ease}.scrollbar-hide-on-idle:hover::-webkit-scrollbar-thumb{opacity:1}@supports (scrollbar-width: thin){.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.conversations-list-scrollbar{scrollbar-color:rgba(59,130,246,.2) transparent}.messages-scrollbar{scrollbar-color:rgba(245,158,11,.2) transparent}}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.message-item{animation:messageFadeIn .3s ease-out}@keyframes pulseUnread{0%,to{opacity:1}50%{opacity:.7}}.unread-pulse{animation:pulseUnread 2s infinite}@media(max-width:768px){.custom-scrollbar::-webkit-scrollbar{width:4.2px;height:4.2px}.custom-scrollbar::-webkit-scrollbar-thumb{border:.7px solid transparent}}.modal-content.custom-scrollbar::-webkit-scrollbar{width:4.2px}.modal-content.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a}.modal-content.custom-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:0;margin:0}.page-title-container{display:flex;flex-direction:column;justify-content:center;height:100%;padding:5.6px 0;width:100%}.breadcrumb{display:flex;align-items:center;gap:4.2px;margin-bottom:2.8px;font-size:7.7px;color:var(--text-muted);height:11.2px;overflow:hidden}.breadcrumb-home{color:var(--primary);flex-shrink:0}.breadcrumb-separator{opacity:.5;flex-shrink:0}.breadcrumb-text{font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-title-content{display:flex;align-items:center;gap:8.4px;height:28px}.page-title-icon{width:28px;height:28px;border-radius:8.4px;background:linear-gradient(135deg,#008bff1a,#00f3ff0d);border:1px solid rgba(255,255,0,.15);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:all .3s ease}.page-title-icon svg{color:var(--primary);stroke-width:1.5}.header-panel-title:hover .page-title-icon{background:#ffff0026;transform:translateY(-.7px);box-shadow:0 2.8px 8.4px #ffff001a}.page-title-text{display:flex;flex-direction:column;justify-content:center;min-height:28px;overflow:hidden;flex:1;max-width:calc(100% - 36.4px)}.page-title-main{font-size:12.6px;font-weight:700;color:var(--text-main);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(135deg,var(--text-main) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.21px}.page-title-sub{font-size:8.4px;color:var(--text-muted);margin:1.4px 0 0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.date-wrapper{display:flex;align-items:center;gap:7px;height:100%}.calendar-icon{color:var(--primary);opacity:.8}.date-text{font-size:9.1px;font-weight:500;color:var(--text-main);white-space:nowrap}.greeting-wrapper{display:flex;align-items:center;gap:8.4px;height:100%}.greeting-icon{width:25.2px;height:25.2px;border-radius:50%;background:linear-gradient(135deg,#008bff1a,#00f3ff0d);border:1px solid rgba(255,255,0,.15);display:flex;align-items:center;justify-content:center;font-size:12.6px;animation:wave 2.5s infinite;transform-origin:70% 70%;flex-shrink:0}.greeting-icon svg{color:var(--primary);stroke-width:1.5}.wave-hand{animation:wave 2.5s infinite;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.calendar-icon{color:var(--primary)}@media(max-width:768px){.page-title-icon{width:22.4px;height:22.4px}.page-title-icon svg{width:11.2px;height:11.2px}.greeting-icon{width:22.4px;height:22.4px}.greeting-icon svg{width:11.2px;height:11.2px}}.header-panel-title[data-page="/vehicles"] .page-title-icon{background:#3b82f61a;border-color:#3b82f633}.header-panel-title[data-page="/vehicles"] .page-title-icon svg{color:#3b82f6}.header-panel-title[data-page="/drivers"] .page-title-icon{background:#10b9811a;border-color:#10b98133}.header-panel-title[data-page="/drivers"] .page-title-icon svg{color:#10b981}.header-panel-title[data-page="/reports"] .page-title-icon{background:#ef44441a;border-color:#ef444433}.header-panel-title[data-page="/reports"] .page-title-icon svg{color:#ef4444}.header-panel-title[data-page="/analytics"] .page-title-icon{background:#8b5cf61a;border-color:#8b5cf633}.header-panel-title[data-page="/analytics"] .page-title-icon svg{color:#8b5cf6}.mobile-login-screen{display:none;position:fixed;inset:0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);z-index:9999;overflow-y:auto;padding:14px}.mobile-container{max-width:280px;margin:0 auto;padding:28px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:100vh;justify-content:center}.mobile-logo img{max-width:126px;height:auto;margin-bottom:21px;opacity:.9}.mobile-icon{position:relative;width:84px;height:84px;background:#ff00001a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:14px 0;border:1.4px solid rgba(255,0,0,.3)}.mobile-icon svg{color:#f44;opacity:.8}.mobile-cross{position:absolute;top:-7px;right:-7px;background:#f44;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2.1px solid #0a0a0a}.mobile-login-screen h1{font-size:16.8px;font-weight:700;color:#fff;margin:14px 0 10.5px;line-height:1.3}.mobile-description{font-size:11.2px;color:#aaa;line-height:1.5;margin-bottom:21px;max-width:224px}.mobile-button{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:11.2px 16.8px;border-radius:8.4px;text-decoration:none;font-weight:600;font-size:11.2px;transition:all .3s ease;margin-bottom:14px;border:none;cursor:pointer;width:100%;max-width:210px;justify-content:center}.mobile-button:hover{transform:translateY(-1.4px);box-shadow:0 7px 14px #3b82f64d;background:linear-gradient(135deg,#4a90e2,#2563eb)}.mobile-note{font-size:9.8px;color:#888;line-height:1.4;margin-top:14px;max-width:224px;font-style:italic}.mobile-footer{margin-top:28px;padding-top:14px;border-top:.7px solid rgba(255,255,255,.1);width:100%}.mobile-footer p{font-size:9.8px;color:#666;margin:3.5px 0}.mobile-help{font-size:9.1px!important;margin-top:7px!important}.mobile-help a{color:#3b82f6;text-decoration:none;margin-left:3.5px}.mobile-help a:hover{text-decoration:underline}@media(max-width:1024px){.login-page{display:none!important}.mobile-login-screen{display:flex!important}}@media(min-width:1025px){.mobile-login-screen{display:none!important}.login-page{display:flex!important}}@media(max-width:480px){.mobile-container{padding:14px 10.5px}.mobile-logo img{max-width:98px}.mobile-login-screen h1{font-size:14px}.mobile-description{font-size:10.5px}.mobile-button{padding:9.8px 14px;font-size:10.5px}}@media(max-height:600px)and (orientation:landscape){.mobile-container{padding:14px;min-height:auto}.mobile-logo img{max-width:84px;margin-bottom:10.5px}.mobile-icon{width:56px;height:56px;margin:7px 0}.mobile-cross{width:21px;height:21px;font-size:11.2px}}@media(min-width:769px)and (max-width:1024px){.mobile-container{max-width:350px;padding:35px 21px}.mobile-login-screen h1{font-size:19.6px}}.service-book-container{height:100%;display:flex;flex-direction:column;overflow:hidden;gap:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:11.2px;flex-shrink:0}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:8.4px;padding:14px}.stat-card-content{display:flex;align-items:center;gap:11.2px}.stat-card-icon{width:33.6px;height:33.6px;border-radius:8.4px;display:flex;align-items:center;justify-content:center}.stat-card-info p:first-child{font-size:9.8px;color:var(--text-muted);margin:0}.stat-card-info p:last-child{font-size:16.8px;font-weight:700;color:var(--text-main);margin:2.8px 0 0}.filter-row{display:flex;gap:8.4px;align-items:center;flex-shrink:0}.search-container{flex:1;position:relative}.search-icon{position:absolute;left:8.4px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.service-book-table-container{flex:1;display:flex;flex-direction:column;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:11.2px;overflow:hidden;min-height:0}.table-scroll-container{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(97,97,97,.3) rgba(0,0,0,.2)}.table-scroll-container::-webkit-scrollbar{width:8.4px;height:8.4px}.table-scroll-container::-webkit-scrollbar-track{background:#0003;border-radius:7px;margin:2.8px}.table-scroll-container::-webkit-scrollbar-thumb{background:#7e7e7e4d;border-radius:7px;border:1.4px solid transparent;background-clip:padding-box;transition:all .3s ease;animation:serviceScrollbarPulse 3s infinite}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#7e7e7e80;border-width:.7px;animation:none}.table-scroll-container::-webkit-scrollbar-thumb:active{background:#7e7e7eb3}.table-scroll-container::-webkit-scrollbar-corner{background:transparent}.service-book-table{width:100%;border-collapse:collapse;min-width:1120px}.service-book-table thead{background:var(--bg-panel);position:sticky;top:0;z-index:10}.service-book-table th{padding:11.2px;text-align:left;font-size:9.8px;font-weight:500;color:var(--text-muted);border-bottom:1px solid var(--glass-border)}.th-content{display:flex;align-items:center;gap:4.2px}.service-book-table tbody tr{border-bottom:1px solid var(--glass-border);transition:background .2s}.service-book-table tbody tr:hover{background:#00000005}.service-book-table tbody tr.expanded{background:#3b82f60d}.service-book-table td{padding:11.2px}.vehicle-cell{display:flex;align-items:center;gap:8.4px}.expand-button{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:16.8px;height:16.8px}.vehicle-name{font-weight:600;color:var(--text-main);font-size:10.5px}.vehicle-details{font-size:9.1px;color:var(--text-muted);margin-top:1.4px}.license-plate{background:#3b82f61a;color:#3b82f6;padding:5.6px 11.2px;border-radius:5.6px;font-weight:700;font-size:11.2px;letter-spacing:.7px;text-align:center;min-width:70px;border:1.4px solid rgba(59,130,246,.3)}.current-mileage{font-size:14px;font-weight:700;color:#3b82f6;text-align:center;margin-bottom:2.8px}.service-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center}.service-value{font-size:10.5px;font-weight:600;text-align:center;margin-bottom:2.8px;padding:4.2px 7px;border-radius:4.2px;min-width:56px}.service-value-small{font-size:9.1px;font-weight:600;text-align:center;padding:2.8px 5.6px;border-radius:4.2px;min-width:49px;width:100%}.service-date{font-size:7.7px;text-align:center}.double-service-indicator{display:flex;flex-direction:column;gap:5.6px;align-items:center;justify-content:center}.service-group{display:flex;flex-direction:column;align-items:center;width:100%}.service-label{font-size:7.7px;color:var(--text-muted);margin-bottom:1.4px}.status-badge-container{display:flex;justify-content:center}.status-badge{padding:5.6px 11.2px;border-radius:14px;font-size:9.1px;font-weight:500;display:inline-block;text-align:center;width:100%}.action-buttons{display:flex;gap:5.6px;justify-content:center}.btn-edit{color:#3b82f6;border-color:#3b82f6;padding:5.6px 8.4px;font-size:9.1px;display:flex;align-items:center;gap:4.2px;background:none;border:1px solid;border-radius:4.2px;cursor:pointer}.btn-edit:hover{background:#3b82f61a}.expanded-details td{padding:14px;border-bottom:1px solid var(--glass-border);background:#3b82f60d}.history-section{margin-bottom:14px;scrollbar-width:thin;scrollbar-color:rgba(104,104,104,.25) rgba(0,0,0,.15);max-height:350px;overflow-y:auto;padding-right:5.6px}.history-title{font-size:12.6px;font-weight:600;margin-bottom:11.2px;display:flex;align-items:center;gap:5.6px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:11.2px;margin-bottom:14px;scrollbar-width:thin;scrollbar-color:rgba(126,126,126,.2) rgba(0,0,0,.1);max-height:420px;overflow-y:auto;padding-right:8.4px}.history-card{padding:11.2px;background:var(--bg-panel);border-radius:5.6px;scrollbar-width:thin;scrollbar-color:rgba(126,126,126,.15) rgba(0,0,0,.05);max-height:280px;overflow-y:auto}.history-header{display:flex;align-items:center;gap:5.6px;margin-bottom:8.4px}.history-header h4{font-size:9.8px;font-weight:500;margin:0}.history-count{font-size:7.7px;background:#3b82f61a;color:#3b82f6;padding:1.4px 4.2px;border-radius:8.4px;margin-left:auto}.no-history{font-size:8.4px;color:var(--text-muted);font-style:italic}.history-table-container{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(126,126,126,.2) rgba(0,0,0,.1);max-height:210px;overflow-y:auto;border-radius:4.2px}.history-table{width:100%;border-collapse:collapse;font-size:8.4px}.history-table th{padding:5.6px;text-align:left;color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--glass-border)}.history-table td{padding:5.6px;color:var(--text-main);border-bottom:1px solid var(--glass-border)}.history-table tr:nth-child(2n){background:#00000005}.mileage-cell{color:#3b82f6;font-weight:500;text-align:right}.no-results{text-align:center;padding:42px 14px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center}.no-results svg{opacity:.5;margin-bottom:11.2px}.no-results-title{font-size:11.2px;margin-bottom:5.6px;color:var(--text-main)}.no-results-subtitle{font-size:9.8px}.loading-container{display:flex;align-items:center;justify-content:center;height:100%}.loading-overlay{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-overlay p{margin-top:8.4px;color:var(--text-muted)}.wide-modal{max-width:560px}.modal-title{font-size:14px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:5.6px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11.2px}.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5.6px}.checkbox-group{display:flex;gap:14px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:5.6px;font-size:9.8px;color:#374151}.modal-actions{display:flex;justify-content:flex-end;gap:8.4px;margin-top:16.8px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vehicle-col{min-width:140px;width:140px}.plate-col{min-width:98px;width:98px}.mileage-col{min-width:84px;width:84px}.inspection-col{min-width:77px;width:77px}.oil-col,.lpg-col{min-width:70px;width:70px}.brakes-col{min-width:91px;width:91px}.spark-col{min-width:77px;width:77px}.wipers-col{min-width:84px;width:84px}.alignment-col{min-width:77px;width:77px}.filters-col{min-width:84px;width:84px}.hybrid-col{min-width:91px;width:91px}.status-col,.actions-col{min-width:84px;width:84px}.wide-modal{max-width:840px;max-height:63vh;overflow-y:auto}.section-title{display:flex;align-items:center;gap:5.6px;font-size:12.6px;font-weight:600;margin:14px 0 10.5px;color:#374151;border-bottom:1.4px solid #e5e7eb;padding-bottom:5.6px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:11.2px;margin-bottom:14px}.category-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:5.6px;padding:11.2px;transition:all .2s}.category-card:hover{background:#f3f4f6;border-color:#d1d5db}.category-header{display:flex;align-items:center;gap:5.6px;margin-bottom:8.4px}.category-header h4{flex:1;margin:0;font-size:11.2px;font-weight:600;color:#374151}.category-details{display:flex;flex-direction:column;gap:5.6px;margin-bottom:8.4px}.category-subgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:5.6px;margin-bottom:8.4px}.subcategory{display:flex;align-items:center;gap:4.2px}.category-notes{width:100%;padding:5.6px;border:1px solid #d1d5db;border-radius:4.2px;font-size:9.8px;resize:vertical;min-height:42px;margin-bottom:8.4px}.category-notes:focus{outline:none;border-color:#3b82f6}.category-next{display:flex;flex-direction:column;gap:4.2px}.category-next label{font-size:8.4px;color:#6b7280;font-weight:500}.next-item{display:flex;align-items:center;gap:5.6px}.next-item label{min-width:84px}.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5.6px;margin-bottom:8.4px}.cost-item{display:flex;flex-direction:column;gap:2.8px}.cost-item label{font-size:8.4px;color:#6b7280;font-weight:500}.workshop-info{display:flex;flex-direction:column;gap:5.6px}.form-hint{font-size:8.4px;color:#6b7280;margin-top:2.8px;font-style:italic}.checkbox-label-sm{display:flex;align-items:center;gap:4.2px;font-size:9.1px;color:#374151}.checkbox-label-sm input[type=checkbox]{width:11.2px;height:11.2px}.other-service-item{border:1px solid var(--border-color);border-radius:5.6px;padding:8.4px;margin-bottom:5.6px;background:var(--bg-panel)}.other-service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5.6px;padding-bottom:5.6px;border-bottom:1px solid var(--border-light)}.service-type{font-weight:600;color:var(--text-primary);font-size:9.8px}.service-date{font-size:8.4px;color:var(--text-muted)}.other-service-details{font-size:9.1px;color:var(--text-secondary)}.other-service-details .mileage{margin-bottom:2.8px}.other-service-details .cost{font-weight:500;color:var(--accent-primary);margin-bottom:2.8px}.other-service-details .notes{font-style:italic;margin-top:5.6px;padding-top:5.6px;border-top:1px dashed var(--border-light)}.vehicles-table-container{scrollbar-width:thin;scrollbar-color:rgba(105,105,105,.3) rgba(0,0,0,.2)}.vehicles-table-container::-webkit-scrollbar{width:7px;height:7px}.vehicles-table-container::-webkit-scrollbar-track{background:#0003;border-radius:7px;margin:2.8px}.vehicles-table-container::-webkit-scrollbar-thumb{background:#6d6d6d4d;border-radius:7px;border:1.4px solid transparent;background-clip:padding-box;transition:all .3s ease;animation:scrollbarPulse 3s infinite}.vehicles-table-container::-webkit-scrollbar-thumb:hover{background:#75757580;border-width:.7px;animation:none}.vehicles-table-container::-webkit-scrollbar-thumb:active{background:#6b6b6bb3}.vehicles-table-container::-webkit-scrollbar-corner{background:transparent}.damage-list-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,0,.25) rgba(0,0,0,.15);max-height:105px;overflow-y:auto}.damage-list-scrollbar::-webkit-scrollbar{width:4.2px}.damage-list-scrollbar::-webkit-scrollbar-track{background:#00000026;border-radius:4.2px}.damage-list-scrollbar::-webkit-scrollbar-thumb{background:#ffff0040;border-radius:4.2px;transition:all .3s ease}.damage-list-scrollbar::-webkit-scrollbar-thumb:hover{background:#ff06}.gallery-grid-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,0,.4) rgba(255,255,255,.1)}.gallery-grid-scrollbar::-webkit-scrollbar{width:8.4px;height:8.4px}.gallery-grid-scrollbar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4.2px;margin:7px}.gallery-grid-scrollbar::-webkit-scrollbar-thumb{background:#ff06;border-radius:4.2px;border:1.4px solid transparent;background-clip:padding-box;transition:all .3s ease}.gallery-grid-scrollbar::-webkit-scrollbar-thumb:hover{background:#ff09;border-width:.7px}.gallery-grid-scrollbar::-webkit-scrollbar-corner{background:transparent}.thumbnails-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,0,.3) rgba(255,255,255,.1);overflow-x:auto;padding:7px}.thumbnails-scrollbar::-webkit-scrollbar{height:4.2px}.thumbnails-scrollbar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4.2px}.thumbnails-scrollbar::-webkit-scrollbar-thumb{background:#ffff004d;border-radius:4.2px;transition:all .3s ease}.thumbnails-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffff0080}.vehicles-table-container,.damage-list-scrollbar,.gallery-grid-scrollbar,.thumbnails-scrollbar{scroll-behavior:smooth}.scrollbar-hover{scrollbar-width:none}.scrollbar-hover::-webkit-scrollbar{width:0;height:0}.scrollbar-hover:hover{scrollbar-width:thin}.scrollbar-hover:hover::-webkit-scrollbar{width:7px;height:7px}@media(max-width:768px){.vehicles-table-container::-webkit-scrollbar{width:4.2px;height:4.2px}.gallery-grid-scrollbar::-webkit-scrollbar{width:5.6px;height:5.6px}.vehicles-table-container::-webkit-scrollbar-thumb,.gallery-grid-scrollbar::-webkit-scrollbar-thumb{border:.7px solid transparent}}@keyframes scrollbarPulse{0%,to{background:#5858584d}50%{background:#9e9e9e80}}.vehicles-table-container::-webkit-scrollbar-thumb{animation:scrollbarPulse 3s infinite}.vehicles-table-container::-webkit-scrollbar-thumb:hover{animation:none}.service-book-table-container .table-scroll-container{scrollbar-width:thin;scrollbar-color:rgba(97,97,97,.3) rgba(0,0,0,.2)}.service-book-table-container .table-scroll-container::-webkit-scrollbar{width:8.4px;height:8.4px}.service-book-table-container .table-scroll-container::-webkit-scrollbar-track{background:#0003;border-radius:7px;margin:2.8px}.service-book-table-container .table-scroll-container::-webkit-scrollbar-thumb{background:#7e7e7e4d;border-radius:7px;border:1.4px solid transparent;background-clip:padding-box;transition:all .3s ease}.service-book-table-container .table-scroll-container::-webkit-scrollbar-thumb:hover{background:#7e7e7e80;border-width:.7px}.service-book-table-container .table-scroll-container::-webkit-scrollbar-thumb:active{background:#7e7e7eb3}.service-book-table-container .table-scroll-container::-webkit-scrollbar-corner{background:transparent}.history-section{scrollbar-width:thin;scrollbar-color:rgba(104,104,104,.25) rgba(0,0,0,.15);max-height:350px;overflow-y:auto;padding-right:5.6px}.history-section::-webkit-scrollbar{width:5.6px}.history-section::-webkit-scrollbar-track{background:#00000026;border-radius:5.6px;margin:2.8px}.history-section::-webkit-scrollbar-thumb{background:#68686840;border-radius:5.6px;border:1.4px solid transparent;background-clip:padding-box;transition:all .3s ease}.history-section::-webkit-scrollbar-thumb:hover{background:#7e7e7e66;border-width:.7px}.history-table-container{scrollbar-width:thin;scrollbar-color:rgba(126,126,126,.2) rgba(0,0,0,.1);max-height:210px;overflow-y:auto;border-radius:4.2px}.history-table-container::-webkit-scrollbar{width:4.2px;height:4.2px}.history-table-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4.2px}.history-table-container::-webkit-scrollbar-thumb{background:#ff03;border-radius:4.2px;transition:all .3s ease}.history-table-container::-webkit-scrollbar-thumb:hover{background:#7e7e7e59}.history-grid{scrollbar-width:thin;scrollbar-color:rgba(126,126,126,.2) rgba(0,0,0,.1);max-height:420px;overflow-y:auto;padding-right:8.4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:11.2px}.history-grid::-webkit-scrollbar{width:5.6px}.history-grid::-webkit-scrollbar-track{background:#0000001a;border-radius:5.6px;margin:2.8px}.history-grid::-webkit-scrollbar-thumb{background:#7e7e7e33;border-radius:5.6px;border:1.4px solid transparent;background-clip:padding-box;transition:all .3s ease}.history-grid::-webkit-scrollbar-thumb:hover{background:#7e7e7e59}.history-card{scrollbar-width:thin;scrollbar-color:rgba(126,126,126,.15) rgba(0,0,0,.05);max-height:280px;overflow-y:auto}.history-card::-webkit-scrollbar{width:3.5px}.history-card::-webkit-scrollbar-track{background:#0000000d;border-radius:3.5px}.history-card::-webkit-scrollbar-thumb{background:#7e7e7e26;border-radius:3.5px;transition:all .3s ease}.history-card::-webkit-scrollbar-thumb:hover{background:#7e7e7e40}.tires-vertical-container{scrollbar-width:thin;scrollbar-color:rgba(126,126,126,.15) rgba(0,0,0,.05);max-height:105px;overflow-y:auto;padding-right:1.4px}.tires-vertical-container::-webkit-scrollbar{width:2.8px}.tires-vertical-container::-webkit-scrollbar-track{background:#0000000d;border-radius:2.8px}.tires-vertical-container::-webkit-scrollbar-thumb{background:#ffff0026;border-radius:2.8px;transition:all .3s ease}.tires-vertical-container::-webkit-scrollbar-thumb:hover{background:#ffff0040}.tires-history-grid{scrollbar-width:thin;scrollbar-color:rgba(126,126,126,.2) rgba(0,0,0,.1);max-height:350px;overflow-y:auto;padding-right:8.4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:11.2px}.tires-history-grid::-webkit-scrollbar{width:5.6px}.tires-history-grid::-webkit-scrollbar-track{background:#0000001a;border-radius:5.6px;margin:2.8px}.tires-history-grid::-webkit-scrollbar-thumb{background:#7e7e7e33;border-radius:5.6px;border:1.4px solid transparent;background-clip:padding-box;transition:all .3s ease}.tires-history-grid::-webkit-scrollbar-thumb:hover{background:#7e7e7e59}.modal-content{scrollbar-width:thin;scrollbar-color:rgba(126,126,126,.2) rgba(0,0,0,.1);max-height:63vh;overflow-y:auto;padding-right:8.4px}.modal-content::-webkit-scrollbar{width:5.6px}.modal-content::-webkit-scrollbar-track{background:#0000001a;border-radius:5.6px;margin:2.8px}.modal-content::-webkit-scrollbar-thumb{background:#ff03;border-radius:5.6px;border:1.4px solid transparent;background-clip:padding-box;transition:all .3s ease}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffff0059}.service-book-table-container .table-scroll-container,.history-section,.history-table-container,.history-grid,.history-card,.tires-vertical-container,.tires-history-grid,.modal-content{scroll-behavior:smooth}@media(max-width:768px){.service-book-table-container .table-scroll-container::-webkit-scrollbar{width:5.6px;height:5.6px}.history-section::-webkit-scrollbar,.history-grid::-webkit-scrollbar,.tires-history-grid::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:4.2px}.history-table-container::-webkit-scrollbar{width:2.8px;height:2.8px}.service-book-table-container .table-scroll-container::-webkit-scrollbar-thumb,.history-section::-webkit-scrollbar-thumb,.history-grid::-webkit-scrollbar-thumb,.tires-history-grid::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{border:.7px solid transparent}}.service-book-table-container .table-scroll-container::-webkit-scrollbar-thumb{animation:serviceScrollbarPulse 3s infinite}.service-book-table-container .table-scroll-container::-webkit-scrollbar-thumb:hover{animation:none}.nav-link{display:flex;align-items:center;gap:8.4px;padding:6.3px 9.8px;border-radius:7px;text-decoration:none;color:var(--text-muted);font-size:9.8px;transition:background .2s,color .2s;position:relative}.nav-label{flex:1}.notification-badge-sidebar{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 4.2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:7.7px;font-weight:700;border-radius:14px;margin-left:auto;box-shadow:0 1.4px 3.5px #ef44444d;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 1.4px 3.5px #ef44444d}50%{transform:scale(1.05);box-shadow:0 2.8px 5.6px #ef444480}}@media(max-width:768px){.notification-badge-sidebar{min-width:12.6px;height:12.6px;font-size:7px;padding:0 2.8px}}