@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300&display=swap";:root{--verde:#1a5c3a;--verde-med:#2e8b57;--verde-light:#4caf7d;--verde-pale:#e8f5ee;--crema:#f5f0e8;--negro:#111510;--gris:#6b7a6e;--gris-light:#e8ece9;--acento:#d4ed8a;--acento2:#f0a500;--rojo:#e05555;--sidebar-w:260px;--topbar-h:60px;--mobile-nav-h:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--negro);background:#f0f4f1;font-family:DM Sans,sans-serif}#root{height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gris-light);border-radius:99px}.grid-2{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.2rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}@media (width<=900px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}}@media (width<=600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{border:1px solid var(--gris-light);background:#fff;border-radius:16px;padding:1.4rem}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1.2rem;display:flex}.card-title{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700}.card-subtitle{color:var(--gris);margin-top:.15rem;font-size:.78rem}.kpi-card{border:1px solid var(--gris-light);cursor:default;background:#fff;border-radius:16px;flex-direction:column;gap:.4rem;padding:1.4rem;transition:transform .2s,box-shadow .2s;display:flex}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000012}.kpi-icon{margin-bottom:.2rem;font-size:1.6rem}.kpi-val{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;line-height:1}.kpi-label{color:var(--gris);font-size:.78rem;font-weight:500}.kpi-delta{align-items:center;gap:.2rem;margin-top:.2rem;font-size:.75rem;font-weight:600;display:inline-flex}.kpi-delta.up{color:var(--verde-med)}.kpi-delta.down{color:var(--rojo)}.kpi-card.accent{background:var(--verde);border-color:var(--verde)}.kpi-card.accent .kpi-val{color:var(--acento)}.kpi-card.accent .kpi-label{color:#ffffffa6}.kpi-card.accent .kpi-delta.up{color:var(--acento)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--verde);color:#fff}.btn-primary:hover{background:var(--verde-med)}.btn-secondary{background:var(--gris-light);color:var(--negro)}.btn-secondary:hover{background:#dde3de}.btn-success{color:#166534;background:#dcfce7}.btn-danger{color:var(--rojo);background:#fde8e8}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.btn-accent{background:var(--acento);color:var(--verde)}.btn-accent:hover{background:#c8e070}.badge{border-radius:99px;align-items:center;padding:.2rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-green{color:#166534;background:#dcfce7}.badge-yellow{color:#854d0e;background:#fef9c3}.badge-red{color:var(--rojo);background:#fde8e8}.badge-blue{color:#1e40af;background:#dbeafe}.badge-gray{background:var(--gris-light);color:var(--gris)}.tbl-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.87rem}thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--gris);border-bottom:2px solid var(--gris-light);white-space:nowrap;padding:.7rem 1rem;font-size:.72rem;font-weight:700}tbody td{border-bottom:1px solid var(--gris-light);vertical-align:middle;padding:.8rem 1rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f7fbf8}.form-group{margin-bottom:1rem}.form-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--gris);margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--gris-light);width:100%;color:var(--negro);background:#fff;border-radius:10px;outline:none;padding:.65rem .9rem;font-family:DM Sans,sans-serif;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--verde-med);box-shadow:0 0 0 3px #2e8b571f}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.form-row,.form-row-3{grid-template-columns:1fr}}.prog-bar{background:var(--gris-light);border-radius:99px;height:8px;margin-top:.4rem;overflow:hidden}.prog-fill{background:linear-gradient(90deg, var(--verde-light), var(--acento));border-radius:99px;height:100%;transition:width .6s}.bar-chart{align-items:flex-end;gap:6px;height:80px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.bar-col .bar{background:var(--verde-light);border-radius:4px 4px 0 0;width:100%}.bar-col .bar-lbl{color:var(--gris);font-size:.6rem}.timeline{flex-direction:column;display:flex}.tl-item{gap:1rem;padding-bottom:1.2rem;display:flex;position:relative}.tl-item:before{content:"";background:var(--gris-light);width:2px;height:calc(100% - 16px);position:absolute;top:28px;left:15px}.tl-item:last-child:before{display:none}.tl-dot{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.tl-dot.green{background:#dcfce7}.tl-dot.yellow{background:#fef9c3}.tl-dot.gray{background:var(--gris-light)}.tl-body{padding-top:.3rem}.tl-title{font-size:.88rem;font-weight:600}.tl-meta{color:var(--gris);margin-top:.15rem;font-size:.75rem}.tabs{border-bottom:2px solid var(--gris-light);gap:.4rem;margin-bottom:1.4rem;display:flex;overflow-x:auto}.tab-btn{color:var(--gris);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.6rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;transition:color .15s,border-color .15s}.tab-btn.active{color:var(--verde);border-color:var(--verde)}.alert{border-radius:12px;align-items:flex-start;gap:.8rem;margin-bottom:1rem;padding:1rem 1.2rem;font-size:.87rem;display:flex}.alert-warning{background:#fef9c3;border:1px solid #fde047}.alert-success{background:#dcfce7;border:1px solid #86efac}.alert-info{background:#dbeafe;border:1px solid #93c5fd}.alert-icon{flex-shrink:0;font-size:1.1rem}.totals-strip{background:var(--verde);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin:1rem 0;padding:1.2rem 1.5rem;display:flex}.totals-strip .t-item{text-align:center}.totals-strip .t-val{color:var(--acento);font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800}.totals-strip .t-lbl{color:#fff9;margin-top:.2rem;font-size:.72rem}.totals-divider{background:#ffffff26;width:1px;height:40px}.stepper{align-items:center;margin-bottom:2rem;display:flex}.step-item{align-items:center;display:flex}.step-circle{border:2px solid var(--gris-light);width:36px;height:36px;color:var(--gris);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:.85rem;font-weight:800;transition:all .3s;display:flex}.step-circle.done{background:var(--verde);border-color:var(--verde);color:#fff}.step-circle.active{background:var(--acento);border-color:var(--acento);color:var(--verde)}.step-label{color:var(--gris);text-align:center;white-space:nowrap;margin-top:.3rem;font-size:.75rem}.step-item-inner{flex-direction:column;align-items:center;display:flex}.step-connector{background:var(--gris-light);flex:1;min-width:20px;height:2px;margin:0 .5rem 1.2rem;transition:background .3s}.step-connector.done{background:var(--verde)}.material-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1rem;display:grid}@media (width<=480px){.material-grid{grid-template-columns:repeat(3,1fr)}}.material-chip{border:2px solid var(--gris-light);text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:.7rem .5rem;transition:all .15s}.material-chip:hover{border-color:var(--verde-light);background:var(--verde-pale)}.material-chip.selected{border-color:var(--verde);background:var(--verde-pale)}.m-icon{font-size:1.4rem}.m-name{margin-top:.3rem;font-size:.72rem;font-weight:600}.m-price{color:var(--verde-med);margin-top:.1rem;font-size:.65rem;font-weight:600}.peso-display{background:var(--negro);text-align:center;border-radius:14px;margin-bottom:1.2rem;padding:1.5rem}.peso-num{color:var(--acento);font-family:Syne,sans-serif;font-size:3.5rem;font-weight:800;line-height:1}.peso-unit{color:#ffffff80;margin-top:.2rem;font-size:1.2rem}.peso-status{color:#fff6;justify-content:center;align-items:center;gap:.4rem;margin-top:.8rem;font-size:.75rem;display:flex}.dot-blink{background:var(--verde-light);border-radius:50%;width:8px;height:8px;animation:1.4s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.ticket-preview{border:2px dashed var(--gris-light);background:#fff;border-radius:16px;overflow:hidden}.t-header{background:var(--verde);text-align:center;padding:1.2rem}.t-title{color:var(--acento);font-family:Syne,sans-serif;font-size:1rem;font-weight:800}.ticket-qr{background:#ffffff26;border-radius:6px;width:48px;height:48px;margin:0 auto .6rem}.ticket-row{border-bottom:1px solid var(--gris-light);justify-content:space-between;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;display:flex}.ticket-row:last-child{border-bottom:none}.ticket-row.total{background:var(--verde-pale);font-weight:700}.reciclador-card{border:1px solid var(--gris-light);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1.2rem;transition:transform .15s,box-shadow .15s;display:flex}.reciclador-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000012}.rec-avatar{background:var(--verde);width:48px;height:48px;color:var(--acento);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:1rem;font-weight:800;display:flex}.rec-name{font-size:.95rem;font-weight:700}.rec-id{color:var(--gris);margin-top:.1rem;font-size:.75rem}.rec-stats{flex-wrap:wrap;gap:.8rem;margin-top:.4rem;display:flex}.rec-stat{color:var(--gris);font-size:.75rem}.rec-right{text-align:right;flex-shrink:0;margin-left:auto}.rec-kg{color:var(--verde);font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800}.rec-kg-lbl{color:var(--gris);font-size:.7rem}.activity-feed{flex-direction:column;gap:.2rem;display:flex}.feed-item{border-radius:10px;align-items:center;gap:.8rem;padding:.7rem .5rem;transition:background .15s;display:flex}.feed-item:hover{background:var(--verde-pale)}.feed-avatar{background:var(--verde);width:36px;height:36px;color:var(--acento);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:.78rem;font-weight:800;display:flex}.feed-right{text-align:right;margin-left:auto}.feed-kg{color:var(--verde);font-family:Syne,sans-serif;font-size:.95rem;font-weight:800}.feed-time{color:var(--gris);font-size:.72rem}.chart-donut{background:conic-gradient(var(--verde) 0% 50%, var(--verde-light) 50% 75%, var(--acento) 75% 85%, #a8d5b5 85% 100%);border-radius:50%;flex-shrink:0;width:110px;height:110px;position:relative}.chart-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:25%}.donut-legend{flex-direction:column;gap:.5rem;display:flex}.donut-item{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.donut-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.price-card{border:1px solid var(--gris-light);background:#fff;border-radius:16px;align-items:center;gap:1rem;padding:1.2rem;transition:transform .15s;display:flex}.price-card:hover{transform:translateY(-2px)}.price-icon{text-align:center;flex-shrink:0;width:52px;font-size:2rem}.price-name{font-size:.9rem;font-weight:700}.price-code{color:var(--gris);font-size:.72rem}.price-val{text-align:right;flex-shrink:0;margin-left:auto}.price-num{color:var(--verde);font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800}.price-unit{color:var(--gris);font-size:.72rem}.price-trend{font-size:.72rem;font-weight:600}.trend-up{color:var(--verde-med)}.trend-down{color:var(--rojo)}.balance-flow{background:var(--crema);border-radius:16px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.bf-box{border:1px solid var(--gris-light);text-align:center;background:#fff;border-radius:12px;flex:1;min-width:100px;padding:1rem}.bf-box .bf-val{font-family:Syne,sans-serif;font-size:1.4rem;font-weight:800}.bf-box .bf-lbl{color:var(--gris);font-size:.75rem}.bf-op{color:var(--gris);flex-shrink:0;font-size:1.5rem}.bf-box.equal{background:var(--verde)}.bf-box.equal .bf-val{color:var(--acento)}.bf-box.equal .bf-lbl{color:#fff9}.sui-header{background:var(--verde);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:2rem;display:flex}.sui-title{color:#fff;font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800}.sui-sub{color:#ffffffa6;margin-top:.3rem;font-size:.85rem}.sui-status{text-align:center;background:#ffffff1a;border-radius:12px;flex-shrink:0;padding:1rem 1.5rem}.status-val{color:var(--acento);font-family:Syne,sans-serif;font-size:2.5rem;font-weight:800}.status-lbl{color:#fff9;font-size:.75rem}.reg-card{border:1px solid var(--gris-light);background:#fff;border-radius:16px;overflow:hidden}.reg-card-header{border-bottom:1px solid var(--gris-light);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:1.2rem 1.4rem;display:flex}.reg-num{color:var(--verde);font-family:Syne,sans-serif;font-size:.95rem;font-weight:800}.reg-desc{color:var(--gris);font-size:.78rem}.reg-body{padding:1.2rem 1.4rem}.reg-row{border-bottom:1px solid var(--gris-light);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.85rem;display:flex}.reg-row:last-child{border-bottom:none}.reg-field{color:var(--gris)}.reg-value{color:var(--negro);text-align:right;font-weight:600}.reg-value.highlight{color:var(--verde);font-family:Syne,sans-serif;font-size:1.05rem;font-weight:800}.notif-item{border:1px solid var(--gris-light);background:#fff;border-radius:12px;gap:.9rem;margin-bottom:.6rem;padding:.9rem;font-size:.84rem;display:flex}.notif-item.unread{background:#f0f8f2;border-color:#c3e6cb}.notif-icon{flex-shrink:0;font-size:1.2rem}.notif-title{margin-bottom:.15rem;font-weight:600}.notif-body{color:var(--gris)}.notif-time{color:var(--gris);margin-top:.2rem;font-size:.72rem}.ruta-card{border:1px solid var(--gris-light);background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.8rem;padding:1.2rem;transition:transform .15s;display:flex}.ruta-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.ruta-num{background:var(--verde);width:44px;height:44px;color:var(--acento);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;display:flex}.ruta-info{flex:1;min-width:120px}.ruta-name{font-size:.92rem;font-weight:700}.ruta-sub{color:var(--gris);margin-top:.1rem;font-size:.75rem}.ruta-stats{flex-wrap:wrap;gap:1.5rem;display:flex}.ruta-stat{text-align:center}.ruta-stat .rs-val{color:var(--verde);font-family:Syne,sans-serif;font-size:1rem;font-weight:800}.ruta-stat .rs-lbl{color:var(--gris);font-size:.67rem}.icon-btn{background:var(--gris-light);cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background .15s;display:flex}.icon-btn:hover{background:var(--verde-pale)}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--verde);z-index:200;flex-direction:column;flex-shrink:0;transition:transform .3s;display:flex;position:relative;overflow-y:auto}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.page-content{padding:1.5rem 2rem}@media (width<=768px){.page-content{padding:1rem}.sidebar{z-index:300;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:299;background:#0006;display:none;position:fixed;inset:0}.sidebar-backdrop.open{display:block}}.topbar{border-bottom:1px solid var(--gris-light);z-index:100;min-height:var(--topbar-h);background:#fff;align-items:center;gap:1rem;padding:.9rem 2rem;display:flex;position:sticky;top:0}@media (width<=768px){.topbar{padding:.9rem 1rem}}.hamburger-btn{display:none}@media (width<=768px){.hamburger-btn{display:flex}}.mobile-nav{border-top:1px solid var(--gris-light);z-index:200;height:var(--mobile-nav-h);background:#fff;padding:0 .5rem;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=768px){.mobile-nav{align-items:stretch;display:flex}.main-area{padding-bottom:var(--mobile-nav-h)}}.mob-nav-item{cursor:pointer;color:var(--gris);background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.4rem .2rem;font-family:DM Sans,sans-serif;font-size:.62rem;font-weight:600;transition:all .15s;display:flex}.mob-nav-item.active{color:var(--verde);border-color:var(--verde)}.mob-nav-icon{font-size:1.2rem;line-height:1}