:root{--bg:#1f2740;--bg-soft:#26314f;--card:#2b3556;--border:#3a466b;--green:#22c55e;--yellow:#facc15;--red:#ef4444;--blue:#60a5fa;--text:#f3f4f6;--muted:#aab2c5}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);max-width:100%;font-family:Arial,sans-serif;overflow-x:hidden}.chm-body{display:flex}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff08,#ffffff03);border-right:1px solid #ffffff0f;width:290px;padding:28px 20px}.sidebar-logo{padding:10px 12px 35px}.sidebar-logo img{-o-object-fit:contain;object-fit:contain;opacity:.95;width:120px;max-width:100%}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-link{height:54px;color:var(--muted);border:1px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0a;transform:translate(4px)}.sidebar-link.active{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff14,#ffffff0a);border:1px solid #ffffff14;box-shadow:0 10px 25px #0000002e}.sidebar-icon{opacity:.75;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.sidebar-link.active .sidebar-icon{opacity:1}.chm-main{flex:1}.chm-content{padding:30px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.vehicles-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.vehicle-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:20px;padding:20px;transition:all .2s}.vehicle-card:hover{border-color:var(--green);transform:translateY(-4px)}.vehicle-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.vehicle-status{border-radius:999px;width:12px;height:12px}.vehicle-status.active{background:var(--green)}.vehicle-plate{color:var(--muted)}.vehicle-info{justify-content:space-between;margin-top:20px;display:flex}.vehicle-info strong{margin-top:6px;display:block}.alerts-panel{background:var(--card);border:1px solid var(--border);border-radius:20px;height:fit-content;padding:24px}.alert-item{border-radius:14px;margin-top:20px;padding:16px}.alert-item.critical{color:var(--red);background:#ef44441f}.alert-item.warning{color:var(--yellow);background:#facc151f}.alert-item.info{color:var(--blue);background:#3b82f61f}.login-wrapper{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card);border:1px solid var(--border);border-radius:24px;width:420px;padding:40px}.login-card h1{margin-bottom:10px;font-size:38px}.login-card span{color:var(--muted);margin-bottom:30px;display:block}.login-button{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;height:54px;margin-top:20px;font-weight:700}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px}.kpi-card small{color:var(--muted)}.kpi-card strong{margin-top:10px;font-size:36px;display:block}.kpi-card.warning{border-color:#facc154d}.kpi-card.danger{border-color:#ef44444d}.kpi-card.info{border-color:#3b82f64d}.vehicle-card.active{border-color:#22c55e26}.vehicle-status.critical{background:var(--red)}.vehicle-location{align-items:center;gap:12px;margin-top:10px;display:flex}.vehicle-location span{background:#172036;border:1px solid #ffffff0d;border-radius:999px;padding:8px 14px;font-size:13px}.maintenance-history{background:#111827;border:1px solid #ffffff0a;border-radius:22px;padding:24px}.maintenance-history h3,.quick-actions h3{color:#fff;margin-bottom:22px;font-size:22px}.history-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.quick-actions{background:#111827;border:1px solid #ffffff0a;border-radius:22px;padding:24px}.history-item small{color:#64748b;margin-top:4px;display:block}.history-item strong{color:#fff}.maintenance-form{flex-direction:column;gap:18px;display:flex}.form-input,.maintenance-form select,.maintenance-form textarea,.maintenance-form input{color:#fff;background:#0f172a;border:1px solid #ffffff0f;border-radius:16px;width:100%;padding:14px 16px;font-size:15px}.maintenance-form select,.maintenance-form input{background:var(--card);border:1px solid var(--border);color:#fff;border-radius:14px;width:100%;height:50px;margin-bottom:16px;padding:0 14px}.save-maintenance{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:18px;height:56px;margin-top:8px;font-size:16px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#000000c7;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.vehicle-modal{background:#0f172a;border:1px solid #ffffff0f;border-radius:28px;flex-direction:column;width:min(1400px,95vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 20px 80px #00000073}.modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;padding:28px 32px;display:flex}.modal-header h2{color:#fff;margin-bottom:8px;font-size:38px;font-weight:800;line-height:1}.modal-header span{color:#94a3b8}.modal-header button{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:14px;width:46px;height:46px;font-size:20px}.modal-body{padding:30px;overflow:auto}.modal-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px;display:grid}.modal-card{background:#172036;border-radius:20px;padding:24px}.modal-card small{color:#94a3b8;margin-bottom:10px;font-size:14px;display:block}.modal-card strong{color:#fff;font-size:42px}.modal-content-grid{grid-template-columns:420px 1fr;align-items:start;gap:24px;display:grid}.quick-buttons{gap:12px;margin-top:24px;display:flex}.quick-buttons button{color:#fff;cursor:pointer;background:#172036;border:none;border-radius:14px;height:46px;padding:0 18px}.vehicle-card.ok{border-color:#22c55e40}.vehicle-card.warning{border-color:#fbbf2459}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-title{color:#fff;font-size:42px;font-weight:700}.page-subtitle{color:#94a3b8;margin-top:6px}.btn-primary{color:#fff;background:#22c55e;border:none;border-radius:14px;padding:14px 22px;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary:hover{opacity:.9}.procedures-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.procedure-card{background:#131c2f;border:1px solid #ffffff0f;border-radius:24px;padding:24px;transition:all .2s}.procedure-card:hover{border-color:#22c55e55;transform:translateY(-2px)}.procedure-top{align-items:center;gap:16px;margin-bottom:22px;display:flex}.procedure-color{border-radius:999px;width:16px;height:16px}.procedure-top h3{color:#fff;margin-bottom:4px;font-size:24px}.procedure-top span{color:#94a3b8;font-size:13px}.procedure-fields{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.field-pill{color:#cbd5e1;background:#1e293b;border-radius:999px;padding:8px 12px;font-size:13px}.procedure-footer{border-top:1px solid #ffffff0f;padding-top:18px}.form-card{background:#131c2f;border:1px solid #ffffff0f;border-radius:24px;max-width:1100px;padding:32px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.form-input{color:#fff;background:#111827;border:1px solid #ffffff0f;border-radius:14px;outline:none;padding:14px 16px;font-size:15px;transition:all .2s}.form-input:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e14}.form-actions{justify-content:flex-end;margin-top:32px;display:flex}.validity-wrapper{flex-direction:column;gap:18px;display:flex}.validity-row{align-items:center;gap:14px;display:flex}.validity-row .form-input{max-width:220px;height:48px}.nf-check{color:#cbd5e1;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.nf-check input[type=checkbox]{accent-color:#22c55e;cursor:pointer;width:16px;height:16px}.fields-builder{margin-top:40px}.builder-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.builder-header h3{color:#fff;font-size:22px}.field-card{background:#ffffff06;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:14px;padding:18px;transition:all .2s}.field-card:hover{border-color:#22c55e2e}.field-grid{grid-template-columns:1.8fr 1fr 1fr auto auto;align-items:start;gap:14px;display:grid}.btn-danger{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444433;border-radius:12px;height:48px;padding:0 18px;transition:all .2s}.btn-danger:hover{background:#ef444433}.field-help{color:#94a3b8;background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.5}.stock-item-group{grid-template-columns:1fr 120px;gap:12px;display:grid}.stock-item-group select{flex:1}.quantity-input{text-align:center}.maintenance-extra-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dynamic-field{margin-bottom:18px}.dynamic-field label{color:#cbd5e1;margin-bottom:8px;font-size:14px;font-weight:600;display:block}@media (width<=1100px){.modal-content-grid{grid-template-columns:1fr}}.history-footer{justify-content:center;margin-top:18px;display:flex}.history-more-btn{color:#fff;cursor:pointer;background:#172036;border:none;border-radius:14px;height:44px;padding:0 18px;font-weight:600;transition:all .2s}.history-more-btn:hover{background:#1e293b}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;background:#00000014;border-bottom:1px solid #ffffff0d;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:84px;padding:14px 18px;display:grid;position:relative}.topbar h1{color:#fff;font-size:32px;font-weight:800;line-height:1}.topbar span{color:var(--muted);font-size:16px}.topbar-right{justify-content:flex-end;align-items:center;display:flex}.topbar-search input{background:var(--card);border:1px solid var(--border);color:#fff;border-radius:14px;width:280px;height:50px;padding:0 16px}.user-avatar{color:#fff;background:linear-gradient(#e5534b,#c7443d);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:flex;box-shadow:0 10px 20px #e5534b33}.topbar-user small{color:var(--muted);margin-top:4px;display:block}.topbar-user-wrapper{position:relative}.topbar-user{cursor:pointer;color:#fff;background:0 0;border:none;align-items:center;gap:14px;display:flex}.topbar-context{align-items:center;gap:12px;min-width:0;display:flex}.topbar-context>div:last-child{min-width:0}.topbar h1{text-overflow:ellipsis;font-size:20px;line-height:1.1;overflow:hidden}.topbar-brand{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.topbar-brand img{-o-object-fit:contain;object-fit:contain;width:48px}.user-info{text-align:left}.user-chevron{opacity:.7;width:18px;height:18px}.user-dropdown{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:linear-gradient(#26314ffa,#1f2740fa);border:1px solid #ffffff0f;border-radius:20px;width:260px;padding:10px;position:absolute;top:calc(100% + 14px);right:0;overflow:hidden;box-shadow:0 20px 60px #00000073}.user-dropdown a,.user-dropdown button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;height:50px;padding:0 14px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.user-dropdown a:hover,.user-dropdown button:hover{background:#ffffff0d}.dropdown-divider{background:#ffffff0f;height:1px;margin:8px 0}.form-group{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.form-group label{color:#cbd5e1;font-size:14px;display:block}.form-group input{border:1px solid var(--border);background:var(--bg);color:#fff;border-radius:14px;width:100%;height:52px;padding:0 16px}.btn-secondary{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:12px;padding:12px 18px}.vehicle-alert{border-radius:14px;margin-top:16px;padding:12px 14px;font-size:14px;font-weight:600}.vehicle-alert.ok{color:#4ade80;background:#16351f}.vehicle-alert.warning{color:#facc15;background:#3a3415}.vehicle-alert.danger{color:#fb7185;background:#3b1720}.vehicle-card.critical{border-color:#ef444473;box-shadow:0 0 0 1px #ef444440}