:root{--navy:#053d2b;--navy2:#006633;--teal:#d86d01;--teal2:#f28a00;--mint:#fff1df;--gold:#d2a100;--bg:#f5f6f3;--text:#17372c;--muted:#687b73;--line:#dde4df;--green:#006633;--red:#b84237;--shadow:0 10px 28px rgba(0,72,43,.08)}
.sidebar{width:280px;background:linear-gradient(180deg,#003d28 0%,#00613a 58%,#00452d 100%);padding:18px 16px}.app-shell{margin-left:280px}.official-brand{display:block;height:86px;padding:0 6px 15px;border-bottom:1px solid rgba(255,255,255,.11);margin-bottom:12px}.official-brand img{display:block;width:100%;height:61px;object-fit:contain;object-position:left center}.official-brand small{display:block;text-align:right;color:#e2b64a!important;font-size:8px!important;letter-spacing:.08em;text-transform:uppercase;margin-top:1px}.nav-heading{color:#9cc2aa}.nav-link{color:#c8ddd0}.nav-link .nav-icon{width:27px;height:27px;border:1px solid rgba(255,255,255,.14);border-radius:7px;display:grid;place-items:center;color:#f2c456;font-size:13px;line-height:1}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,rgba(216,109,1,.32),rgba(216,109,1,.08));color:white;box-shadow:inset 3px 0 #f28a00}.nav-link.active .nav-icon{background:#d86d01;border-color:#ec8d30;color:white}.sidebar-user{border-color:rgba(255,255,255,.14)}.avatar{background:linear-gradient(145deg,#f6b31f,#d86d01);color:#fff}.topbar{border-bottom:3px solid #d86d01;box-shadow:0 4px 14px rgba(0,60,36,.05)}.status-dot{background:#006633;box-shadow:0 0 0 4px #dceddf}.eyebrow{color:#d86d01}.btn.primary{background:linear-gradient(135deg,#d86d01,#f29300);box-shadow:0 7px 16px rgba(216,109,1,.22)}.btn.dark{background:#006633}.text-button{color:#d86d01}.filter-bar select:focus,.filter-bar input:focus,.form-field input:focus,.form-field select:focus{border-color:#d86d01;box-shadow:0 0 0 3px rgba(216,109,1,.1)}.executive-summary{background:linear-gradient(115deg,#00442d,#006b3e)}.executive-summary .eyebrow{color:#f4bc45}.summary-icon{color:#f5bd45}.metric-card:before{background:#d86d01}.metric-card:nth-child(3n+2):before{background:#006633}.metric-card:nth-child(3n):before{background:#d2a100}.metric-icon,.info-icon{background:#fff4e6;color:#d86d01;border-color:#efc38e}.trend.up{color:#006633;background:#e3f1e7}.panel{border-top:2px solid rgba(216,109,1,.22)}.auto-alert.positive{border-left-color:#006633}.funnel-step{background:linear-gradient(90deg,#006633,#1b8552)}.executive-note{background:#fff4e5;border-color:#efd1a5;color:#62441f}.executive-note>span{background:#d86d01}.login-visual{background:radial-gradient(circle at 78% 25%,rgba(216,109,1,.35),transparent 32%),linear-gradient(140deg,#003b28,#00643b)}.login-brand{height:78px;width:min(650px,100%);background:url('../images/logo-crefito14.png') left center/contain no-repeat}.login-brand>*{display:none!important}.login-card .btn{background:linear-gradient(135deg,#d86d01,#f29300)}
.crossfilter-state{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dfe5e1;border-left:4px solid #d86d01;border-radius:10px;padding:10px 13px;margin:-4px 0 15px;box-shadow:0 4px 14px rgba(0,65,40,.04)}.crossfilter-state>div:first-child{display:grid;grid-template-columns:13px auto;column-gap:7px;min-width:210px}.crossfilter-state b{font-size:10px}.crossfilter-state small{grid-column:2;color:#809087;font-size:8px}.crossfilter-pulse{width:9px;height:9px;border-radius:50%;background:#d86d01;box-shadow:0 0 0 4px #fff0dc;margin-top:2px}.filter-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex:1}.filter-placeholder{color:#94a098;font-size:9px}.filter-chip{border:1px solid #edc796;background:#fff5e8;border-radius:16px;padding:5px 8px;color:#6c481d;font-size:9px;cursor:pointer}.filter-chip span{color:#a56a22;margin-right:4px}.filter-chip b{margin-left:6px;color:#d86d01}.clear-crossfilter{border:0;background:transparent;color:#d86d01;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.metric-card.filtered{box-shadow:0 0 0 2px rgba(216,109,1,.22),var(--shadow)}.crossfiltered-label{color:#d86d01;font-weight:800}.crossfilter-loading .content{cursor:progress}.crossfilter-loading .ranking-grid,.crossfilter-loading .executive-chart,.crossfilter-loading .cards-grid{opacity:.62;transition:opacity .15s}
@media(max-width:780px){.sidebar{width:280px}.app-shell{margin-left:0}.crossfilter-state{align-items:flex-start;flex-wrap:wrap}.filter-chips{order:3;flex-basis:100%}}
