@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600&family=Inter:wght@400;500;600&display=swap";.app-shell{display:flex;height:100%}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--color-surface);border-right:.5px solid var(--color-divider);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;align-self:flex-start;height:100vh}.sidebar__brand{padding:var(--space-6) var(--space-5);border-bottom:.5px solid var(--color-divider)}.sidebar__brand-logo{display:block;max-width:130px;width:100%;height:auto;object-fit:contain;margin-bottom:12px}.sidebar__brand-name{font-family:var(--font-body);font-size:13px;font-weight:400;color:var(--color-text-muted)}.sidebar__brand-sub{font-size:11px;color:var(--color-text-muted);margin-top:2px}.sidebar__nav{flex:1;padding:var(--space-4) 0}.nav-link{display:block;padding:var(--space-3) var(--space-5);font-size:14px;color:var(--color-text-muted);font-weight:400;transition:color .15s,background .15s;position:relative}.nav-link:hover{color:var(--color-text);background:#f5f3ee}.nav-link--active{color:var(--color-text);font-weight:500}.nav-link--active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--color-accent-green);border-radius:0 2px 2px 0}.sidebar__footer{padding:var(--space-5);border-top:.5px solid var(--color-divider)}.logout-btn{font-size:13px;color:var(--color-text-muted);padding:var(--space-2) 0;transition:color .15s}.logout-btn:hover{color:var(--color-text)}.main-content{flex:1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:var(--space-10) var(--space-8);max-width:860px}.login-page{min-height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center}.login-card{background:var(--color-surface);border:.5px solid var(--color-divider);border-radius:8px;padding:var(--space-10) var(--space-8);width:100%;max-width:380px}.login-brand{text-align:center;margin-bottom:var(--space-8)}.login-brand__logo{display:block;max-width:170px;width:100%;height:auto;object-fit:contain;margin:0 auto var(--space-6)}.login-brand__sub{font-size:13px;color:var(--color-text-muted);margin-top:var(--space-1)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.form-input{height:40px;padding:0 var(--space-3);border:1px solid var(--color-divider);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-size:14px;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--color-accent-green)}.login-submit{margin-top:var(--space-2);height:40px;background:var(--color-accent-green);color:#fff;font-size:14px;font-weight:500;border-radius:4px;transition:opacity .15s}.login-submit:hover:not(:disabled){opacity:.88}.login-submit:disabled{opacity:.55;cursor:default}.login-error{font-size:13px;color:#c0392b;text-align:center;margin-top:var(--space-2)}.stats-body{display:flex;flex-direction:column;gap:2.5rem;width:100%;min-width:0}.surco-bar__labels{display:flex;justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:500;gap:var(--space-3)}.surco-bar__label-green{color:var(--color-accent-green)}.surco-bar__label-gold{color:var(--color-accent-gold)}.surco-bar__track-wrap{position:relative}.surco-bar__track{height:40px;border-radius:8px;background:var(--color-divider);display:flex;overflow:hidden}.surco-bar__seg{height:100%;flex-shrink:0}.surco-bar__seg--green{background:var(--color-accent-green)}.surco-bar__seg--gold{background:var(--color-accent-gold)}.surco-bar__tooltip{position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);background:var(--color-surface);border:.5px solid var(--color-divider);border-radius:6px;padding:8px 12px;white-space:nowrap;pointer-events:none;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 12px #00000012;z-index:10}.surco-bar__tooltip-name{font-size:12px;font-weight:500;color:var(--color-text)}.surco-bar__tooltip-pct{font-size:12px;color:var(--color-text-muted)}.surco-bar__footer{display:flex;justify-content:flex-end;margin-top:10px;font-size:13px;color:var(--color-text-muted)}.surco-bar__total-num{font-family:var(--font-display);font-size:15px;color:var(--color-text);margin:0 4px}.linechart-section{min-width:0;width:100%;overflow:hidden}.section-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.line-tooltip{background:var(--color-surface);border:.5px solid var(--color-divider);border-radius:6px;padding:8px 12px;box-shadow:0 4px 12px #00000012;font-family:var(--font-body)}.line-tooltip__fecha{font-size:12px;color:var(--color-text-muted);margin-bottom:3px}.line-tooltip__value{font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--color-text);line-height:1.1}.stat-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card{background:var(--color-surface);border:.5px solid var(--color-divider);border-radius:10px;padding:16px 18px}.stat-card__label{font-size:12px;color:var(--color-text-muted);margin-bottom:var(--space-2)}.stat-card__value{font-family:var(--font-display);font-size:24px;font-weight:500;color:var(--color-text);line-height:1}.stat-card__value--green{color:var(--color-accent-green)}.stat-card__value--gold{color:var(--color-accent-gold)}@media (max-width: 700px){.stat-cards{grid-template-columns:1fr}}.tabs{display:flex;gap:0;margin-bottom:var(--space-6);border-bottom:1px solid var(--color-divider)}.tab-btn{padding:var(--space-3) var(--space-5);font-size:14px;font-weight:400;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--color-text)}.tab-btn--active{color:var(--color-text);font-weight:500;border-bottom-color:var(--color-accent-green)}.table-wrapper,.revendedores-wrapper{background:var(--color-surface);border:.5px solid var(--color-divider);border-radius:6px;overflow-x:auto}:root{--color-bg: #F7F5F0;--color-text: #2B2B24;--color-text-muted: #8B7355;--color-accent-green: #4A7C59;--color-accent-gold: #C9A227;--color-surface: #FFFFFF;--color-divider: #e8e3d6;--font-display: "Fraunces", serif;--font-body: "Inter", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--sidebar-width: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,select{font-family:var(--font-body);font-size:14px}.page-title{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--color-text);margin-bottom:var(--space-6)}.status-msg{font-size:13px;color:var(--color-text-muted);padding:var(--space-8) 0}.error-msg{font-size:13px;color:#c0392b;padding:var(--space-8) 0}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:.5px solid var(--color-divider);color:var(--color-text);vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#f9f7f3}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8);align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.filter-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.filter-input{height:36px;padding:0 var(--space-3);border:1px solid var(--color-divider);border-radius:4px;background:var(--color-surface);color:var(--color-text);min-width:160px}.filter-input:focus{outline:none;border-color:var(--color-accent-green)}