:root{--sidebar-width:380px;--primary:#2563eb;--primary-hover:#1d4ed8;--bg-sidebar:#fff;--bg-main:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius:8px;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}*{box-sizing:border-box}body{color:var(--text-main);background-color:var(--bg-main);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:40;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:4px 0 15px #0000000d}.sidebar.collapsed{width:0;box-shadow:none;border-right:none}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-content{display:none}.toolbar-toggle-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;font-size:1.4rem;transition:all .2s;display:flex}.toolbar-toggle-btn:hover{background:#f1f5f9;transform:scale(1.05)}.sidebar-header{border-bottom:1px solid var(--border);white-space:nowrap;padding:24px}.sidebar-header h1{letter-spacing:-.02em;color:var(--primary);margin:0;font-size:1.25rem;font-weight:800}.sidebar-content{flex:1;padding:20px;overflow-y:auto}.main-viewport{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow-y:auto}.top-toolbar{border-bottom:1px solid var(--border);z-index:30;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.toolbar-group{align-items:center;gap:12px;display:flex}.toolbar-separator{background:var(--border);width:1px;height:24px;margin:0 8px}.scenario-input{border:1px solid var(--border);border-radius:6px;outline:none;width:180px;padding:8px 12px;font-size:.875rem;transition:border-color .2s}.scenario-input:focus{border-color:var(--primary)}.toolbar-select{border:1px solid var(--border);cursor:pointer;background:#f8fafc;border-radius:6px;padding:8px 12px;font-size:.875rem}.map-container{background:#e5e7eb;flex-shrink:0;height:calc(100vh - 64px);min-height:500px;position:relative}.map-overlay{pointer-events:none;z-index:5;position:absolute;bottom:20px;right:20px}.floating-card{box-shadow:var(--shadow);border:1px solid var(--border);pointer-events:auto;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.results-container{border-top:1px solid var(--border);background:#fff;flex-shrink:0;padding:40px;box-shadow:0 -4px 20px #0000000d}.card{margin-bottom:24px}h2{align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:700;display:flex}.node-form{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:20px;display:flex}.node-form input,.node-form select{border:1px solid var(--border);border-radius:6px;width:100%;padding:8px 12px;font-size:.875rem}.node-form button{width:100%}.list-item{border:1px solid var(--border);background:#f8fafc;border-radius:6px;margin-bottom:8px;padding:10px;font-size:.875rem}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{color:#fff;background:#64748b}.btn-secondary:hover{background:#475569;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;background:#cbd5e1;transform:none}.metrics{gap:32px;margin-bottom:24px;display:flex}.metric-item label{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.metric-item span{font-size:1.25rem;font-weight:800}.table-container{border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}th{background:#f8fafc;font-size:.875rem}td{font-size:.875rem}.badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:800}.badge-depot{color:#1e40af;background:#dbeafe}.badge-customer{color:#92400e;background:#fef3c7}.btn-danger{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.1rem}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 0;transition:color .2s;display:flex}.collapsible-header:hover{color:var(--primary)}.toggle-icon{color:var(--text-muted);font-size:.8rem;transition:transform .3s}.toggle-icon.open{transform:rotate(180deg)}.collapsible-content{max-height:2000px;transition:max-height .4s cubic-bezier(0,1,0,1);overflow:hidden}.collapsible-content.collapsed{opacity:0;pointer-events:none;max-height:0}