.reference-admin {
  --dash-sidebar: 270px;
  --dash-top: 59px;
  --dash-text: #f3f7ff;
  --dash-muted: #a9bfd5;
  --dash-line: #2c92b4;
  --dash-cyan: #02e1f4;
  --dash-green: #05ecab;
  background:#030a17;
  color:var(--dash-text);
}
.reference-admin [hidden] { display:none!important; }
.reference-admin .dash-icon { width:24px; height:24px; flex:none; display:inline-block; vertical-align:middle; }
.reference-admin .control { background:#030a17; }
.reference-admin .controlbar {
  min-height:var(--dash-top); height:var(--dash-top); padding:0 20px 0 calc(var(--dash-sidebar) + 42px);
  background:linear-gradient(110deg,#051324 18%,#082a50 45%,#151d60 74%,#021223 89%);
  border-color:#0b5375; gap:clamp(16px,4vw,82px); z-index:6;
}
.dash-top-left,.dash-top-logo,.dash-top-actions,.dash-account summary { display:flex; align-items:center; }
.dash-top-left { gap:16px; flex:none; }
.dash-top-logo { gap:5px; color:var(--dash-cyan); font-size:22px; font-weight:800; font-style:italic; white-space:nowrap; }
.dash-top-logo .dash-wordmark { display:block; width:174px; height:44px; object-fit:contain; }
.dash-menu,.dash-top-button { display:grid; place-items:center; padding:6px; background:transparent; color:var(--dash-text); }
.dash-menu { color:var(--dash-cyan); border-right:1px solid #193650; padding-right:15px; }
.dash-top-actions { gap:clamp(6px,1vw,22px); margin-left:auto; white-space:nowrap; }
.dash-top-button:hover,.dash-menu:hover { color:var(--dash-cyan); }
.dash-account { position:relative; }
.dash-account summary { gap:10px; list-style:none; cursor:pointer; }
.dash-account summary::-webkit-details-marker,.dash-subnav summary::-webkit-details-marker { display:none; }
.dash-avatar { width:44px; height:44px; display:grid; place-items:center; border:1px solid #477b9b; border-radius:50%; background:linear-gradient(140deg,#1b5379,#04101f); color:#e1f3ff; }
.dash-account b,.dash-account small { display:block; }
.dash-account b { font-size:14px; }
.dash-account small { font-size:10px; margin-top:3px; background:#2a4561; padding:2px 5px; border-radius:4px; }
.dash-account > a,.dash-account > button { display:block; padding:10px; width:100%; color:#fff; background:#0b2138; text-align:left; }
.dash-account[open] > :nth-child(2) { position:absolute; top:46px; }
.dash-account[open] > :nth-child(3) { position:absolute; top:82px; }
.dash-search { flex:1; max-width:468px; min-width:130px; display:flex; align-items:center; padding:0 10px; height:37px; border:1px solid #5986b3; border-radius:8px; background:#101d49; }
.dash-search .dash-icon { width:20px; height:20px; }
.dash-search input { flex:1; min-width:0; color:white; background:transparent; border:0; padding:7px; font:inherit; font-size:13px; }
.dash-search input::placeholder { color:#f2f6ff; opacity:.9; }
.reference-admin .control-layout { grid-template-columns:var(--dash-sidebar) minmax(0,1fr); }
.reference-admin .sidebar {
  display:flex; flex-direction:column; position:sticky; top:0; z-index:7; margin-top:calc(var(--dash-top) * -1);
  min-height:100vh; max-height:100vh; overflow:auto; padding:6px 13px 18px;
  background:radial-gradient(ellipse at bottom right,#101647,transparent 48%),#041221;
  border-right:1px solid #1e779b;
}
.dash-sidebar-logo { display:block; position:relative; min-height:94px; }
.dash-sidebar-logo .dash-wordmark { width:100%; height:77px; object-fit:contain; object-position:left center; }
.dash-sidebar-logo > span { position:absolute; left:92px; top:49px; color:var(--dash-cyan); font-size:25px; font-weight:800; font-style:italic; letter-spacing:.02em; }
.dash-sidebar-logo > span::after { content:""; display:inline-block; margin-left:6px; width:23px; height:18px; background:repeating-linear-gradient(to bottom,var(--dash-cyan) 0 2px,transparent 2px 7px); }
.dash-nav { display:grid; gap:3px; }
.dash-link {
  display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:13px; align-items:center;
  width:100%; min-height:36px; padding:6px 12px; text-align:left; border:1px solid transparent; border-radius:8px;
  color:#f5f8ff; background:transparent; font-size:15px; white-space:nowrap;
}
.dash-link > .dash-icon:last-child:not(:first-child) { width:15px; height:15px; }
.dash-link.selected,.dash-link:hover { background:linear-gradient(105deg,#087298,#06425a); border-color:#08b6d6; box-shadow:inset 3px 0 #10f0ff,0 0 11px #04dff047; }
.dash-subnav { margin:-4px 0 2px 48px; }
.dash-subnav summary { list-style:none; cursor:pointer; padding:3px 4px; font-size:12px; color:#a9bfd5; }
.dash-subnav summary .dash-icon { width:13px; height:13px; }
.dash-subnav button { display:flex; align-items:center; gap:8px; padding:3px 4px; text-align:left; width:100%; background:transparent; color:#f7f9ff; font-size:12px; }
.dash-subnav button:hover { color:var(--dash-cyan); }
.dash-subnav b { min-width:18px; font-size:16px; line-height:1; }
.reference-admin .dash-operation {
  margin:26px 4px 0; padding:11px 13px; border:1px solid #1fe0ff; border-radius:15px;
  display:grid; grid-template-columns:41px 1fr; gap:8px; align-items:center;
  background:radial-gradient(ellipse at top,#075778,#061829 80%); box-shadow:inset 0 0 12px #09d7ff7d,0 0 8px #04bcff38;
}
.dash-operation > .dash-icon { width:37px; height:37px; color:#ffd400; fill:#ffd400; }
.dash-operation strong,.dash-operation small { display:block; }
.dash-operation strong { font-size:17px; }
.dash-operation small { font-size:12px; }
.dash-operation button,.dash-video-action {
  grid-column:1/-1; padding:8px 10px; color:#fff; background:linear-gradient(#097a9d,#034561);
  border:1px solid #00d8f6; border-radius:8px; box-shadow:inset 0 0 10px #2cdfff8c; font-weight:700;
}
.reference-admin .controlmain {
  overflow:visible; padding:10px 15px 28px 23px;
  background:radial-gradient(ellipse 55% 280px at 62% -2%,#19124f,#071c38 68%,transparent),#030a17;
}
.reference-admin .control-title { min-height:66px; margin:0 0 10px; padding-inline:8px 1px; }
.reference-admin .control-title h1 { font-size:clamp(24px,2.15vw,36px); letter-spacing:-.035em; line-height:1; }
.reference-admin .control-title p { margin:5px 0; color:#e4edf7; font-size:clamp(12px,1.15vw,18px); }
.dash-controls { display:flex; gap:14px; }
.dash-period,.dash-refresh {
  height:39px; display:flex; gap:8px; align-items:center; padding:0 10px;
  background:linear-gradient(#132d48,#061522); border:1px solid #3a789c; border-radius:9px; color:#f7fbff;
}
.dash-period select { appearance:none; background:transparent; color:#fff; border:0; font:inherit; font-size:12px; cursor:pointer; }
.dash-period option { background:#0b2037; }
.dash-period .dash-icon { width:19px; height:19px; }
.dash-period .dash-icon:last-child { pointer-events:none; }
.dash-refresh { color:var(--dash-cyan); border-color:#05aaca; }
.reference-admin .metrics { gap:16px; }
.reference-admin .metric {
  min-height:87px; padding:10px 12px; border-radius:16px;
  display:grid; grid-template-columns:55px minmax(0,1fr) auto; grid-template-rows:1fr 1fr; column-gap:14px; row-gap:0;
  background:linear-gradient(160deg,#103a65,#041726 70%); border-color:#4c8ac2; box-shadow:inset 0 0 18px #2a7bd754;
}
.reference-admin .metric:nth-child(1) { background:linear-gradient(150deg,#073e3a,#041726 70%); border-color:#00c8a7; box-shadow:inset 0 0 15px #04d7a955; }
.reference-admin .metric:nth-child(3) { background:linear-gradient(150deg,#412177,#071527 72%); border-color:#8964c3; box-shadow:inset 0 0 15px #a659f157; }
.reference-admin .metric:nth-child(4) { background:linear-gradient(150deg,#075571,#051725 72%); border-color:#11b6d5; box-shadow:inset 0 0 15px #02bcea55; }
.reference-admin .metric-icon { grid-area:1/1/3/2; width:55px; align-self:center; color:#dcfaff; border:1px solid #7edbf14d; }
.reference-admin .metric-icon .dash-icon { width:33px; height:33px; }
.reference-admin .metric small { grid-area:1/2/2/4; font-size:13px; align-self:end; }
.reference-admin .metric strong { grid-area:2/2/3/3; font-size:25px; align-self:start; }
.reference-admin .metric .up { grid-area:2/3/3/4; align-self:center; white-space:nowrap; background:#102b42; color:#b5cfe0; border:1px solid #285371; }
.reference-grid,.dash-core,.dash-right,.dash-analysis,.dash-connections,.dash-bottom { display:grid; min-width:0; gap:12px; }
.reference-grid { margin-top:14px; grid-template-columns:minmax(0,1fr) minmax(0,26%); column-gap:16px; }
.dash-core { grid-template-rows:249px 146px; }
.dash-right { grid-template-rows:161px minmax(0,1fr); }
.dash-analysis { grid-template-columns:minmax(0,1.64fr) minmax(0,1fr); gap:15px; }
.dash-connections { grid-template-columns:minmax(0,1.42fr) minmax(0,1fr); gap:15px; }
.dash-bottom { grid-column:1/-1; grid-template-columns:minmax(0,.85fr) minmax(0,1.28fr) minmax(0,1fr); gap:15px; min-height:249px; }
.reference-grid .panel {
  border:1px solid #34a4cb; border-radius:17px; min-height:0; padding:12px 13px;
  background:linear-gradient(154deg,#0c2948 0,#041a2e 25%,#031324 64%,#052238 100%);
  box-shadow:inset 0 1px 9px #4ab9ff58,inset 0 -1px 9px #00b5e344;
}
.reference-admin .reference-grid .panel h2 { display:flex; gap:8px; align-items:center; margin:0 0 11px; line-height:1.12; font-size:clamp(14px,1.22vw,20px); letter-spacing:-.045em; }
.reference-grid h2 .dash-icon { color:var(--dash-cyan); }
.dash-panel-action { margin-left:auto; padding:1px 0; color:var(--dash-cyan); background:transparent; font-size:11px; letter-spacing:normal; font-weight:600; white-space:nowrap; }
.dash-panel-action:hover { text-decoration:underline; }
.dash-pill { margin-left:auto; border:1px solid #4a6688; background:#263e64; color:#fff; border-radius:7px; font-weight:600; font-size:11px; letter-spacing:normal; white-space:nowrap; padding:4px 7px; }
.reference-grid .chart-legend { margin-left:auto; font-weight:500; font-size:10px; letter-spacing:normal; }
.dash-chart { display:grid; grid-template-columns:30px 1fr 60px; grid-template-rows:146px auto; margin-top:22px; gap:5px 4px; min-width:0; }
.chart-axis { display:flex; flex-direction:column; justify-content:space-between; font-size:12px; }
.axis-sales { text-align:right; color:#18e3f4; }
.axis-money { color:#f8a1fd; }
.chart-area { align-self:stretch; display:grid; place-items:center; border-left:1px solid #51728c; border-bottom:1px solid #51728c; background:repeating-linear-gradient(to top,transparent 0 calc(20% - 1px),#31506a 20%); }
.chart-placeholder { font-size:12px; color:#a6bfd7; padding:7px; text-align:center; }
.axis-date { grid-column:2; display:flex; justify-content:space-between; gap:2px; font-size:11px; }
.reference-grid .market-chart { grid-template-columns:minmax(0,1fr) minmax(0,1fr); margin-top:22px; gap:13px; }
.reference-grid .donut { width:min(100%,156px); }
.reference-grid .donut.empty { background:conic-gradient(#31536c 0 31.4%,#2b4961 31.4% 56.2%,#25475d 56.2% 74.8%,#203e59 74.8% 84.5%,#294a63 84.5% 92.4%,#365973 92.4%); }
.reference-grid .donut:after { width:65%; height:65%; background:#06182c; }
.reference-grid .share-legend { gap:9px; font-size:12px; }
.reference-grid .share-legend div { grid-template-columns:15px minmax(0,1fr) auto; }
.reference-grid .share-legend i { width:13px; height:13px; }
.reference-grid .goal-panel > div:nth-child(2) { margin:9px 0 10px!important; font-size:25px!important; }
.reference-grid .goal-panel > div:nth-child(3) { height:15px!important; }
.reference-grid .goal-panel .alert { display:flex; gap:7px; align-items:center; margin:9px 0 0; padding:5px 8px; border:1px solid #2b7a9b; background:#064260; }
.goal-panel .alert .dash-icon { color:var(--dash-cyan); }
.alerts-panel h2 .dash-icon { color:#ff4668; }
.dash-alert { display:grid; grid-template-columns:34px 1fr 14px; align-items:center; gap:8px; width:100%; margin:6px 0; padding:6px; text-align:left; border:1px solid #2c5e7e; border-radius:10px; color:#f6f8ff; background:linear-gradient(#112f48,#071d31); }
.dash-alert > .dash-icon:first-child { width:33px; height:33px; padding:5px; border-radius:7px; color:#ffdb19; background:#62501b54; }
.dash-alert:nth-of-type(2) > .dash-icon:first-child { color:#22d7ff; background:#057bad56; }
.dash-alert:nth-of-type(3) > .dash-icon:first-child { color:#fa4c8a; background:#9b2d574b; }
.dash-alert > .dash-icon:last-child { width:15px; height:15px; }
.dash-alert b,.dash-alert small { display:block; }
.dash-alert b { font-size:12px; }
.dash-alert small { font-size:11px; color:#d4e3f1; }
.reference-grid .integration-tiles { grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; }
.reference-grid .integration-tiles > *, .reference-grid .campaign-panel .list { border:1px solid #235d81; background:linear-gradient(#0f314d,#06192b); border-radius:10px; }
.reference-grid .integration-tiles > * { min-height:85px; padding:5px 2px; text-align:center; color:white; }
.reference-grid .integration-tiles strong { display:grid; place-items:center; height:33px; }
.reference-grid .integration-tiles .market-logo { display:inline-block; width:34px; height:30px; }
.reference-grid .integration-tiles .logo-magalu { width:auto; font-size:clamp(9px,1.03vw,17px); color:#14b8ff; }
.reference-grid .integration-tiles span,.reference-grid .integration-tiles small { line-height:1.65; }
.market-more > .dash-icon { display:block; margin:auto; height:33px; }
.logo-tiktok { font-size:26px!important; line-height:1!important; color:white; text-shadow:-2px 0 #25e6df,2px 1px #ff3157; }
.logo-amazon { position:relative; line-height:1!important; font-size:25px!important; color:white; font-family:Georgia,serif; }
.logo-amazon::after { content:""; position:absolute; left:6px; right:6px; height:6px; bottom:0; border-bottom:2px solid #ffae32; border-radius:50%; }
.reference-grid .campaign-panel .list { width:32%; min-height:84px; vertical-align:top; font-size:12px; gap:4px; }
.reference-grid .campaign-panel .list > span { display:flex; justify-content:center; align-items:center; gap:4px; }
.campaign-logo { display:inline-block; width:23px; height:24px; }
.logo-meta { color:#21aaff; font-size:29px; line-height:.77; }
.campaign-panel .list small { color:#b6c9d7; font-size:9px; }
.reference-grid .ai-preview { margin-top:12px; gap:9px; }
.reference-grid .ai-preview img { width:55%; height:125px; object-fit:cover; border-radius:10px; border:1px solid #678ac2; }
.reference-grid .ai-preview ul { padding:0; list-style:none; font-size:11px; }
.reference-grid .ai-preview li { margin:4px 0; white-space:nowrap; }
.reference-grid .ai-preview .dash-icon { width:16px; height:16px; margin-right:5px; color:var(--dash-green); }
.reference-grid .video-panel p { margin:-7px 0 8px 31px; color:#d9e8f4; }
.dash-video-action { display:block; margin:9px auto 0; width:78%; padding:4px 8px; font-size:13px; }
.dash-video-action .dash-icon { width:19px; height:19px; }
.reference-grid .table th,.reference-grid .table td { padding:4px 5px; text-align:left; font-size:11px; border-color:#19354a; }
.reference-grid .table th,.reference-grid .table tr:nth-child(odd) td { background:#0b243a; }
.reference-grid .table th { white-space:nowrap; }
.dash-thumb { display:inline-block; vertical-align:middle; width:26px; height:26px; margin-right:5px; border-radius:5px; background:url("./produtos.png") var(--product-x,0%) var(--product-y,0%) / 300% 200% no-repeat; }
.reference-grid .finance .list { align-items:center; gap:6px; padding:7px 4px; background:#0a2238; border-color:#20435f; }
.reference-grid .finance .list .dash-icon { margin-right:7px; width:18px; height:18px; color:var(--dash-green); }
.reference-grid .finance .list:nth-of-type(2) .dash-icon { color:#ff536e; }
.reference-grid .finance .list:nth-of-type(3) .dash-icon { color:var(--dash-cyan); }
.dash-net { margin-top:5px; padding:8px; border:1px solid #117c63; border-radius:8px; background:#022720; }
.reference-grid .finance .dash-net h3 { margin:0 0 4px; padding:0; display:flex; justify-content:space-between; background:none; color:var(--dash-green); font-size:16px; }
.dash-net > b { display:flex; justify-content:space-between; font-size:12px; }
.reference-admin .admin-return { display:none; }
.reference-admin .catalog-editor { scroll-margin-top:72px; }
.reference-admin .editor-close { margin-left:8px; }
.reference-admin.dash-sidebar-closed { --dash-sidebar:0px; }
.reference-admin.dash-sidebar-closed .sidebar { display:none; }
.reference-admin.dash-sidebar-closed .controlmain { grid-column:2; }
@media(max-width:1400px) {
  .reference-admin { --dash-sidebar:235px; }
  .reference-admin .controlbar { gap:19px; padding-left:calc(var(--dash-sidebar) + 20px); }
  .dash-sidebar-logo > span { left:80px; font-size:21px; }
  .reference-admin .metric { column-gap:8px; grid-template-columns:44px minmax(0,1fr) auto; }
  .reference-admin .metric-icon { width:44px; }
  .reference-admin .metric .up { font-size:9px; }
}
@media(max-width:1200px) {
  .reference-admin .controlmain { padding-inline:14px; }
  .reference-admin .controlbar { gap:13px; }
  .dash-top-logo .dash-wordmark { width:133px; }
  .dash-top-logo { font-size:17px; }
  .reference-grid { grid-template-columns:1fr; }
  .dash-right { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .dash-bottom { grid-column:auto; grid-template-columns:1fr 1fr; }
  .dash-bottom .finance { grid-column:1/-1; }
}
@media(max-width:1000px) {
  .reference-admin { --dash-sidebar:0px; }
  .reference-admin .controlbar { padding-inline:10px; }
  .reference-admin .controlmain { grid-column:2; }
  .reference-admin .sidebar { display:none; }
  .reference-admin.dash-sidebar-open .sidebar {
    display:flex; position:fixed; z-index:9; margin:0; top:var(--dash-top); left:0; width:min(270px,86vw);
    min-height:0; height:calc(100dvh - var(--dash-top)); box-shadow:12px 0 40px #000a;
  }
}
@media(max-width:620px) {
  .dash-search,.dash-top-button,.dash-account small { display:none; }
  .dash-top-logo .dash-wordmark { width:95px; }
  .dash-top-logo { font-size:14px; }
  .dash-account summary { gap:4px; }
  .dash-account b { font-size:11px; }
  .dash-avatar { width:30px; height:30px; }
  .reference-admin .metrics { gap:8px; }
  .reference-admin .metric { grid-template-columns:35px 1fr; padding:7px; }
  .reference-admin .metric-icon { width:34px; }
  .reference-admin .metric-icon .dash-icon { width:23px; height:23px; }
  .reference-admin .metric small { grid-column:2; font-size:10px; }
  .reference-admin .metric .up { grid-area:auto/2; padding:2px 4px; }
  .dash-analysis,.dash-connections,.dash-right,.dash-bottom { grid-template-columns:1fr; }
  .dash-core,.dash-right { grid-template-rows:auto; }
  .dash-bottom .finance { grid-column:auto; }
  .reference-grid .table th { white-space:normal; }
  .reference-grid .table th,.reference-grid .table td { font-size:9px; padding-inline:2px; }
  .reference-grid .chart-legend { flex-direction:column; gap:3px; }
  .reference-grid .market-chart { margin-top:8px; }
  .reference-grid .ai-preview img { height:106px; }
}