/* Latest visual direction: the supplied Showa Gestão reference, adapted to coffee. */
:root{--surface:#f7f3ec;--surface-high:#fcf8f2;--paper:#fcf8f2;--ink:#2a1d16;--muted:#7d6b5e;--line:rgba(70,40,20,.11);--raised:0 1px 0 #ffffffb3 inset,0 22px 44px -30px #5a2d2073;--raised-small:0 1px 0 #ffffffb3 inset,0 7px 16px -12px #5a2d2059;--inset:inset 0 1px 3px #4628140c;--sidebar-width:256px}
html{background:#ece5db}body{background:#ece5db;color:var(--ink);font-family:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-color:#947053}
.sidebar{inset:12px auto 12px 16px;width:var(--sidebar-width);border-radius:24px;padding:20px 12px 12px;background:linear-gradient(180deg,#573a2c,#4b2d21 55%,#3e251c);border:1px solid #ffffff21;color:#fff2ea;box-shadow:0 16px 32px -24px #3c231a80;overflow:hidden;gap:0;transition:transform .2s,visibility .2s}
.sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff19 1px,transparent 1.5px);background-size:5px 5px;mask-image:linear-gradient(180deg,#0003,transparent 20%,transparent 60%,#000)}
.sidebar>*{position:relative}.sidebar-header{flex:none}.brand{color:#fff2ea;font-size:29px;padding:0 8px 22px;gap:10px}.brand-logo{width:38px;height:38px;box-shadow:none;border:1px solid #ffffff24}.brand-sub{color:#f3e2d3;font-size:8px}.sidebar-menu-close{display:flex;position:absolute;top:0;right:0;min-width:28px;min-height:28px;width:28px;height:28px;background:#ffffff0c;border:1px solid #ffffff29;color:#f6e7dc;box-shadow:none;z-index:1}.sidebar-menu-close svg{width:14px;height:14px}
.workspace{background:#ffffff08;border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff09;border-radius:16px;margin:0 0 17px;padding:12px 9px;gap:9px}.workspace-logo{box-shadow:none;width:48px;height:48px;min-width:48px;border-radius:12px}.workspace-logo>img{width:104px;height:104px}.workspace strong{color:#fff3e9;font-size:12px}.workspace small{color:#e7d5c8;font-size:10px}.workspace>svg{color:#e0c9b7}
.sidebar-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding:0 1px 10px;scroll-behavior:smooth}.sidebar-scroll::-webkit-scrollbar,.sidebar::-webkit-scrollbar{display:none;width:0;height:0}.sidebar{scrollbar-width:none}.sidebar-scroll:focus-visible{outline:1px solid #ead2bd;outline-offset:-1px;border-radius:12px}
.sidebar .nav-label{color:#dfc9b9;font-size:10px;padding:0 12px;margin:9px 0 10px;letter-spacing:1.7px}.sidebar .nav-item{color:#fff2ea;font-size:13px;padding:11px 12px;min-height:43px;margin-bottom:4px;border:1px solid transparent;border-radius:12px;box-shadow:none;gap:12px}.sidebar .nav-item:hover{color:#fff8f0;background:#ffffff0e}.sidebar .nav-item.active{color:#fff8f0;background:linear-gradient(115deg,#ffffff0c,#ffffff07 38%,#ffffff25 50%,#ffffff08 62%),#ffffff0a;border-color:#ffffff29;box-shadow:inset 0 1px 0 #ffffff1c,0 14px 26px -16px #0006}.tiny-dot{background:#d6b99e}.saved-nav{padding-top:10px}.sidebar .saved-empty,.sidebar .saved-nav>button{color:#dfc9b9}.saved-nav .nav-label button{color:#f4ddcb}.sidebar-bottom{flex:none;margin-top:0;padding-top:10px;border-top:1px solid #ffffff20}.connection-mini{background:#ffffff06;border-color:#ffffff20;box-shadow:none;border-radius:13px;margin-bottom:7px;padding:10px}.connection-mini b{color:#f1dece;font-size:10px}.connection-mini small{color:#dbc1ad;font-size:9px}.connection-mini button svg{color:#e0c4af}.sidebar .status-dot{background:#cfae8e}.profile{border-top:1px solid #ffffff20;padding-top:12px;margin-top:6px;color:#f8e7d9}.profile b{color:#fff3e9;font-size:11px}.profile small{color:#dfc9b9;font-size:10px}.profile .avatar{background:#ffffff12;box-shadow:none;color:#fff3e9;border:1px solid #ffffff22}.profile>svg{color:#dfc9b9}
.app-shell{margin:12px 16px 12px calc(var(--sidebar-width) + 28px);min-height:calc(100dvh - 24px);border:1px solid var(--line);border-radius:24px;overflow:clip;background:linear-gradient(180deg,#f1ebe2fa 0%,#f1ebe2dc 45%,#f1ebe280 100%);position:relative;isolation:isolate}
.app-shell::before{content:"";position:absolute;inset:200px 0 0;z-index:-1;pointer-events:none;background-image:radial-gradient(#9e816c3d .8px,transparent 1px);background-size:7px 7px;mask-image:radial-gradient(ellipse at 70% 60%,#0008,transparent 65%)}
.topbar{height:74px;padding:0 30px;background:#f7f3ec66;border-bottom:1px solid var(--line);gap:15px}.topbar .sidebar-toggle{display:flex;flex-shrink:0;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:12px;background:#fffcf79e;border:1px solid #46281425;box-shadow:none;color:#5f4635}.sidebar-toggle svg{width:18px;height:18px}.breadcrumb{white-space:nowrap}.global-search{background:#fffcf79e;border:1px solid #46281423;border-radius:999px;box-shadow:none;max-width:430px;margin-left:auto}.global-search kbd{border-color:#46281425}.topbar .icon-button{box-shadow:none;border:1px solid #46281423;background:#fffcf79e}.top-avatar{box-shadow:none;background:#fffaf48c;border:1px solid var(--line);color:#6d5140}
main{padding:28px 30px 32px}.page-heading{margin-top:28px}.page-heading h1{font-size:clamp(27px,2.5vw,36px);font-weight:600;letter-spacing:-1px}.page-heading>div>p:last-child{font-size:14px;color:#6d5b4f}.eyebrow{font-weight:500;letter-spacing:1.6px}.notice{background:#fffcf79e;border:1px solid var(--line);box-shadow:none;border-radius:14px}.notice,.notice button{color:#765d46}.demo-notice{background:#e9dec477;border-color:#94764f2e}
.panel,.kpi,.project-card,.creative-card,.audience-feature,.onboarding,.explore-intro,.connection-panel{background:#fdf9f3cc;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08);border:1px solid var(--line);border-radius:24px;box-shadow:var(--raised)}
.kpi:hover,.creative-card:hover{border-color:#4628142c;box-shadow:var(--raised)}.kpi{padding:22px}.kpi>strong{font-size:clamp(27px,2.5vw,40px);font-weight:600;letter-spacing:-1.2px;color:#2a1d16}.kpi h2{color:#6a5545;font-size:12px}.kpi-icon{background:#fffcf79e;border:1px solid var(--line);box-shadow:none;color:#8e735d}.kpi-icon.soft-lime{background:#e7dfd477}.mini-spark{opacity:.35}.panel h2,.section-head h2{color:#3d2b20;font-weight:600}.chart-total>strong{color:#36251a}.panel-note,.panel-head p{color:#7d6b5e}
.button,.button.quiet,.control,.filter-chip,.filterbar>label,.search-box,.segments,.chart-controls select,.rank-caption select,.catalog-categories button{background:#fffcf79e;border:1px solid #46281425;box-shadow:none;border-radius:12px;color:#634c3c}.button.dark{background:linear-gradient(180deg,#624331,#4b2d21);border-color:#4b2d21;color:#fff4ec;box-shadow:inset 0 1px 0 #ffffff26,0 8px 20px -12px #0006}.button.dark:hover{background:linear-gradient(180deg,#573928,#41271d);box-shadow:inset 0 1px 0 #ffffff26,0 8px 20px -12px #0006}.button.quiet:hover{background:#fffaf5}.filterbar select{color:#634c3c}.filterbar>label{border-radius:12px}.catalog-categories button{border-radius:999px}.catalog-categories button[aria-pressed=true],.segments button[aria-pressed=true]{color:#fff4ec;background:#4b2d21;border-color:#4b2d21;box-shadow:none}.catalog-categories button[aria-pressed=true]>span{background:#ffffff24;color:#fff4ec}.table-wrap thead{background:#eee5d8}.table-wrap th{color:#6a5545}.table-wrap td{color:#4f3e33}.table-wrap tbody tr:hover{background:#fffaf5}.row-symbol,.project-symbol,.detail-stats>div,.metric-order,.check-option,.search-box,.quick-input{box-shadow:none;border-color:var(--line);background:#fffcf79e}.segments button{box-shadow:none}.no-image{background:#eae1d5}.form-field input,.form-field select{background:#fffcf7;border:1px solid #46281425;box-shadow:none;color:#4f3e33}.footer{color:#7d6b5e}.onboard-illustration{box-shadow:none}
dialog{background:#fcf8f2;border:1px solid #46281425;border-radius:24px;box-shadow:0 40px 80px -40px #5a2d2080}dialog::backdrop{background:#2a1d165c;backdrop-filter:blur(3px)}.menu-backdrop{display:none}
.topbar .mobile-menu.sidebar-toggle{display:flex!important}.sidebar-scroll .saved-nav{display:block;max-height:none;overflow:visible;min-height:90px}
@media(min-width:741px){.sidebar-hidden .sidebar{transform:translateX(calc(-100% - 30px));visibility:hidden}.sidebar-hidden .app-shell{margin-left:16px}.sidebar-hidden .topbar .sidebar-toggle{background:#4b2d21;color:#fff4ec}}
@media(max-width:1100px) and (min-width:741px){:root{--sidebar-width:228px}.topbar{padding-inline:22px;gap:11px}main{padding-inline:22px}.global-search span{max-width:200px}.breadcrumb{display:none}}
@media(max-height:720px){.sidebar{padding-top:15px}.brand{padding-bottom:14px}.workspace{padding-block:8px;margin-bottom:10px}.connection-mini{display:none}.sidebar-bottom{padding-top:5px}.sidebar .profile{padding-top:8px;margin-top:3px}}
@media(max-width:740px){.sidebar{inset:10px auto 10px 10px;width:min(286px,calc(100vw - 52px));padding:20px 12px 12px;z-index:31;transform:translateX(calc(-100% - 22px));visibility:hidden}.menu-open .sidebar{transform:translateX(0);visibility:visible}.sidebar .nav-item{font-size:13px;margin-bottom:4px;padding:11px 12px}.menu-open .menu-backdrop{display:block;position:fixed;inset:0;background:#2a1d1666;backdrop-filter:blur(3px);z-index:30}.app-shell,.sidebar-hidden .app-shell{margin:8px;min-height:calc(100dvh - 16px);border-radius:20px}.topbar{padding:0 15px;height:62px;gap:10px}.topbar .sidebar-toggle{display:flex!important;min-height:36px;min-width:36px}.breadcrumb{display:none}.global-search{margin-left:0;max-width:none;flex:1}.global-search span{max-width:none}.topbar-actions{margin-left:auto}.topbar-actions .top-avatar{display:none}main{padding:20px 16px 28px}.page-heading{margin-top:22px}.page-heading h1{font-size:28px}.kpi{padding:18px}.kpi>strong{font-size:30px}.panel,.kpi,.project-card,.creative-card,.audience-feature{border-radius:20px}.sidebar-menu-close{top:0;right:0}.sidebar-hidden .sidebar{visibility:hidden}.sidebar-hidden.menu-open .sidebar{visibility:visible}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}.sidebar-scroll{scroll-behavior:auto}}
@media print{.app-shell{margin:0;border:0;background:white}.app-shell::before,.sidebar-toggle,.menu-backdrop{display:none}.panel,.kpi{background:white;box-shadow:none;backdrop-filter:none}}