:root{--color-primary: #FB4B00;--color-accent: #FF6700;--color-secondary: #F37237;--color-bg: #FFFFFF;--color-surface: #FAFAFA;--color-text: #000000;--color-muted: #666666;--color-border: #EBEBEB;--color-success: #2E7D32;--color-danger: #D32F2F;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Roboto", system-ui, sans-serif}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh;transition:grid-template-columns .2s ease}.app--collapsed{grid-template-columns:64px 1fr}.app__main{display:flex;flex-direction:column;min-width:0}.app__content{flex:1;padding:24px 28px 48px;background:var(--color-surface)}.sidebar{background:var(--color-text);color:#fff;display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh}.sidebar__header{display:flex;align-items:center;gap:10px;padding:4px 4px 16px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:16px;min-height:56px}.sidebar__logo{height:22px;width:auto;filter:brightness(0) invert(1);flex-shrink:0}.sidebar__caption{font-family:var(--font-heading);font-size:11px;color:#ffffffb3;letter-spacing:.02em;line-height:1.3}.sidebar--collapsed .sidebar__header{justify-content:center}.sidebar__toggle{align-self:flex-end;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);width:28px;height:28px;cursor:pointer;font-size:14px;margin-bottom:16px;transition:background .15s}.sidebar--collapsed .sidebar__toggle{align-self:center}.sidebar__toggle:hover{background:#ffffff1a}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.sidebar__item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;color:#fff;border:none;cursor:pointer;font-family:var(--font-body);font-size:14px;text-align:left;transition:background .15s;border-left:3px solid transparent}.sidebar__item:hover{background:#ffffff14}.sidebar__item--active{background:color-mix(in srgb,var(--color-accent) 18%,transparent);border-left-color:var(--color-accent);color:var(--color-accent)}.sidebar__icon{font-size:18px;width:20px;display:inline-flex;justify-content:center}.sidebar__label{font-family:var(--font-heading);font-weight:500;letter-spacing:.01em;white-space:nowrap}.sidebar--collapsed .sidebar__item{justify-content:center;padding:12px 8px}.page{max-width:1440px;margin:0 auto}.page--site,.app--site .sidebar{--color-accent: #7C67AD;--color-primary: #5E4A8A}.page--vendas,.app--sales .sidebar{--color-accent: #2E9B5C;--color-primary: #207A47}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.page-header__brand{display:flex;align-items:center;gap:14px}.page-header__logo{height:56px;width:auto}.page-header h1{font-family:var(--font-heading);font-size:26px;font-weight:700;letter-spacing:-.02em}.datefilter{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.datefilter__inputs{display:flex;gap:8px}.datefilter__inputs label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.datefilter__inputs input{font-family:var(--font-body);font-size:13px;padding:6px 10px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.datefilter__inputs input:focus{outline:none;border-color:var(--color-accent)}.datefilter__presets{display:flex;gap:6px;align-self:flex-end}.datefilter__presets button{font-family:var(--font-heading);font-size:12px;font-weight:600;padding:8px 14px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;transition:all .15s}.datefilter__presets button:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.section__title{font-family:var(--font-heading);font-size:18px;font-weight:600;margin-bottom:16px;letter-spacing:-.01em}.dashboard__stats{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}@media(max-width:1200px){.dashboard__stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}}.metric-card{background:var(--color-bg);border:1px solid var(--color-border);padding:16px;text-align:left;cursor:pointer;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s;min-height:120px;display:flex;flex-direction:column}.metric-card:hover{border-color:var(--color-accent)}.metric-card--active{border-color:var(--color-accent);box-shadow:inset 0 -3px 0 var(--color-accent)}.metric-card__label{color:var(--color-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;line-height:1.3;min-height:28px}.metric-card__value{font-family:var(--font-heading);font-size:24px;font-weight:700;letter-spacing:-.02em;margin-top:auto;color:var(--color-text)}.dashboard__charts{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:32px}@media(max-width:1100px){.dashboard__charts{grid-template-columns:1fr}}.card{background:var(--color-bg);border:1px solid var(--color-border);padding:20px;min-height:320px;display:flex;flex-direction:column}.chart__title{font-family:var(--font-heading);font-size:14px;font-weight:600;margin-bottom:16px;letter-spacing:-.01em}.chart__svg{width:100%;height:auto;display:block}.chart__gridline{stroke:var(--color-border);stroke-width:1}.chart__line{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart__area{fill:var(--color-accent);fill-opacity:.08}.chart__dot{fill:#fff;stroke:var(--color-accent);stroke-width:2}.chart__tick{font-family:var(--font-body);font-size:10px;fill:var(--color-muted)}.vbars{display:flex;align-items:flex-end;gap:12px;flex:1}.vbars__col{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.vbars__bar-wrap{width:100%;height:220px;display:flex;align-items:flex-end;justify-content:center;padding-top:22px}.vbars__fill{width:70%;background:var(--color-accent);min-height:2px;transition:background .15s;position:relative}.vbars__fill:hover{background:var(--color-primary)}.vbars__value{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px;font-family:var(--font-heading);font-weight:700;font-size:12px;color:var(--color-text);white-space:nowrap}.vbars__label{margin-top:10px;font-size:11px;color:var(--color-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hierarchy{background:var(--color-bg);border:1px solid var(--color-border);padding:14px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.hierarchy__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hierarchy__label{font-size:11px;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;min-width:90px}.hierarchy__chips{display:flex;gap:8px;flex-wrap:wrap;flex:1}.hierarchy__empty{color:var(--color-muted);font-size:13px;font-style:italic}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg);border:1px solid var(--color-border);padding:4px 10px;font-size:12px;font-family:var(--font-body);color:var(--color-text);cursor:pointer}.chip:hover{border-color:var(--color-accent)}.chip--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.chip__order{background:#ffffff40;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.chip button{background:transparent;border:none;color:inherit;cursor:pointer;padding:0 4px;font-size:13px;line-height:1}.chip button:disabled{opacity:.4;cursor:not-allowed}.chip button:hover:not(:disabled){opacity:.75}.pivot{border:1px solid var(--color-border);overflow-x:auto;background:var(--color-bg)}.pivot__table{width:100%;border-collapse:collapse;font-size:13px}.pivot__table th,.pivot__table td{padding:10px 12px;text-align:right;border-bottom:1px solid var(--color-border)}.pivot__table th{background:var(--color-surface);color:var(--color-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.pivot__name{text-align:left!important;min-width:280px}.pivot__val{font-family:var(--font-heading);font-variant-numeric:tabular-nums;white-space:nowrap}.pivot__row:hover{background:var(--color-surface)}.pivot__row--lvl0 .pivot__name{font-weight:600}.pivot__val--accent{color:var(--color-accent);font-weight:700}.site__campaigns{margin-bottom:32px}.site__campaigns .card{min-height:0}.site__stats{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.site__stats{grid-template-columns:repeat(2,1fr)}}.sales__kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}@media(max-width:1200px){.sales__kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.sales__kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--color-bg);border:1px solid var(--color-border);padding:16px;min-height:120px;display:flex;flex-direction:column;text-align:left;font-family:var(--font-body)}.kpi--clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.kpi--clickable:hover{border-color:var(--color-accent)}.kpi--active{border-color:var(--color-accent);box-shadow:inset 0 -3px 0 var(--color-accent)}.kpi__label{color:var(--color-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:500;line-height:1.3;min-height:28px}.kpi__value{font-family:var(--font-heading);font-size:24px;font-weight:700;letter-spacing:-.02em;margin-top:auto;color:var(--color-text)}.sales__row{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:24px}@media(max-width:1100px){.sales__row{grid-template-columns:1fr}}.sales__funnel{margin-bottom:32px}.sfunnel{display:flex;flex-direction:column;gap:0;max-width:560px;margin:0 auto}.sfunnel__row{display:contents}.sfunnel__step{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-accent);background:var(--color-bg);width:100%}.sfunnel__row:nth-child(3) .sfunnel__step{max-width:88%;margin:0 auto}.sfunnel__row:nth-child(5) .sfunnel__step{max-width:76%;margin:0 auto}.sfunnel__half{padding:14px 16px;text-align:center}.sfunnel__half+.sfunnel__half{border-left:1px solid var(--color-accent)}.sfunnel__count{font-family:var(--font-heading);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--color-text);line-height:1.1}.sfunnel__label{font-size:10px;color:var(--color-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.sfunnel__conv{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 0}.sfunnel__arrow{font-size:16px;color:var(--color-accent);font-weight:700;line-height:1}.sfunnel__rate{font-family:var(--font-heading);font-size:12px;font-weight:700;color:var(--color-accent)}.sfunnel__rate--alt{color:var(--color-primary)}.pivot__toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:12px;font-weight:700;margin-right:8px;cursor:pointer;vertical-align:middle}.pivot__toggle--leaf{border-color:transparent;color:var(--color-border);cursor:default}.pivot__toggle:hover:not(.pivot__toggle--leaf){border-color:var(--color-accent);color:var(--color-accent)}.site__funnel{margin-bottom:32px}.funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1100px){.funnel{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.funnel{grid-template-columns:1fr}}.funnel__card{position:relative;background:var(--color-bg);border:1px solid var(--color-border);padding:16px;text-align:left;font-family:var(--font-body);cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:6px;min-height:120px}.funnel__card:hover{border-color:var(--color-accent)}.funnel__card--active{border-color:var(--color-accent);box-shadow:inset 0 -3px 0 var(--color-accent)}.funnel__order{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--color-accent);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:12px;border-radius:50%;flex-shrink:0}.funnel__label{font-family:var(--font-heading);font-weight:500;font-size:11px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;line-height:1.3;min-height:28px}.funnel__value{font-family:var(--font-heading);font-weight:700;font-size:24px;letter-spacing:-.02em;margin-top:auto;color:var(--color-text)}.funnel__rates{font-size:10px;color:var(--color-muted);display:flex;flex-direction:column;gap:2px}.funnel__rate-prev{color:var(--color-accent);font-weight:600}.state{padding:40px;text-align:center;color:var(--color-muted);background:var(--color-bg);border:1px solid var(--color-border);font-size:14px}.state--error{color:var(--color-danger);border-color:#d32f2f4d;margin-bottom:16px}