:root{
  --bg:#eef3f7;--surface:#fff;--surface-soft:#f8fafc;--text:#102033;--muted:#6c7a8f;--border:#dfe7ee;
  --nav:#061b29;--nav2:#0b2637;--nav3:#113346;--accent:#ff5a00;--accent2:#e94f00;--green:#16b86a;--red:#db4056;
  --blue:#3687ff;--yellow:#f0ae24;--shadow:0 10px 30px rgba(4,24,39,.08);--shadow-sm:0 2px 8px rgba(4,24,39,.06)
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.main{min-width:0}
.sidebar{background:linear-gradient(180deg,#041823 0%,#082435 66%,#071c2a 100%);color:#fff;padding:18px 10px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.05);overflow:hidden}
.sidebar:after{content:"";position:absolute;left:-25%;right:-25%;bottom:70px;height:220px;background:radial-gradient(ellipse at 50% 100%,rgba(58,93,116,.24),transparent 65%);pointer-events:none}
.brand-logo-wrap{padding:0 16px 25px;display:block}.brand-logo{display:block;width:178px;height:auto;max-height:86px;object-fit:contain;object-position:center}
nav{display:grid;gap:5px;position:relative;z-index:1}.nav-item{border:0;background:transparent;color:#d3dee8;border-radius:0 10px 10px 0;padding:12px 16px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:13px;font-size:14px;transition:.16s ease;position:relative}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(255,90,0,.26),rgba(255,90,0,.10));color:#ff7a28}.nav-item.active:before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:4px;background:var(--accent)}.nav-icon{width:24px;text-align:center;font-size:19px;color:inherit}
.sidebar-statement{margin-top:auto;padding:22px 18px 12px;display:grid;gap:4px;position:relative;z-index:1;font-size:13px;letter-spacing:.12em;color:#dbe7ef;line-height:1.3}.sidebar-statement i{display:block;width:50px;height:2px;background:var(--accent);margin-top:11px}
.sidebar-footer{padding:14px 14px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:10px;align-items:center;position:relative;z-index:1}.sidebar-footer strong{font-size:12px}.sidebar-footer span{display:block;color:#94a7b5;font-size:10px;margin-top:2px}
.avatar{width:36px;height:36px;border-radius:50%;background:#2b4355;color:#e9f1f7;display:grid;place-items:center;font-size:11px;font-weight:750;flex:0 0 auto}
.topbar{min-height:122px;padding:14px 28px 17px;background:linear-gradient(115deg,#081e2c,#071927 64%,#0a2332);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;box-shadow:0 8px 20px rgba(5,22,34,.14)}
.topbar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 0%,rgba(46,94,118,.2),transparent 38%);pointer-events:none}.topbar>*{position:relative;z-index:1}.topbar-search-wrap{min-width:430px;flex:1}.global-search{width:min(520px,60vw);height:38px;border:1px solid #203a4d;background:#102a3b;border-radius:8px;color:#b8c8d4;display:flex;align-items:center;padding:0 12px;gap:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.global-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#edf4f8;font-size:12px}.global-search input::placeholder{color:#94a9b8}.global-search kbd{font-size:10px;color:#9eb1bf;background:#17384b;border:1px solid #25485a;border-radius:5px;padding:3px 6px}
.page-copy{margin-top:14px}.page-copy h1{font-size:25px;line-height:1.1;margin:0 0 5px;color:#fff;letter-spacing:-.025em}.page-copy p,.muted{color:#8090a2;margin:0;font-size:12px}.topbar .page-copy p{color:#b0c0cc}
.top-actions{display:flex;gap:11px;align-items:center;margin-left:18px}.top-user{display:flex;gap:9px;align-items:center;color:#fff;padding:0 6px}.top-user b{display:block;font-size:12px}.top-user span{display:block;font-size:10px;color:#aabac5;margin-top:2px}
.btn{border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;background:white;color:#203044;transition:.16s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,#ff6a0b,#ff5600);border-color:#ff6500;color:#fff;box-shadow:0 7px 16px rgba(255,90,0,.2)}.btn.primary:hover{background:var(--accent2)}.btn.ghost{background:#fff;border-color:var(--border)}.topbar .btn.ghost{background:#102a3b;border-color:#274356;color:#d4e0e8}.btn.compact{padding:9px 11px;font-size:11px}.btn.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.hidden{display:none!important}
#view{padding:16px 16px 42px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2,.section-head h3{font-size:14px;margin:0}.section-head .muted{font-size:11px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow-sm)}.grid-kpi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px}.kpi{padding:14px;min-height:102px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.kpi.accent:before{background:var(--accent)}.kpi .label{font-size:11px;color:var(--muted);font-weight:650}.kpi .value{font-size:21px;font-weight:850;margin:6px 0 4px;letter-spacing:-.03em;color:#14263a}.kpi .sub{font-size:10px;color:var(--muted)}.kpi .positive{color:var(--green)}.kpi-icon{float:right;width:32px;height:32px;border-radius:50%;background:#fff0e7;color:var(--accent);display:grid;place-items:center;font-size:15px;margin-left:8px}.kpi-progress{margin-top:9px;height:5px;background:#dbe6ee;border-radius:999px;overflow:hidden}.kpi-progress i{display:block;height:100%;background:var(--accent);border-radius:999px}
.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.dashboard-analytics{display:grid;grid-template-columns:1fr 1.1fr .85fr;gap:12px;margin-bottom:12px}.panel{padding:14px}.panel h3{font-size:13px;margin:0 0 12px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-header h3{margin:0}.panel-select{font-size:10px;border:1px solid var(--border);border-radius:6px;padding:6px 8px;background:#fff;color:#405166}
.progress{height:7px;background:#e4ebf0;border-radius:99px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#ff5a00,#ff862f);border-radius:99px}.goal-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0}.goal-row small{color:var(--muted);font-size:10px}
.funnel-bars{display:flex;align-items:flex-end;gap:10px;height:145px;padding:10px 4px 0}.funnel-bar-item{flex:1;display:grid;grid-template-rows:1fr auto auto;gap:5px;align-items:end;text-align:center;min-width:0}.funnel-bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center}.funnel-bar-fill{width:min(60px,85%);min-height:8px;background:linear-gradient(180deg,#ff5b00,#ff8d3b);border-radius:5px 5px 1px 1px;box-shadow:0 5px 12px rgba(255,90,0,.12)}.funnel-bar-item b{font-size:12px}.funnel-bar-item span{font-size:9px;color:#617084;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.revenue-chart{height:150px;display:flex;align-items:flex-end;gap:7px;padding:10px 3px 0;border-bottom:1px solid #e6edf2;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#edf2f5 38px)}.revenue-point{flex:1;display:flex;align-items:flex-end;justify-content:center;position:relative}.revenue-point i{width:100%;max-width:30px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#ff6a0b,#ff8b38);min-height:3px;opacity:.88}.revenue-labels{display:flex;justify-content:space-between;padding-top:6px;font-size:9px;color:#758399}
.source-list{display:grid;gap:9px;margin-top:5px}.source-item{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:10px}.source-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.source-item:nth-child(2) .source-dot{opacity:.78}.source-item:nth-child(3) .source-dot{background:#19384b}.source-item:nth-child(4) .source-dot{background:#708293}.source-item:nth-child(5) .source-dot{background:#b2bec7}.source-item b{font-size:10px}
.dashboard-pipeline{margin-bottom:12px}.dashboard-pipeline .kanban{padding:0;gap:8px}.dashboard-pipeline .kanban-col{min-height:255px}.dashboard-pipeline .deal{padding:9px}.dashboard-pipeline .deal h4{font-size:10px}.dashboard-pipeline .deal p{font-size:9px}.dashboard-pipeline .deal .money{font-size:10px}.bottom-dashboard{display:grid;grid-template-columns:1.1fr 1.15fr .62fr;gap:12px}.brand-card{background:linear-gradient(135deg,#071b29,#102f43);color:#fff;overflow:hidden;position:relative;min-height:160px}.brand-card:after{content:"";position:absolute;right:-25px;bottom:-45px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,0,.36),rgba(255,90,0,0) 68%)}.brand-card img{width:150px;display:block;margin-bottom:12px}.brand-card strong{display:block;font-size:13px;letter-spacing:.12em;line-height:1.55;max-width:150px;position:relative;z-index:1}
.funnel{display:grid;gap:11px}.funnel-row{display:grid;grid-template-columns:120px 1fr 52px;gap:10px;align-items:center;font-size:12px}.bar{height:8px;background:#eef0f4;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:#27364b;border-radius:99px}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{text-align:left;color:#778195;font-size:9px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:10px;white-space:nowrap;background:#fbfcfd}.table td{border-bottom:1px solid #edf1f4;padding:11px 10px;white-space:nowrap}.table tr:hover td{background:#fafbfc}.clickable{cursor:pointer}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:750;background:#f1f5f9;color:#475569}.badge.green{background:#ecfdf3;color:#15803d}.badge.orange{background:#fff4ed;color:#c2410c}.badge.blue{background:#eff6ff;color:#1d4ed8}.badge.red{background:#fff1f2;color:#be123c}
.toolbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.toolbar input,.toolbar select{background:white;border:1px solid var(--border);border-radius:8px;padding:9px 10px;outline:none;font-size:11px}.toolbar input{min-width:250px}.kanban{display:grid;grid-template-columns:repeat(6,minmax(210px,1fr));gap:9px;overflow-x:auto;padding-bottom:10px}.kanban-col{background:#f2f6f9;border:1px solid #e1e9ef;border-radius:8px;padding:8px;min-height:500px}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 9px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.02em}.kanban-col:nth-child(1){border-top:2px solid #3b82f6}.kanban-col:nth-child(2){border-top:2px solid #ff8c42}.kanban-col:nth-child(3){border-top:2px solid #f5c242}.kanban-col:nth-child(4){border-top:2px solid #ad7cff}.kanban-col:nth-child(5){border-top:2px solid #4e89ff}.kanban-col:nth-child(6){border-top:2px solid #39b86b}.count{background:#dce6ee;color:#596579;border-radius:99px;padding:3px 7px;font-size:9px}.deal{background:white;border:1px solid #dce5ec;border-radius:7px;padding:10px;margin-bottom:7px;box-shadow:0 1px 3px rgba(15,23,42,.05);cursor:grab;transition:.16s ease}.deal:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(9,33,49,.08)}.deal.dragging{opacity:.45}.deal h4{font-size:11px;margin:0 0 5px}.deal p{font-size:9px;color:var(--muted);margin:3px 0}.deal .money{font-weight:850;color:#22384c;margin-top:8px;font-size:11px}
.mini-list{display:grid}.mini-item{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf1f4;font-size:10px}.mini-item:last-child{border-bottom:0}.mini-item b{display:block;font-size:10px}.mini-item div span{display:block;color:var(--muted);font-size:9px;margin-top:2px}.empty{padding:24px;color:#8996a7;text-align:center;font-size:11px}
.goal-layout{display:grid;grid-template-columns:minmax(280px,.65fr) 1.35fr;gap:12px}.settings-card{padding:15px}.settings-card h3{font-size:13px;margin:0 0 14px}.settings-card label{display:grid;gap:5px;font-size:10px;font-weight:700;color:#5b6574;margin:0 0 10px}.settings-card input,.settings-card textarea{border:1px solid var(--border);border-radius:7px;padding:9px;outline:none;background:#fff}.big-target{font-size:34px;font-weight:900;letter-spacing:-.045em;margin:4px 0 16px}.target-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.target-box{border:1px solid var(--border);border-radius:8px;padding:13px;background:#fbfcfd}.target-box b{display:block;font-size:21px;color:var(--accent);margin-bottom:3px}.target-box span{font-size:9px;color:var(--muted)}
.modal-backdrop{position:fixed;inset:0;background:rgba(3,15,25,.68);z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal{background:white;width:min(850px,100%);max-height:92vh;overflow:auto;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.modal-head{display:flex;justify-content:space-between;padding:18px 21px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:17px;margin:0 0 4px}.modal-head p{margin:0;color:var(--muted);font-size:11px}.icon-btn{border:0;background:#f4f6f8;border-radius:8px;width:34px;height:34px;font-size:21px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 21px}.form-grid label{display:grid;gap:6px;font-size:10px;font-weight:750;color:#4b5563}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--border);border-radius:7px;padding:9px 10px;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#ff9460;box-shadow:0 0 0 3px rgba(255,90,0,.08)}.span-2{grid-column:span 2}.modal-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;margin-top:4px}.toast{position:fixed;right:20px;bottom:20px;background:#0b2434;color:#fff;padding:11px 15px;border-radius:8px;box-shadow:var(--shadow);z-index:70;font-size:11px;border-left:3px solid var(--accent)}
@media(max-width:1250px){.grid-kpi{grid-template-columns:repeat(3,1fr)}.dashboard-analytics{grid-template-columns:1fr 1fr}.dashboard-analytics .card:last-child{grid-column:span 2}.bottom-dashboard{grid-template-columns:1fr 1fr}.bottom-dashboard .brand-card{grid-column:span 2}.top-user{display:none}}
@media(max-width:900px){.app{grid-template-columns:76px 1fr}.brand-logo-wrap{padding:2px 4px 24px}.brand-logo{width:67px}.nav-item{justify-content:center;padding:12px 8px;border-radius:8px}.nav-item span:last-child,.sidebar-statement,.sidebar-footer>div:last-child{display:none}.sidebar-footer{justify-content:center;padding-left:0;padding-right:0}.topbar{padding:12px 16px;min-height:104px}.topbar-search-wrap{min-width:0}.global-search{width:min(430px,65vw)}#view{padding:12px}.dashboard-grid,.goal-layout{grid-template-columns:1fr}.grid-kpi{grid-template-columns:repeat(2,1fr)}.dashboard-analytics{grid-template-columns:1fr}.dashboard-analytics .card:last-child{grid-column:auto}.bottom-dashboard{grid-template-columns:1fr}.bottom-dashboard .brand-card{grid-column:auto}.top-actions .compact{display:none}}
@media(max-width:650px){.app{display:block}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:66px;width:100%;z-index:45;padding:6px;background:#071c29}.brand-logo-wrap,.sidebar-footer,.sidebar-statement{display:none}nav{grid-template-columns:repeat(7,1fr);gap:0}.nav-item{padding:10px 4px;border-radius:7px}.nav-item.active:before{display:none}.nav-icon{font-size:16px}.main{padding-bottom:66px}.topbar{position:static;min-height:auto;padding:13px;display:block}.global-search{width:100%}.page-copy{margin-top:11px}.top-actions{margin:10px 0 0;justify-content:flex-end}.top-actions .compact{display:none}.grid-kpi{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.modal-actions{grid-template-columns:1fr 1fr}.modal-actions span{display:none}.target-list{grid-template-columns:1fr 1fr}}


/* ===== Financeiro ===== */
.finance-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.finance-tabs{display:flex;gap:5px;flex-wrap:wrap}.fin-tab{border:1px solid var(--border);background:#fff;color:#526173;padding:8px 12px;border-radius:8px;font-size:10px;font-weight:750;cursor:pointer}.fin-tab.active,.fin-tab:hover{border-color:#ffd0b5;background:#fff4ed;color:#d94d00}.finance-actions{display:flex;gap:8px}.finance-kpis .negative,.negative{color:var(--red)!important}.finance-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:12px;margin-bottom:12px}.cash-chart{height:220px;display:flex;align-items:flex-end;gap:18px;padding:12px 8px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#edf2f5 44px);border-bottom:1px solid var(--border)}.cash-month{flex:1;height:100%;display:grid;grid-template-rows:1fr auto;align-items:end;gap:7px;text-align:center}.cash-month>span{font-size:9px;color:var(--muted);text-transform:capitalize}.cash-bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px}.cash-bars i{width:min(24px,35%);min-height:3px;border-radius:4px 4px 0 0}.cash-in{background:linear-gradient(180deg,#16b86a,#4bd68f)}.cash-out{background:linear-gradient(180deg,#ff5a00,#ff9b63)}.chart-legend{display:flex;gap:16px;justify-content:center;margin-top:10px;font-size:9px;color:var(--muted)}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.legend-in{background:var(--green)}.legend-out{background:var(--accent)}.finance-summary{display:grid}.finance-summary>div{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f4;font-size:10px}.finance-summary>div:last-child{border-bottom:0}.finance-summary span{color:var(--muted)}.finance-summary b{font-size:12px}.finance-table-card{padding-bottom:4px}.finance-toolbar{margin:0}.finance-toolbar input{min-width:180px}.finance-toolbar input[type=month]{min-width:135px}
@media(max-width:1100px){.finance-grid{grid-template-columns:1fr}.finance-head{align-items:flex-start}.finance-toolbar{width:100%;margin-top:8px}}@media(max-width:650px){nav{grid-template-columns:repeat(8,1fr)}.finance-actions{width:100%}.finance-actions .btn{flex:1}.finance-tabs{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:3px}.fin-tab{white-space:nowrap}.cash-chart{gap:6px}.finance-toolbar input,.finance-toolbar select{width:100%;min-width:0}}