:root{--green:#0f5132;--green-2:#1d7a4a;--green-soft:#edf7f0;--bg:#f5f7f6;--card:#fff;--text:#1f2d24;--muted:#6f7d74;--border:#dfe7e1;--ok:#1f9d55;--warn:#e79a18;--danger:#d94343;--shadow:0 5px 18px rgba(24,45,33,.05)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.layout{display:block;min-height:100vh;width:100%}.sidebar{background:linear-gradient(180deg,#123f2c,#0a2f21);color:#fff;padding:22px 14px;position:fixed;top:0;left:0;bottom:0;width:230px;z-index:30}.brand{font-size:21px;font-weight:800;margin:0 8px 26px;display:flex;align-items:center;gap:10px}.brand-leaf{color:#4bd37b;font-size:18px}.sidebar nav{display:grid;gap:5px}.sidebar a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:12px 14px;border-radius:10px;font-size:14px;font-weight:700}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.12)}.nav-icon{width:20px;text-align:center;color:#d9f3e3}.sidebar-footer{position:absolute;left:14px;right:14px;bottom:20px}.logout-link{background:rgba(255,255,255,.06)}
.content{margin-left:230px;width:auto;min-width:0;padding:0 24px 30px}.topbar{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--border);margin-bottom:18px}.topbar-title{display:flex;align-items:center;gap:12px}.topbar h1{margin:0;font-size:30px;line-height:1}.topbar p{color:var(--muted);margin:7px 0 0;font-size:13px}.topbar-meta{display:flex;align-items:center;gap:18px}.topbar-date{font-size:13px;color:var(--muted)}.user-chip{display:flex;align-items:center;gap:10px;border-left:1px solid var(--border);padding-left:18px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e8eee9;font-weight:800}.user-chip div{display:grid}.user-chip small{color:var(--muted);margin-top:2px}.menu-btn{display:none;border:0;background:var(--green);color:#fff;border-radius:9px;padding:8px 11px}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;position:relative}.summary-card>i{display:none}.summary-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px}.summary-icon.green{background:#e4f5e9;color:var(--ok)}.summary-icon.blue{background:#e3effb;color:#2377bf}.summary-icon.orange{background:#fff0d8;color:var(--warn)}.summary-icon.red{background:#fde5e5;color:var(--danger)}.summary-card span{display:block;font-size:13px;color:var(--muted);font-weight:700}.summary-card strong{display:block;font-size:27px;margin:7px 0 4px}.summary-card small{color:var(--muted);font-size:12px}
.dashboard-panel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;margin-top:16px;box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.panel-heading h2{margin:0;font-size:21px}.panel-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.view-all{border:1px solid var(--border);border-radius:9px;padding:9px 12px;text-decoration:none;color:var(--text);background:#fff;font-size:13px}
.fuel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fuel-card{border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}.fuel-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:var(--green-soft)}.fuel-card.green .fuel-icon{color:var(--ok)}.fuel-card.blue .fuel-icon{background:#e3effb;color:#2377bf}.fuel-card.orange .fuel-icon{background:#fff0d8;color:var(--warn)}.fuel-card.red .fuel-icon{background:#fde5e5;color:var(--danger)}.fuel-card h3{margin:0 0 6px;font-size:17px;color:var(--text)}.fuel-card strong{display:block;font-size:25px;color:var(--text)}.fuel-card span{display:block;margin-top:5px;color:var(--muted);font-size:13px}.mini-line{display:none}
.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.asset-dashboard-card{border:1px solid var(--border);border-radius:14px;padding:17px;background:#fff}.asset-head{display:flex;justify-content:space-between;gap:12px}.asset-head h3{margin:0;font-size:18px}.asset-head p{margin:5px 0 2px;font-size:13px}.asset-head span{font-size:12px;color:var(--muted)}.vehicle-illustration,.machine-illustration{width:42px;height:42px;border-radius:12px;background:var(--green-soft);display:grid;place-items:center;font-size:20px;color:var(--green)}.status-pill{display:inline-block;margin-top:10px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.status-pill.ok{background:#e4f5e9;color:#21733e}.status-pill.warn{background:#fff1d8;color:#9c6200}.status-pill.danger{background:#fde5e5;color:#a72b2b}.asset-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.asset-numbers span{display:block;color:var(--muted);font-size:12px}.asset-numbers strong{display:block;font-size:22px;margin-top:5px}.ok-text{color:var(--ok)}.warn-text{color:var(--warn)}.danger-text{color:var(--danger)}.dashboard-progress{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;margin-top:14px}.dashboard-progress:before{content:"";grid-column:1;grid-row:1;height:9px;background:#edf1ee;border-radius:999px}.dashboard-progress span{grid-column:1;grid-row:1;height:9px;border-radius:999px;z-index:1}.dashboard-progress span.ok{background:var(--ok)}.dashboard-progress span.warn{background:var(--warn)}.dashboard-progress span.danger{background:var(--danger)}.dashboard-progress em{font-style:normal;font-size:12px;color:var(--muted)}.next-line{margin:10px 0 0;font-size:12px;color:var(--muted)}.empty-state{grid-column:1/-1;text-align:center;padding:20px;color:var(--muted)}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.metric{font-size:28px;font-weight:800;margin-top:6px}.muted{color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}th{background:#f1f6f2}.btn{display:inline-block;border:0;border-radius:9px;padding:10px 14px;font-weight:700;text-decoration:none;cursor:pointer}.btn-primary{background:var(--green);color:#fff}.btn-danger{background:#fde5e5;color:#a72b2b}.btn:not(.btn-primary):not(.btn-danger){background:#edf3ef;color:#244b31}form.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.full{grid-column:1/-1}label{display:grid;gap:6px;font-size:13px;font-weight:700}input,select,textarea{width:100%;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:#fff}textarea{min-height:90px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px}.alert.success{background:#e7f6ec;color:#1d6537}.alert.error{background:#fde5e5;color:#8a1c14}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:800}.badge.ok{background:#e4f5e9;color:#21733e}.badge.warn{background:#fff1d8;color:#9c6200}.badge.danger{background:#fde5e5;color:#a72b2b}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px}.login-card h1{margin-top:0}
@media(max-width:1100px){.summary-grid,.fuel-grid{grid-template-columns:repeat(2,1fr)}.asset-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.layout{display:block;width:100%}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.content{margin-left:0;width:100%;padding:0 14px 24px}.menu-btn{display:block}.topbar{min-height:72px}.topbar-meta{display:none}.summary-grid,.fuel-grid,.asset-grid{grid-template-columns:1fr}.topbar h1{font-size:25px}.dashboard-panel{padding:14px}.panel-heading{align-items:center}.view-all{padding:8px 9px}}

/* Corrección estructural: evita que el panel principal se comprima */
.content>*{min-width:0}
.summary-grid,.fuel-grid,.asset-grid{width:100%;min-width:0}
.summary-card,.fuel-card,.asset-dashboard-card{min-width:0}
@media(min-width:761px){.sidebar{width:230px}.content{margin-left:230px;width:auto;max-width:none}}

.dashboard-filter{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:var(--shadow)}
.dashboard-filter>div{display:grid;gap:4px}.dashboard-filter>div strong{font-size:15px}.dashboard-filter>div span{font-size:12px;color:var(--muted)}
.dashboard-filter-form{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.dashboard-filter-form label{font-size:12px;color:var(--muted);gap:4px}.dashboard-filter-form input[type=month]{width:175px;min-height:38px;padding:8px 10px}
@media(max-width:760px){.dashboard-filter{align-items:stretch;flex-direction:column}.dashboard-filter-form{display:grid;grid-template-columns:1fr}.dashboard-filter-form input[type=month]{width:100%}.dashboard-filter-form .btn{text-align:center}}