@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#fff;--bg-secondary:#fbefef;--bg-tertiary:#ffe2e2;--text-primary:#2b1b1b;--text-secondary:#6b5555;--text-muted:#9c8585;--accent-gold:#c5b3d3;--accent-gold-hover:#b4a2c2;--accent-gold-glow:#c5b3d34d;--border-color:#f5cbcb;--status-available:#5b8c7a;--status-on-trip:#7b6ba8;--status-in-shop:#c4836a;--status-retired:#b85c6e;--status-draft:#8b7d7d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}button,select,input{outline:none;font-family:inherit}select{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.5rem 2.25rem .5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239c8585' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important}select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow);outline:none}input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);box-sizing:border-box;border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}a{color:#7a668c;text-decoration:none;transition:color .2s}a:hover{color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.login-container{width:100vw;min-height:100vh;display:flex}.login-left{color:#1a1a1a;background-color:#fbefef;flex-direction:column;flex:1.2;justify-content:space-between;min-height:100vh;padding:2.5rem 3rem;display:flex}.login-right{background-color:#fff;flex:1.8;justify-content:center;align-items:center;min-height:100vh;padding:2rem 4rem;display:flex;overflow-y:auto}.login-logo-icon{background-color:var(--accent-gold);width:52px;height:52px;color:var(--text-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-form-box{width:100%;max-width:420px}.login-form-box h2{margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.login-form-box p.subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-group input,.form-group select{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px var(--accent-gold-glow)}.form-options{justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.9rem;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.btn-primary{background-color:var(--accent-gold);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:6px;padding:.85rem;font-size:1rem;font-weight:600;transition:background-color .2s,transform .1s}.btn-primary:hover{background-color:var(--accent-gold-hover)}.btn-primary:active{transform:translateY(1px)}.error-banner{background-color:var(--palette-light-red);border:1px dashed var(--status-retired);color:#7f1d1d;border-radius:6px;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;display:flex}.error-banner-icon{margin-top:2px;font-weight:700}.app-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;justify-content:space-between;width:260px;display:flex}.sidebar-brand{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;height:70px;padding:0 1.5rem;display:flex}.sidebar-nav{flex-direction:column;flex-grow:1;gap:.25rem;padding:1.5rem .75rem;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-item.active{color:var(--text-primary);background-color:var(--accent-gold-glow);border-color:var(--accent-gold)}.sidebar-footer{border-top:1px solid var(--border-color);padding:1.5rem}.btn-logout{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.9rem;transition:all .2s;display:flex}.btn-logout:hover{color:var(--text-primary);background:#ef444415;border-color:#ef444450}.main-content{flex-direction:column;flex-grow:1;height:100vh;display:flex;overflow-y:auto}.top-bar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.search-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:.5rem;width:300px;padding:.5rem 1rem;display:flex}.search-container input{color:var(--text-primary);background:0 0;border:none;width:100%}.user-profile{align-items:center;gap:.75rem;display:flex}.role-badge{background-color:var(--accent-gold);color:#2e1065;text-transform:capitalize;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.user-avatar{background-color:var(--accent-gold);color:#2e1065;border:2px solid var(--accent-gold);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.page-container{flex-grow:1;padding:2rem}.filters-row{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.kpis-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.kpi-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.25rem;transition:transform .2s;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-2px)}.kpi-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.kpi-card.green:before{background-color:#10b981}.kpi-card.teal:before{background-color:#0d9488}.kpi-card.orange:before{background-color:#f97316}.kpi-card.purple:before{background-color:#8b5cf6}.kpi-card.blue:before{background-color:#3b82f6}.kpi-card.pink:before{background-color:#ec4899}.kpi-card.cyan:before{background-color:#06b6d4}.kpi-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.kpi-value{font-size:1.8rem;font-weight:700}.dashboard-content-grid{grid-template-columns:1.8fr 1.2fr;gap:2rem;display:grid}.dashboard-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem}.panel-header{text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600}.data-table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);padding:1rem;font-size:.9rem}.data-table tr:last-child td{border-bottom:none}.status-badge{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.on-trip,.status-badge.dispatched{color:#5b21b6;background-color:#f0ebfb;border:1px solid #d8b4fe}.status-badge.completed,.status-badge.available{color:#137333;background-color:#e6f4ea;border:1px solid #a3e2b9}.status-badge.in-shop,.status-badge.suspended{color:#b45309;background-color:#fef3c7;border:1px solid #fcd34d}.status-badge.draft{color:#374151;background-color:#f3f4f6;border:1px solid #d1d5db}.status-badge.retired{color:#c5221f;background-color:#fce8e6;border:1px solid #fad2cf}.chart-container{flex-direction:column;gap:1.25rem;display:flex}.chart-bar-row{flex-direction:column;gap:.5rem;display:flex}.chart-bar-info{justify-content:space-between;font-size:.85rem;display:flex}.chart-bar-bg{background-color:var(--bg-primary);border-radius:9999px;height:8px;overflow:hidden}.chart-bar-fill{border-radius:9999px;height:100%;transition:width .5s ease-out}.chart-bar-fill.available{background-color:var(--status-available)}.chart-bar-fill.on-trip{background-color:var(--status-on-trip)}.chart-bar-fill.in-shop{background-color:var(--status-in-shop)}.chart-bar-fill.retired{background-color:var(--status-retired)}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2.5rem;display:grid}.settings-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:2rem}.settings-section h3{text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600}.settings-info-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.85rem}.matrix-table{border-collapse:collapse;width:100%;font-size:.85rem}.matrix-table th,.matrix-table td{border:1px solid var(--border-color);text-align:center;padding:.75rem}.matrix-table th{background-color:var(--bg-primary);color:var(--text-secondary);font-weight:600}.matrix-table td:first-child,.matrix-table th:first-child{text-align:left;background-color:var(--bg-primary);font-weight:500}.matrix-badge{text-transform:capitalize;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.matrix-badge.full{color:#137333;background-color:#e6f4ea;border:1px solid #a3e2b9}.matrix-badge.view{color:#5b21b6;background-color:#f0ebfb;border:1px solid #d8b4fe}.matrix-badge.none{color:#374151;background-color:#f3f4f6;border:1px solid #d1d5db}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:6px;padding:.55rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239c8585' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.modal-overlay{z-index:1000;background:#2b1b1b73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-primary);border:1px solid var(--border-color);box-sizing:border-box;border-radius:10px;width:100%;max-width:540px;padding:2rem;overflow:hidden;box-shadow:0 20px 40px #2b1b1b26}.modal-box h3{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.2rem;font-weight:700}.modal-form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.modal-form-grid.full-width{grid-template-columns:1fr}.modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.5rem 1.25rem;font-family:inherit;font-size:.9rem;transition:background .2s}.btn-cancel:hover{background:var(--bg-tertiary)}.stub-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:60vh;display:flex}.stub-icon-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:80px;height:80px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.stub-container h2{font-size:1.5rem;font-weight:600}.stub-container p{color:var(--text-secondary);max-width:450px}