*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #07080f;--surface: #0e1018;--surface2: #141729;--surface3: #1b1f37;--border: #242843;--text: #e9ecf8;--muted: #5c6080;--accent: #f97316;--accent-dim: rgba(249,115,22,.12);--blue: #4f8ef7;--blue-dim: rgba(79,142,247,.12);--green: #22d49a;--green-dim: rgba(34,212,154,.12);--red: #f25757;--red-dim: rgba(242,87,87,.12);--yellow: #fbbf24;--yellow-dim: rgba(251,191,36,.12);--purple: #a78bfa;--purple-dim: rgba(167,139,250,.12);--shadow: 0 4px 24px rgba(0,0,0,.4)}[data-theme=light]{--bg: #f4f5f9;--surface: #ffffff;--surface2: #eef0f7;--surface3: #e4e7f2;--border: #d5d9ec;--text: #1a1d2e;--muted: #7880a4;--accent: #e8640c;--accent-dim: rgba(232,100,12,.1);--blue: #2563eb;--blue-dim: rgba(37,99,235,.1);--green: #059669;--green-dim: rgba(5,150,105,.1);--red: #dc2626;--red-dim: rgba(220,38,38,.1);--yellow: #d97706;--yellow-dim: rgba(217,119,6,.1);--purple: #7c3aed;--purple-dim: rgba(124,58,237,.1);--shadow: 0 4px 24px rgba(100,110,160,.12)}body{font-family:Barlow,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background .25s,color .25s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}input,select,textarea{font-family:Barlow,sans-serif;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 13px;font-size:14px;outline:none;width:100%;transition:border-color .15s,background .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}button{cursor:pointer;font-family:Barlow,sans-serif}*,*:before,*:after{transition:background-color .2s,border-color .2s,color .15s}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:99}@media (max-width: 768px){.app-sidebar{position:fixed!important;left:-240px!important;top:0;bottom:0;width:220px!important;z-index:100;transition:left .25s ease!important}.app-sidebar.open{left:0!important}.sidebar-overlay.open{display:block}.app-main{margin-left:0!important}.hamburger-btn{display:flex!important}.page-content{padding:14px 12px!important}.topbar{padding:10px 14px!important}.grid-4{grid-template-columns:1fr 1fr!important}.grid-3,.grid-2{grid-template-columns:1fr!important}.mobile-cards table,.mobile-cards thead,.mobile-cards tbody,.mobile-cards th,.mobile-cards td,.mobile-cards tr{display:block!important}.mobile-cards table{min-width:0!important;width:100%!important}.mobile-cards thead{display:none!important}.mobile-cards tr{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:8px;max-width:100%!important;box-sizing:border-box!important}.mobile-cards td{padding:4px 0!important;border:none!important;font-size:13px}.mobile-cards td:before{content:attr(data-label);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:2px}.mobile-cards{overflow:visible!important;border:none!important;background:transparent!important;border-radius:0!important}.mobile-cards td{white-space:normal!important;overflow:visible!important;text-overflow:unset!important;max-width:none!important}.viajes-layout{flex-direction:column!important;height:auto!important;overflow:visible!important}.viajes-panel-detalle{width:100%!important;border-left:none!important;border-top:1px solid var(--border);margin-top:12px}.modal-box{width:calc(100vw - 24px)!important;max-width:100%!important;max-height:90vh;overflow-y:auto}.tabs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs-scroll::-webkit-scrollbar{display:none}.camion-header-inner{flex-direction:column!important;align-items:flex-start!important}.camion-header-inner>div:last-child{align-items:flex-start!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.resumen-stats{grid-template-columns:1fr 1fr!important}.form-grid-2{grid-template-columns:1fr!important}.viajes-toolbar{flex-wrap:wrap!important}.viajes-filtros{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important}.viajes-container{height:auto!important;overflow:visible!important}.viajes-inner{overflow:visible!important}.viajes-inner>.mobile-cards{flex:none!important}}