:root{--color-bg:#faf8f5;--color-surface:#fff;--color-text:#2b2a28;--color-muted:#8a8780;--color-border:#ece7df;--color-accent:#c97b4a;--color-accent-soft:#f4e3d7;--color-success:#4d7c5f;--color-success-soft:#e4efe8;--color-error:#c24e4e;--radius:14px;--radius-sm:10px;--font-display:"Segoe UI", system-ui, -apple-system, sans-serif;--font-body:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.top-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;max-width:480px;margin:0 auto;padding:12px 16px;display:flex;position:fixed;top:0;left:0;right:0}.top-bar-title{font-family:var(--font-display);margin:0;font-size:1.2rem;font-weight:700}.user-icon-link{color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .15s;display:flex}.user-icon-link:hover{background:var(--color-bg)}.app-main{flex:1;padding-top:60px;padding-bottom:88px}.page{max-width:480px;margin:0 auto;padding:20px 16px 16px}.page-header{margin-bottom:20px}.page-greeting{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 2px;font-size:.8rem}h1{font-family:var(--font-display);margin:0;font-size:1.6rem;font-weight:700}h2{margin:24px 0 8px;font-size:1.1rem;font-weight:600}h3{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:.8rem;font-weight:600}.page-subtitle{color:var(--color-muted);margin:4px 0 0;font-size:.9rem}.muted{color:var(--color-muted);font-size:.9rem}.muted-small{color:var(--color-muted);margin:2px 0 0;font-size:.8rem}.section{margin-bottom:24px}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.section-header h3{margin:0}.section-link{color:var(--color-accent);align-items:center;gap:2px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.empty-state{text-align:center;padding:28px 16px}.empty-icon{color:var(--color-border);margin-bottom:8px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:14px 10px;display:flex}.stat-icon{color:var(--color-accent);margin-bottom:2px}.stat-value{font-size:1.25rem;font-weight:700;line-height:1.1}.stat-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.stat-row{text-align:center;justify-content:space-around;display:flex}.stat-row>div{flex-direction:column;gap:4px;display:flex}.rank-row{justify-content:space-between;align-items:center;padding:10px 0;font-size:.9rem;display:flex}.rank-label{color:var(--color-muted)}.rank-value{font-weight:600}.rank-count{color:var(--color-muted);font-size:.8rem;font-weight:400}.divider{background:var(--color-border);height:1px}.form{flex-direction:column;gap:14px;display:flex}.form-row{gap:12px;display:flex}.form-row label{flex:1}label{color:var(--color-text);flex-direction:column;gap:6px;font-size:.85rem;font-weight:500;display:flex}input,select{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:1rem}input:focus,select:focus,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}button{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .15s}button:hover{opacity:.9}button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);justify-content:center;align-items:center;gap:6px;display:inline-flex}.full-width{width:100%}.icon-button{color:var(--color-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.icon-button:hover{background:var(--color-bg);opacity:1}.error-text{color:var(--color-error);margin:0;font-size:.9rem}.success-text{color:var(--color-success);margin:0;font-size:.9rem}.search-wrap{margin-bottom:16px;position:relative}.search-icon{color:var(--color-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{width:100%;padding-left:36px}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.list-item-main{color:var(--color-text);flex-direction:column;flex:1;gap:2px;min-width:0;text-decoration:none;display:flex}.list-item-name{font-size:.95rem;font-weight:600}.link-name{color:var(--color-text);text-decoration:none}.list-item-sub{color:var(--color-muted);font-size:.8rem}.sale-item{align-items:flex-start}.sale-item>div{flex-direction:column;gap:2px;min-width:0;display:flex}.sale-amount{white-space:nowrap;font-size:.9rem;font-weight:600}.whatsapp-link{color:var(--color-success);background:var(--color-success-soft);border-radius:50%;flex-shrink:0;align-items:center;gap:6px;padding:8px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.inline-link{border-radius:20px;margin-top:6px;padding:4px 12px}.insight-grid{flex-direction:column;gap:12px;display:flex}.rank-list{counter-reset:rank;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-list li{counter-increment:rank;justify-content:space-between;align-items:center;padding-left:24px;font-size:.9rem;display:flex;position:relative}.rank-list li:before{content:counter(rank);background:var(--color-accent-soft);width:18px;height:18px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;left:0}.section-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;padding:0 2px;font-size:11px;font-weight:500}.date-range{gap:12px;margin-bottom:16px;display:flex}.date-range label{flex:1}.back-link{color:var(--color-muted);align-items:center;gap:4px;margin-bottom:12px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-bar{background:var(--color-surface);border-top:1px solid var(--color-border);padding:8px 0 calc(8px + env(safe-area-inset-bottom));align-items:center;max-width:480px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-link{color:var(--color-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;font-family:inherit;font-size:.68rem;font-weight:500;text-decoration:none;display:flex}.nav-link.active{color:var(--color-accent)}.nav-link-button{padding:4px 0}.fab{background:var(--color-accent);color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin:-24px 8px 0;display:flex;box-shadow:0 4px 12px #c97b4a59}.fab:hover{opacity:.95}.sheet-overlay{z-index:50;background:#2b2a2866;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--color-bg);width:100%;max-width:480px;max-height:90vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.2s ease-out sheet-up;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sheet-header h2{margin:0;font-size:1.2rem}.customer-meta{margin-bottom:16px}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:380px;padding:28px 24px}.auth-card h1{text-align:center}.auth-subtitle{text-align:center;color:var(--color-muted);margin-bottom:20px;font-size:.9rem}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-switch{text-align:center;color:var(--color-muted);margin-top:16px;font-size:.85rem}.auth-switch a{color:var(--color-accent);font-weight:600;text-decoration:none}.button-link{text-align:center;background:var(--color-accent);color:#fff;border-radius:8px;margin-top:16px;padding:12px 16px;font-weight:600;text-decoration:none;display:block}.account-info{align-items:center;gap:12px;display:flex}.account-icon{color:var(--color-accent);flex-shrink:0}.account-email{margin:0;font-size:.95rem;font-weight:600}@media (width<=480px){.page{padding:16px 12px 12px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:12px 8px}.stat-value{font-size:1.1rem}h1{font-size:1.4rem}.form-row,.date-range{flex-direction:column;gap:14px}.nav-bar{padding:6px 0 calc(6px + env(safe-area-inset-bottom))}.fab{width:48px;height:48px}.top-bar{padding:10px 12px}.user-icon-link{padding:6px}}.sheet .form-row{flex-direction:row;gap:10px}@media (width>=481px){.app-shell,.top-bar,.nav-bar{max-width:100%}.page{max-width:600px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}