*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5;color:#1a1a1a;min-height:100vh}.header{background:#1a7a4a;color:#fff;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.2)}.header h1{font-size:1.1rem;font-weight:700;letter-spacing:.5px}.header .fecha-nav{display:flex;align-items:center;gap:12px}.header .fecha-nav .fecha-label{font-size:1rem;font-weight:600;min-width:220px;text-align:center}.btn-nav{background:hsla(0,0%,100%,.2);border:none;color:#fff;font-size:1.2rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.btn-nav:hover{background:hsla(0,0%,100%,.35)}.btn-refresh{background:#fff;color:#1a7a4a;border:none;padding:8px 18px;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:opacity .15s}.btn-refresh:hover{opacity:.85}.btn-refresh:disabled{opacity:.5;cursor:default}.main{padding:24px;max-width:1400px;margin:0 auto}.resumen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:28px}.card{background:#fff;border-radius:12px;padding:16px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.08)}.card.total-card{background:#1a7a4a;color:#fff;grid-column:span 2}.card .card-number{font-size:2rem;font-weight:800;line-height:1}.card .card-label{font-size:.8rem;margin-top:6px;opacity:.75;text-transform:uppercase;letter-spacing:.5px}.rutas-lista{display:flex;flex-direction:column;gap:16px}.ruta-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08)}.ruta-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid #f0f0f0}.ruta-header:hover{background:#fafafa}.ruta-header-left{display:flex;align-items:center;gap:10px}.ruta-nombre{font-weight:700;font-size:1rem}.ruta-repartidor{font-size:.85rem;color:#666}.badge{background:#e8f5ee;color:#1a7a4a;padding:3px 10px;border-radius:20px;font-size:.8rem;font-weight:700}.chevron{font-size:.9rem;color:#999;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.tabla-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{background:#f7f8fa;text-align:left;padding:10px 14px;font-weight:600;color:#555;font-size:.78rem;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #eee}tbody td{padding:10px 14px;border-bottom:1px solid #f3f3f3;vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafdf9}.plan-base{font-weight:600}.mods{font-size:.8rem;color:#888;margin-top:2px}.restricc{font-size:.78rem;color:#c0392b;font-weight:600;margin-top:2px}.notas{font-size:.8rem;color:#888;font-style:italic;margin-top:2px}.orden{color:#bbb;font-size:.85rem}.estado-vacio{text-align:center;padding:60px 20px;color:#999;font-size:1rem}.loading{color:#1a7a4a;font-size:1.1rem}.finde-aviso,.loading{text-align:center;padding:60px}.finde-aviso{color:#999}.finde-aviso .icon{font-size:3rem;margin-bottom:12px}.finde-aviso p{font-size:1rem}