.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#111827;border-right:1px solid rgba(255,255,255,.06);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:1000;transition:transform .3s ease}.sidebar__header{padding:20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;min-height:70px}.sidebar__logo-img{max-width:170px;height:auto}.sidebar__close{display:none;background:none;border:none;color:#8b949e;font-size:20px;cursor:pointer;padding:4px 8px}.sidebar__nav{flex:1;padding:12px 0;overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:12px;padding:13px 20px;color:#8b949e;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s ease;border-left:3px solid transparent}.sidebar__link:hover{background:#ffffff0a;color:#e6edf3}.sidebar__link--active{background:#0b70b71f;color:#58a6ff;border-left-color:#0b70b7}.sidebar__icon{font-size:16px;width:22px;text-align:center}.sidebar__label{flex:1}.sidebar__footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:10px}.sidebar__user-info{display:flex;align-items:center;gap:10px}.sidebar__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0b70b7,#0a5f9e);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.5px}.sidebar__user-details{display:flex;flex-direction:column;min-width:0}.sidebar__user-name{color:#e6edf3;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-email{color:#8b949e;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__logout{display:flex;align-items:center;gap:8px;background:none;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#8b949e;font-size:13px;padding:8px 12px;cursor:pointer;transition:all .15s ease;width:100%}.sidebar__logout:hover{background:#f8514914;border-color:#f851494d;color:#f85149}.main-wrapper{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;max-width:calc(100vw - 260px);overflow-x:hidden}.main-content{flex:1;overflow-x:hidden;width:100%}.top-header{display:flex;align-items:center;justify-content:center;height:70px;background:#111827;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100}.top-header__logo{height:44px;width:auto}.hamburger--top{display:none;position:absolute;left:16px}.hamburger{flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0}.hamburger__line{display:block;width:100%;height:2px;background:#8b949e;border-radius:1px;transition:all .3s ease}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:999}.layout--shared .main-wrapper,.main-wrapper--shared{margin-left:0;max-width:100vw}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__close{display:block}.main-wrapper{margin-left:0;max-width:100vw}.hamburger--top{display:flex}.sidebar-overlay{display:block}}.dashboard{padding:24px;max-width:1600px;margin:0 auto}.dashboard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dashboard__title{font-size:22px;font-weight:600;color:#e6edf3;letter-spacing:-.3px}.dashboard__filters{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px;padding:16px 20px;background:#161b22;border:1px solid rgba(255,255,255,.08);border-radius:10px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#8b949e}.filter-date,.filter-select{background:#0d0f12;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e6edf3;padding:8px 12px;font-size:13px;outline:none;transition:border-color .15s;height:36px}.filter-date:focus,.filter-select:focus{border-color:#0b70b7}.filter-date::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.5)}.turno-toggle{display:flex;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden}.turno-btn{background:#0d0f12;border:none;color:#8b949e;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;height:36px;display:flex;align-items:center;gap:6px}.turno-btn:first-child{border-right:1px solid rgba(255,255,255,.1)}.turno-btn:hover{background:#ffffff0a;color:#e6edf3}.turno-btn--active{background:#0b70b733;color:#58a6ff}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px}.kpi-card{background:#161b22;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s}.kpi-card:hover{border-color:#0b70b74d}.kpi-card__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#8b949e}.kpi-card__value{font-size:32px;font-weight:700;color:#e6edf3;line-height:1}.kpi-card__sub{font-size:12px;color:#8b949e}.kpi-card--accent .kpi-card__value{color:#58a6ff}.kpi-card--success .kpi-card__value{color:#3fb950}.kpi-card--warning .kpi-card__value{color:#d29922}.kpi-card--danger .kpi-card__value{color:#f85149}.dashboard-section{margin-bottom:28px}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#8b949e;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.table-scroll{max-height:480px;overflow-y:auto;overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.data-table{width:100%;border-collapse:collapse;font-size:13px;background:#161b22;border:1px solid rgba(255,255,255,.08);border-radius:10px}.table-scroll>.data-table{border:none;border-radius:0}.data-table thead{background:#0b70b714}.data-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#8b949e;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.table-scroll .data-table th{position:sticky;top:0;background:#161b22;z-index:2}.data-table td{padding:11px 16px;color:#c9d1d9;border-bottom:1px solid rgba(255,255,255,.04)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#ffffff05}.data-table .number-cell{text-align:right;font-variant-numeric:tabular-nums}.loading-skeleton{background:linear-gradient(90deg,#161b22 25%,#1c2128,#161b22 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;height:32px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{padding:40px;text-align:center;color:#8b949e;font-size:14px}.dashboard__placeholder{display:flex;align-items:center;justify-content:center;height:300px;background:#161b22;border:1px dashed rgba(255,255,255,.1);border-radius:10px;color:#8b949e;font-size:14px}.export-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#8b949e;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.export-btn:hover{background:#ffffff14;color:#e6edf3;border-color:#fff3}.export-btn--primary{background:#0b70b726;border-color:#0b70b759;color:#58a6ff}.export-btn--primary:hover{background:#0b70b740;border-color:#0b70b780;color:#79b8ff}.export-btn:disabled{opacity:.35;cursor:not-allowed}.error-banner{background:#f851491a;border:1px solid rgba(248,81,73,.3);color:#f85149;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:20px}.report-filters{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px;padding:16px 20px;background:#161b22;border:1px solid rgba(255,255,255,.08);border-radius:10px}.tipo-tabs{display:flex;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden}.tipo-tab-btn{background:#0d0f12;border:none;color:#8b949e;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;height:36px;display:flex;align-items:center;letter-spacing:.4px}.tipo-tab-btn:not(:last-child){border-right:1px solid rgba(255,255,255,.1)}.tipo-tab-btn:hover{background:#ffffff0a;color:#e6edf3}.tipo-tab-btn--active{background:#0b70b733;color:#58a6ff}.tipo-tab-btn--disabled,.tipo-tab-btn:disabled{opacity:.35;cursor:not-allowed}.report-section{margin-bottom:32px;padding:20px;background:#161b22;border:1px solid rgba(255,255,255,.08);border-radius:10px}.report-section__header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.section-badge{display:inline-flex;align-items:center;justify-content:center;background:#0b70b733;color:#58a6ff;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;min-width:28px}.kpi-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.kpi-row .kpi-card{flex:1;min-width:160px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.en-ruta-group{margin-bottom:20px;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden}.en-ruta-cordon-header{background:#0b70b726;color:#58a6ff;padding:10px 16px;font-size:13px;font-weight:700;letter-spacing:.4px;border-bottom:1px solid rgba(11,112,183,.2)}.en-ruta-dist-header{background:#ffffff08;color:#c9d1d9;padding:8px 16px;font-size:12px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.04)}.total-col{color:#e6edf3!important;font-weight:600;border-left:1px solid rgba(255,255,255,.08)}.table-totals-row td{background:#0b70b714;border-top:1px solid rgba(255,255,255,.1);color:#e6edf3}.zona-group{margin-bottom:24px;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden}.zona-group:last-child{margin-bottom:0}.zona-header{display:flex;align-items:center;justify-content:space-between;background:#0b70b726;color:#58a6ff;padding:10px 16px;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid rgba(11,112,183,.2)}.zona-badge{background:#0b70b74d;color:#58a6ff;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:600}.zona-table{border-radius:0;border:none}@media (max-width: 768px){.dashboard{padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:1fr}.kpi-row{flex-direction:column}.kpi-subsections{grid-template-columns:1fr}}.kpi-general-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff3;border:1px solid rgba(255,255,255,.24);border-bottom:none;border-radius:10px 10px 0 0;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#e6edf3}.kpi-row--general{background:#ffffff29;border:1px solid rgba(255,255,255,.24);border-radius:0 0 10px 10px;padding:16px;margin-bottom:20px}.kpi-row--general .kpi-card{padding:24px}.kpi-row--general .kpi-card__value{font-size:40px}.kpi-row--general .kpi-card__label{font-size:12px}.kpi-subsections{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.kpi-subsection .kpi-row .kpi-card{min-width:130px}.kpi-subsection{border-radius:10px;border:1px solid transparent;overflow:hidden}.kpi-subsection--smartpost{background:#0b70b72e;border-color:#0b70b773;border-left:4px solid #0b70b7}.kpi-subsection--dbox{background:#e07b392e;border-color:#e07b3973;border-left:4px solid #e07b39}.kpi-subsection__header{display:flex;align-items:center;gap:10px;padding:10px 16px;margin-bottom:0}.kpi-subsection--smartpost .kpi-subsection__header{background:#0b70b761;border-bottom:1px solid rgba(11,112,183,.5)}.kpi-subsection--dbox .kpi-subsection__header{background:#e07b3961;border-bottom:1px solid rgba(224,123,57,.5)}.kpi-subsection .kpi-row{padding:16px 16px 16px 12px;margin-bottom:0}.kpi-subsection__badge{display:inline-block;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.kpi-subsection--smartpost .kpi-subsection__badge,.kpi-subsection--dbox .kpi-subsection__badge{color:#fff}.estado-filter-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#1c2128;border:1px solid #30363d;border-radius:6px;color:#e6edf3;font-size:13px;cursor:pointer;white-space:nowrap;transition:border-color .15s}.estado-filter-btn:hover:not(:disabled){border-color:#0b70b7}.estado-filter-btn:disabled{opacity:.4;cursor:not-allowed}.estado-filter-btn--active{border-color:#0b70b7;background:#0b2a44;color:#58a6ff}.estado-filter-btn__arrow{font-size:10px;opacity:.7}.estado-filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:240px;background:#1c2128;border:1px solid #30363d;border-radius:8px;box-shadow:0 8px 24px #00000080;overflow:hidden}.estado-filter-dropdown__mode{display:flex;border-bottom:1px solid #30363d}.modo-btn{flex:1;padding:8px 12px;background:transparent;border:none;color:#8b949e;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;text-transform:uppercase;letter-spacing:.05em}.modo-btn:hover{background:#21262d;color:#e6edf3}.modo-btn--active{background:#0b2a44;color:#0b70b7}.estado-filter-dropdown__list{max-height:260px;overflow-y:auto;padding:6px 0}.estado-filter-dropdown__list::-webkit-scrollbar{width:4px}.estado-filter-dropdown__list::-webkit-scrollbar-track{background:transparent}.estado-filter-dropdown__list::-webkit-scrollbar-thumb{background:#30363d;border-radius:2px}.estado-filter-item{display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;font-size:13px;color:#c9d1d9;transition:background .1s}.estado-filter-item:hover{background:#21262d}.estado-filter-item input[type=checkbox]{width:14px;height:14px;accent-color:#0b70b7;cursor:pointer;flex-shrink:0}.estado-filter-reset{width:100%;padding:8px 14px;background:transparent;border:none;border-top:1px solid #30363d;color:#8b949e;font-size:12px;cursor:pointer;text-align:left;transition:color .15s,background .15s}.estado-filter-reset:hover{color:#e6edf3;background:#21262d}.filter-active-badge{display:inline-block;margin-left:10px;padding:2px 8px;background:#0b2a44;border:1px solid #0b70b7;border-radius:4px;color:#58a6ff;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}.kpi-card--muted .kpi-card__value{color:#8b949e}.kpi-card__value--muted{color:#8b949e!important}.row--rojo{background-color:#dc262612}.row--naranja{background-color:#ea580c12}.row--verde{background-color:#22c55e0d}.dias--rojo{color:#f87171;font-weight:700}.dias--naranja{color:#fb923c;font-weight:700}.dias--verde{color:#4ade80;font-weight:700}.col--rojo{color:#f87171}.col--naranja{color:#fb923c}.col--verde{color:#4ade80}.kpi-card--danger .kpi-card__value{color:#f87171}.kpi-card--danger{border-left:3px solid #f87171}.kpi-card--warning{border-left:3px solid #fb923c}.kpi-card--warning .kpi-card__value{color:#fb923c}.chart-container{padding:8px 0}.cliente-select{position:relative}.cliente-select__trigger{display:flex;align-items:center;gap:8px;background:#0d0f12;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e6edf3;padding:7px 12px;font-size:13px;cursor:pointer;transition:border-color .15s;white-space:nowrap}.cliente-select__trigger:hover{border-color:#0b70b7}.cliente-select__badge{background:#0b70b733;color:#0b70b7;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600}.cliente-select__arrow{font-size:10px;color:#8b949e;margin-left:2px}.cliente-select__dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:100;background:#161b22;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:280px;max-height:320px;overflow-y:auto;box-shadow:0 8px 24px #0006}.cliente-select__hint{padding:10px 14px 8px;font-size:11px;color:#8b949e;border-bottom:1px solid rgba(255,255,255,.06);font-style:italic}.cliente-select__option{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;transition:background .1s;border-bottom:1px solid rgba(255,255,255,.04)}.cliente-select__option:last-child{border-bottom:none}.cliente-select__option:hover:not(.cliente-select__option--disabled){background:#ffffff0a}.cliente-select__option--disabled{opacity:.4;cursor:not-allowed}.cliente-select__option input[type=checkbox]{accent-color:#0b70b7;width:14px;height:14px;flex-shrink:0;cursor:inherit}.cliente-select__name{flex:1;font-size:13px;color:#e6edf3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cliente-select__vol{font-size:12px;color:#8b949e;font-variant-numeric:tabular-nums;flex-shrink:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0f12}.login-card{background:#161b22;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:40px;width:100%;max-width:400px}.login-card__logo{display:block;max-width:180px;margin:0 auto 32px}.login-card__title{color:#e6edf3;font-size:18px;font-weight:600;text-align:center;margin:0 0 28px}.login-field{margin-bottom:16px}.login-field label{display:block;color:#8b949e;font-size:13px;font-weight:500;margin-bottom:6px}.login-field input{width:100%;background:#0d0f12;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 12px;color:#e6edf3;font-size:14px;box-sizing:border-box;transition:border-color .15s ease;outline:none}.login-field input:focus{border-color:#0b70b7}.login-error{background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:6px;color:#f85149;font-size:13px;padding:10px 12px;margin-bottom:16px}.login-btn{width:100%;background:#0b70b7;color:#fff;border:none;border-radius:6px;padding:11px;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .15s ease}.login-btn:hover:not(:disabled){background:#0a5f9e}.login-btn:disabled{opacity:.6;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#0d0f12;color:#e6edf3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}