:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-color: #f8fafc;--primary: #3b82f6;--success: #10b981;--danger: #ef4444}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;margin:0;padding:20px}.container{max-width:1200px;margin:0 auto}.header{text-align:center;margin-bottom:30px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.card{background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:0 4px 6px #0000004d;border:1px solid #334155}input,select{width:100%;padding:10px;margin-bottom:10px;background:#334155;border:1px solid #475569;color:#fff;border-radius:6px}.row{display:flex;gap:10px}.items-section{background:#020617;padding:15px;border-radius:8px;margin-bottom:15px;border:1px solid #334155}.item-row{border-bottom:1px solid #334155;padding-bottom:10px;margin-bottom:10px}button{width:100%;padding:12px;border:none;border-radius:6px;background-color:var(--primary);color:#fff;font-weight:700;cursor:pointer;transition:opacity .2s}button:hover{opacity:.9}.btn-optimize{background-color:var(--success);font-size:1.1em;margin-top:10px}.btn-secondary{background-color:#64748b;width:auto;padding:10px 25px}.btn-secondary.small{background-color:#334155;font-size:.9em;padding:8px}.btn-icon{background-color:var(--danger);width:40px;padding:0;display:flex;align-items:center;justify-content:center}.results{margin-top:40px}table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:8px;overflow:hidden}th,td{padding:15px;text-align:left;border-bottom:1px solid #334155}th{background-color:#0f172a}.active-mode{background-color:var(--primary);opacity:1;border:2px solid var(--primary)}.inactive-mode{background-color:transparent;border:2px solid #475569;color:#94a3b8}.dealer-dashboard h2{border-bottom:1px solid #334155;padding-bottom:15px;margin-bottom:20px}.truck-card{display:flex;justify-content:space-between;align-items:center;background-color:#1e293b;padding:15px;margin-bottom:15px;border-radius:8px;border:1px solid #334155}@media(max-width:600px){.truck-card{flex-direction:column;gap:15px;text-align:center}.truck-card>div{border:none!important}}