.dashboard-showcase {
  --dash-page:#fff6eb;
  --dash-card:#fffdf7;
  --dash-ink:#3c241c;
  --dash-muted:#896452;
  --dash-line:#e7ceba;
  --dash-brand:#923529;
  --dash-highlight:#ff9954;
  --dash-soft:#faeadd;
  padding:clamp(45px,6vw,85px) 0;
  background:linear-gradient(180deg,#ffe7d4,#fff0df);
  color:var(--dash-ink);
  overflow:clip;
}
[data-dashboard-mode=dark] .dashboard-showcase {
  --dash-page:#261b19;
  --dash-card:#342522;
  --dash-ink:#fff0e4;
  --dash-muted:#d9b6a3;
  --dash-line:#62463c;
  --dash-brand:#f29d85;
  --dash-soft:#402a23;
  background:linear-gradient(180deg,#2a1914,#211813);
}
.dashboard-showcase [hidden]{display:none!important}
.dashboard-showcase-layout{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:clamp(25px,4.2vw,66px)}
.dashboard-showcase-copy{max-width:390px}
.dashboard-eyebrow{font-size:12px;font-weight:700;color:var(--dash-brand);margin-bottom:13px}
.dashboard-showcase-copy h2{font-size:clamp(38px,4.1vw,60px);font-weight:700;line-height:1.22;letter-spacing:-.03em}
.dashboard-showcase-copy h2 em{font-style:normal;color:var(--dash-brand)}
.dashboard-showcase-copy>p:not(.dashboard-eyebrow){font-size:15px;line-height:1.95;color:var(--dash-muted);margin-top:20px}
.dashboard-showcase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px 20px;margin-top:26px}
.dashboard-showcase-actions>.home-button{font:inherit;font-size:14px}
.dashboard-showcase-actions>a{font-size:13px;font-weight:700;color:var(--dash-brand);text-decoration:underline;text-underline-offset:5px}
.dashboard-showcase-copy>small{display:block;color:var(--dash-muted);font-size:11px;margin-top:13px}
.dashboard-mount{position:relative;min-width:0;perspective:1800px}
.dashboard-mount::before,.dashboard-mount::after{content:"";position:absolute;inset:0;border:1px solid var(--dash-line);border-radius:19px;background:var(--dash-soft);transform:rotate(3deg) translate(-9px,5px);pointer-events:none}
.dashboard-mount::after{transform:rotate(-2deg) translate(8px,-6px);background:var(--dash-page)}
.dashboard-window{position:relative;z-index:1;border:1px solid var(--dash-line);border-radius:16px;background:var(--dash-page);box-shadow:0 28px 46px -28px #4c21137a;overflow:hidden;min-width:0;font-size:12px}
.dashboard-mount>.dashboard-window{transform:rotate(-1deg);transition:transform .2s}
.dashboard-mount>.dashboard-window:focus-within{transform:none}
.dashboard-browser{min-height:49px;display:flex;align-items:center;gap:12px;padding:8px 17px;background:var(--dash-card);border-bottom:1px solid var(--dash-line)}
.dashboard-browser>img{width:79px;height:29px;object-fit:contain}
.dashboard-browser>span{color:var(--dash-muted);font-size:11px;border-inline-start:1px solid var(--dash-line);padding-inline-start:12px}
.dashboard-browser>button{margin-inline-start:auto}
.dashboard-body{padding:17px}
.dashboard-report-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.dashboard-report-header h3{font-size:23px;line-height:1.25}
.dashboard-menu-name{color:var(--dash-muted);font-size:11px;margin-bottom:2px}
.dashboard-period{display:flex;align-items:center;gap:6px;color:var(--dash-muted);font-size:11px}
.dashboard-period select{padding:5px 7px;border:1px solid var(--dash-line);border-radius:8px;background:var(--dash-card);color:var(--dash-ink);font:inherit;font-weight:600}
.dashboard-window button,.dashboard-demo-dialog>.dashboard-dialog-toolbar button{font:inherit;cursor:pointer;color:var(--dash-ink)}
.dashboard-refresh,.dashboard-export,.dashboard-close{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;background:var(--dash-card);border:1px solid var(--dash-line);border-radius:8px;padding:5px 8px}
.dashboard-refresh{width:31px;padding:4px}
.dashboard-refresh svg{width:16px;height:16px}
.dashboard-window button:disabled{opacity:.55;cursor:default}
.dashboard-window .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.dashboard-window .stat-card{min-width:0;background:var(--dash-card);border:1px solid var(--dash-line);border-radius:11px;padding:10px 8px}
.dashboard-window .stat-card>div{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--dash-muted);white-space:normal}
.dashboard-window .icon-box{display:inline-grid;place-items:center;flex:none;width:25px;height:25px;border-radius:7px;background:var(--dash-soft);color:var(--dash-brand)}
.dashboard-window .icon-box svg{width:15px;height:15px}
.dashboard-window .stat-card>strong{display:block;font:700 clamp(19px,2vw,27px)/1.3 Arial,sans-serif;letter-spacing:-.04em;margin-block:8px 3px;text-align:start}
.dashboard-window .stat-card>small{display:block;font-size:9px;color:var(--dash-muted);line-height:1.5}
.dashboard-report-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:13px 0}
.dashboard-report-tabs button{border:1px solid transparent;background:transparent;padding:5px 9px;border-radius:7px;font-size:11px}
.dashboard-report-tabs button[aria-pressed=true]{border-color:var(--dash-line);background:var(--dash-brand);color:var(--dash-card)}
.dashboard-contents{min-height:335px}
.dashboard-panel{padding:13px;border:1px solid var(--dash-line);border-radius:11px;background:var(--dash-card);min-width:0}
.dashboard-panel h4{font-size:13px;font-weight:700;margin:0}
.dashboard-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}
.dashboard-panel-header>small{font-size:10px;color:var(--dash-muted)}
.dashboard-panel .graph{--brand-primary:var(--dash-brand);--brand-accent:var(--dash-highlight);--brand-line:var(--dash-line);margin-top:6px;direction:ltr}
.dashboard-panel .graph svg{display:block;width:100%;height:auto;overflow:visible}
.dashboard-panel .graph text{font:11px Arial,sans-serif;fill:var(--dash-muted)}
.dashboard-panel .graph circle{cursor:help}
.dashboard-panel .legend{display:flex;justify-content:center;gap:16px;font-size:10px;color:var(--dash-muted);margin-top:1px}
.dashboard-panel .legend>span{display:flex;align-items:center;gap:4px}
.dashboard-panel .legend i{width:9px;height:3px;background:var(--dash-brand);border-radius:2px}
.dashboard-panel .legend>span+span i{background:var(--dash-highlight)}
.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}
.dashboard-window .mini-list{display:grid;gap:9px}
.dashboard-window .mini-row{display:flex;align-items:center;gap:7px;padding-block:4px}
.dashboard-window .mini-row>.thumb{display:block;width:31px;height:31px;border-radius:7px;object-fit:cover;flex:none;background:var(--dash-soft)}
.dashboard-window .mini-row>div{flex:1;min-width:0}
.dashboard-window .mini-row b,.dashboard-window .mini-row small{display:block}
.dashboard-window .mini-row b{font-size:11px}
.dashboard-window .mini-row small{font-size:9px;color:var(--dash-muted)}
.dashboard-window .mini-row strong{font:700 12px Arial,sans-serif}
.dashboard-traffic-row{display:grid;grid-template-columns:minmax(60px,.8fr) minmax(0,1fr) auto;gap:7px;align-items:center;font-size:11px;padding:7px 0}
.dashboard-traffic-row>span{height:5px;background:var(--dash-soft);border-radius:4px;overflow:hidden}
.dashboard-traffic-row i{display:block;height:100%;background:var(--dash-brand);border-radius:4px}
.dashboard-traffic-row small{font:11px Arial,sans-serif;color:var(--dash-muted)}
.dashboard-window .empty{padding:20px 8px;text-align:center;color:var(--dash-muted)}
.dashboard-window .empty svg{display:none}
.dashboard-window .empty h3{font-size:14px}
.dashboard-window .empty p{font-size:11px}
.dashboard-report-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:10px;color:var(--dash-muted)}
.dashboard-dates{direction:ltr;font-variant-numeric:tabular-nums}
.dashboard-export{font-weight:600}
.dashboard-error{background:var(--dash-soft);color:var(--dash-brand);padding:10px;border-radius:8px;margin:10px 0}
.dashboard-demo-dialog{width:min(1050px,calc(100% - 30px));max-height:calc(100dvh - 30px);padding:14px;border:1px solid var(--dash-line);border-radius:16px;background:var(--dash-page);color:var(--dash-ink)}
.dashboard-demo-dialog::backdrop{background:#29140fe0}
.dashboard-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:14px}
.dashboard-dialog-mount .dashboard-body{padding:22px}
.dashboard-dialog-mount .dashboard-bottom{grid-template-columns:1fr 1fr}
.dashboard-dialog-mount .stat-card>div{font-size:13px}
.dashboard-dialog-mount .stat-card>small{font-size:11px}
.dashboard-dialog-mount .dashboard-panel h4{font-size:15px}
.dashboard-dialog-mount .dashboard-window{box-shadow:none}
@media(min-width:1100px){
  .dashboard-bottom .mini-row:nth-child(n+4){display:none}
}
@media(max-width:1050px){
  .dashboard-showcase-layout{grid-template-columns:.65fr 1.35fr;gap:24px}
  .dashboard-window .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-showcase-copy h2{font-size:39px}
  .dashboard-window .stat-card>div{font-size:11px}
}
@media(max-width:780px){
  .dashboard-showcase-layout{grid-template-columns:1fr;gap:35px}
  .dashboard-showcase-copy{max-width:570px}
  .dashboard-showcase-copy h2 br{display:none}
  .dashboard-showcase-copy h2{font-size:clamp(31px,6vw,42px)}
  .dashboard-showcase-copy h2 br::after{content:" "}
  .dashboard-showcase-copy>p:not(.dashboard-eyebrow){margin-top:12px;font-size:14px}
  .dashboard-showcase-actions{margin-top:17px}
  .dashboard-mount{max-width:680px;width:100%;margin:auto}
  .dashboard-contents{min-height:0}
}
@media(max-width:450px){
  .dashboard-body,.dashboard-dialog-mount .dashboard-body{padding:11px}
  .dashboard-report-header{gap:5px}
  .dashboard-period{flex-direction:column;align-items:flex-start;gap:1px}
  .dashboard-bottom,.dashboard-dialog-mount .dashboard-bottom{grid-template-columns:1fr}
  .dashboard-window .stat-card>strong{font-size:25px}
  .dashboard-window .stat-card>small{font-size:10px}
  .dashboard-panel .graph text{font-size:12px}
  .dashboard-mount>.dashboard-window{transform:none}
}
@media(prefers-reduced-motion:reduce){.dashboard-mount>.dashboard-window{transition:none}}

.dashboard-window .stat-card>strong,.dashboard-window .mini-row>strong,.dashboard-traffic-row>small{font-variant-numeric:tabular-nums}
.dashboard-traffic-row i{transform-origin:right center}
html[dir=ltr] .dashboard-traffic-row i{transform-origin:left center}
.dashboard-window[data-counting] .stat-card>strong{min-height:1.3em}