.dashboard{background:#f4f6fb}.dash-sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:#ffffff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.dash-sidebar .logo{font-size:26px;gap:5px}.dash-sidebar .logo img{width:31px;height:33px}.sidebar-label{font-size:10px;letter-spacing:1.5px;color:#667085;margin:48px 10px 18px}.dash-sidebar nav{display:flex;flex-direction:column;gap:8px}.dash-sidebar nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:14px 12px;border:0;border-radius:5px;color:#475467;background:transparent;font-size:13px}.dash-sidebar nav button>span{font-size:19px}.dash-sidebar nav button[aria-selected=true]{background:#e9eeff;color:#244be8;font-weight:600}.sidebar-bottom{margin-top:auto;padding:20px 10px 0}.sidebar-bottom p{font-size:12px;line-height:1.7;color:#667085;margin:16px 0 25px}.sidebar-bottom a{font-size:13px}.dash-main{margin-left:232px;padding:0 35px 30px;max-width:1900px}.dash-top{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#667085}.dash-top a{color:var(--blue)}.dash-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:33px 0 20px}.dash-title h1{font-size:35px;font-weight:600;letter-spacing:-1.5px;margin:10px 0}.dash-title p:not(.eyebrow){font-size:14px;color:#667085}.dash-title .button{font-size:13px;padding:12px 17px}.demo-note{font-size:12px;color:#344b89;background:#eef2ff;border:1px solid #d6dfff;padding:12px 16px;border-radius:5px;line-height:1.6}.dash-filters{display:flex;gap:18px;align-items:flex-end;margin:25px 0}.dash-filters label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#475467}.dash-filters select,.search-label input{font-size:13px;padding:11px 12px;background:#fff;border:1px solid #d6deeb;border-radius:4px;color:#202b3c}.dash-filters>span{font-size:12px;color:#667085;margin-left:auto;align-self:center;padding-top:20px}.dash-filters>button{background:none;border:0;color:var(--blue);font-size:12px;padding:10px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.metric-grid article{background:white;border:1px solid #dfe5ef;border-radius:7px;padding:23px}.metric-grid article>span{display:block;font-size:12px;color:#475467}.metric-grid strong{display:block;font-family:Manrope,sans-serif;font-size:34px;font-weight:500;letter-spacing:-1.5px;margin:14px 0 12px}.metric-grid small{font-size:11px;color:#667085}.dash-charts{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:22px;align-items:start}.dash-card{background:white;border:1px solid #dfe5ef;padding:26px;border-radius:7px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px}.card-heading h2{font-size:18px;font-weight:600;letter-spacing:-.5px;line-height:1.35}.card-heading p{font-size:12px;line-height:1.6;color:#667085;margin-top:6px}.chart-legend{font-size:11px;color:var(--blue);white-space:nowrap}.daily-chart{height:180px;display:flex;gap:3px;align-items:flex-end;border-bottom:1px solid var(--line);padding-top:20px;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#e8edf5 45px)}.daily-chart span{flex:1;min-width:2px;background:#258563;border-radius:3px 3px 0 0}.daily-chart span:hover{background:#244be8}.chart-axis{display:flex;justify-content:space-between;font-size:10px;color:#667085;margin-top:12px}.chart-data{font-size:12px;color:#475467;margin-top:24px}.chart-data summary{cursor:pointer}.chart-data table{margin-top:16px}.chart-data .table-scroll{max-height:250px;overflow:auto}.city-breakdown>article+article{margin-top:25px}.city-line{display:flex;justify-content:space-between;font-size:13px}.city-line strong{font-weight:500}.city-line span{font-size:11px;color:#667085}.city-bar{height:6px;background:#e8edf5;border-radius:4px;margin-top:11px}.city-bar i{display:block;height:100%;background:#258563;border-radius:4px}.card-footnote{font-size:11px;line-height:1.6;color:#667085;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.overview-bottom{margin-top:22px}.text-button{border:0;background:transparent;color:var(--blue);font-size:12px;padding:8px 0;white-space:nowrap}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-weight:500;color:#667085;padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:#f8faff}td{padding:16px 12px;border-bottom:1px solid #e8edf5;white-space:nowrap;color:#344054}td:first-child{font-weight:500}.search-label{font-size:11px;display:flex;flex-direction:column;gap:7px}.delivery-card{margin-top:24px}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.delivery-grid article{border-left:2px solid #244be8;padding-left:20px}.delivery-grid article>span{font-size:10px;color:#667085}.delivery-grid h3{font-size:16px;letter-spacing:-.5px;font-weight:500;margin:13px 0}.delivery-grid p{font-size:26px;font-weight:500}.delivery-grid small{display:inline-block;background:#e7f5ee;color:#176246;padding:5px 8px;border-radius:4px;font-size:10px;margin-top:14px}.creative-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:25px 0}.creative-pair .slip-front,.creative-pair .slip-back{height:145px}.creative-pair .slip-front p{font-size:23px}.creative-info{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);padding-top:27px;margin-top:25px}.creative-info>div{display:flex;flex-direction:column;gap:12px}.creative-info span{font-size:11px;color:#667085}.creative-info strong{font-size:14px;line-height:1.6;font-weight:500}.creative-info a{font-size:13px;align-self:flex-start}.dash-footer{font-size:11px;color:#667085;margin-top:32px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1100px){.dash-sidebar{width:200px;padding:24px 14px}.dash-sidebar .logo{font-size:23px}.dash-main{margin-left:200px;padding:0 24px 24px}.metric-grid{gap:10px}.metric-grid article{padding:18px}.metric-grid strong{font-size:28px}.dash-charts{grid-template-columns:1fr}.city-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:24px}.city-breakdown>article+article{margin-top:0}.dash-filters{flex-wrap:wrap}.dash-filters>span{margin-left:0}.creative-pair{grid-template-columns:1fr}.creative-pair>div{max-width:520px}}
@media(max-width:760px){.dash-sidebar{position:relative;inset:auto;width:100%;padding:18px 5vw;border-right:0;border-bottom:1px solid var(--line)}.sidebar-label{display:none}.dash-sidebar nav{flex-direction:row;overflow-x:auto;margin-top:20px;gap:8px}.dash-sidebar nav button{font-size:11px;white-space:nowrap;padding:11px 12px;gap:7px}.dash-sidebar nav button>span{font-size:15px}.sidebar-bottom{display:none}.dash-main{margin-left:0;padding:0 5vw 25px}.dash-top{height:58px;font-size:10px;gap:20px}.dash-title{align-items:flex-start;gap:14px;margin-top:25px}.dash-title h1{font-size:26px;letter-spacing:-1px}.dash-title .eyebrow{font-size:8px}.dash-title p:not(.eyebrow){font-size:12px}.dash-title .button{font-size:11px;padding:10px 12px;white-space:nowrap}.demo-note{font-size:11px}.dash-filters{gap:13px;margin:22px 0}.dash-filters label{flex:1;min-width:140px}.dash-filters select{width:100%;font-size:12px;padding:10px 8px}.dash-filters>span{padding:0;font-size:11px}.dash-filters>button{margin-left:auto;font-size:11px}.metric-grid{grid-template-columns:1fr 1fr;gap:12px}.metric-grid article{padding:17px}.metric-grid article>span{font-size:11px}.metric-grid strong{font-size:28px}.metric-grid small{font-size:10px;line-height:1.6;display:block}.dash-card{padding:20px 16px}.card-heading{gap:15px;align-items:flex-start;flex-wrap:wrap}.card-heading h2{font-size:17px}.card-heading p{font-size:11px}.city-breakdown{grid-template-columns:1fr}.daily-chart{height:155px}.delivery-grid{grid-template-columns:1fr;gap:25px}.delivery-grid article{padding-bottom:12px}.creative-info{grid-template-columns:1fr}.creative-pair .slip-front p{font-size:20px}.creative-pair .slip-back{padding:17px}.creative-pair .slip-back img{width:70px;height:70px}.search-label{width:100%}.search-label input{width:100%}}

.dash-sidebar .logo{gap:.207em}.dash-sidebar .logo img{display:block;width:.897em;height:.897em;transform:none}

/* Current Fortuners palette: blue actions, green campaign performance. */
.dashboard{--blue:#244be8;--accent:#244be8;--ink:#202b3c;--muted:#667085;--line:#dfe5ef;color:var(--ink)}
.dashboard .button{background:#244be8;border-color:#244be8;color:#fff}.dashboard .button:hover{background:#193ac8;border-color:#193ac8;color:#fff}
.dashboard .logo-dot,.dashboard .eyebrow{color:#244be8}.dashboard .demo-badge{background:#e9eeff;color:#244be8;border:1px solid #d6dfff}
.dash-sidebar nav button:hover{background:#f0f4ff;color:#244be8}.dash-sidebar nav button[aria-selected=true]{background:#e9eeff;color:#244be8}
.metric-grid article:nth-child(2),.metric-grid article:nth-child(3){background:#f3faf6;border-color:#cee7da}
.metric-grid article:nth-child(2) strong,.metric-grid article:nth-child(3) strong{color:#176246}
.metric-grid article:nth-child(2) small,.metric-grid article:nth-child(3) small{color:#217454}
.daily-chart span:hover{background:#176246}.chart-legend{color:#217454}.city-bar i{background:#244be8}
.dashboard :is(button,a,input,select):focus-visible{outline:2px solid #244be8;outline-offset:3px}
/* Refined dashboard layout. */
.dashboard{background:#f5f7fb;--line:#e6eaf1;font-size:14px}
.dashboard [hidden]{display:none!important}
.dash-sidebar{width:248px;padding:30px 22px;border-color:#e6eaf1}
.dash-main{margin-left:248px;padding:0 42px 36px}
.campaign-switch{display:flex;align-items:center;gap:10px;border:1px solid #e6eaf1;border-radius:12px;padding:13px 11px;margin-top:35px;background:#fafbfe}
.campaign-avatar{width:34px;height:34px;border-radius:9px;background:#e8dcff;color:#513977;display:grid;place-items:center;font-size:25px;font-weight:700}
.campaign-switch strong,.campaign-switch small{display:block}.campaign-switch strong{font-size:13px}.campaign-switch small{font-size:10px;color:#667085;margin-top:3px}.campaign-switch-dot{width:6px;height:6px;background:#258563;border-radius:50%;margin-left:auto}
.sidebar-label{font-size:9px;letter-spacing:1.6px;margin:29px 11px 14px;color:#8a94a5}
.dash-sidebar nav{gap:6px}.dash-sidebar nav button{border-radius:9px;padding:13px 12px;font-weight:500;transition:background .15s,color .15s}.dash-sidebar nav button svg{width:18px;height:18px;flex-shrink:0}.dash-sidebar nav button[aria-selected=true]{box-shadow:inset 3px 0 #244be8;background:#edf1ff}
.sidebar-bottom{padding:18px 9px 0;border-top:1px solid #e6eaf1}.sidebar-bottom p{font-size:11px}.dashboard .demo-badge{border:0;font-size:9px;letter-spacing:.6px;border-radius:5px}
.dash-top{height:78px;font-size:12px}.dash-top strong{color:#344054}.dash-top a{font-weight:500}
.dash-title{margin:32px 0 23px}.dash-title h1{font-size:34px;letter-spacing:-1.5px;font-weight:650;margin:9px 0 13px}.dash-title .eyebrow{font-size:9px;letter-spacing:1.5px}
.campaign-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px!important}.campaign-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:#e9f4ee;color:#217454;border-radius:5px;font-size:10px}.campaign-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:#258563}
.dashboard .button{border-radius:8px;font-weight:500;box-shadow:0 3px 7px #244be817}.demo-note{display:flex;align-items:center;gap:12px;background:#eef2ff;border:0;border-radius:9px;padding:12px 15px;font-size:11px;color:#52628c}.demo-note-label{font-size:9px;font-weight:700;letter-spacing:.7px;border:1px solid #cbd6f5;padding:3px 5px;border-radius:4px;flex-shrink:0}
.dash-filters{margin:24px 0 20px;gap:12px}.dash-filters label{font-size:10px;font-weight:500;color:#667085;gap:8px}.dash-filters select,.search-label input{border-radius:8px;border-color:#dfe5ee;min-height:40px;font-size:12px}.dash-filters>span{font-size:11px}.dash-filters>button{font-size:11px}
.metric-grid{gap:16px}.metric-grid article{padding:20px 21px;border-radius:12px;border-color:#e3e8f0;box-shadow:0 2px 3px #1e345003;background:#fff!important;min-width:0;position:relative;overflow:hidden}.metric-grid article:nth-child(2),.metric-grid article:nth-child(3){border-color:#dbe9e1}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#667085}.metric-label i{width:29px;height:29px;display:grid;place-items:center;background:#eef2ff;color:#244be8;border-radius:8px;flex-shrink:0}.metric-label svg{width:16px;height:16px}.metric-grid article:nth-child(2) i,.metric-grid article:nth-child(3) i{background:#eaf6ef;color:#258563}.metric-grid strong{font-size:35px;font-weight:600;line-height:1.1;margin:16px 0 12px;letter-spacing:-1.3px;font-variant-numeric:tabular-nums}.metric-grid small{font-size:10px}.metric-grid article:nth-child(2)::after,.metric-grid article:nth-child(3)::after{content:"";position:absolute;bottom:0;left:21px;right:21px;height:2px;background:#b9ddc9}
.dash-charts{grid-template-columns:1.65fr 1fr;gap:20px;margin-top:20px;align-items:stretch}.dash-card{padding:25px;border-radius:12px;border-color:#e3e8f0;box-shadow:0 2px 3px #1e345003}.card-heading{margin-bottom:20px}.card-heading h2{font-size:16px;font-weight:650;letter-spacing:-.4px;margin:0}.card-heading p{font-size:11px;margin-top:6px}.chart-legend{font-size:10px;background:#f0f8f3;padding:6px 8px;border-radius:5px}.chart-summary{display:flex;align-items:baseline;gap:9px;margin:0 0 13px;flex-wrap:wrap}.chart-summary strong{font-size:28px;letter-spacing:-.9px;font-weight:600}.chart-summary>span{font-size:10px;color:#667085}.chart-summary .chart-peak{margin-left:auto;font-size:9px;color:#258563}.daily-chart{height:175px;gap:5px;border-bottom-color:#e5ebe7;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#edf1f5 44px,transparent 45px)}.daily-chart span{background:#329571;border-radius:4px 4px 0 0;transition:height .25s,background .15s}.daily-chart span:last-child{background:#176246}.chart-axis{font-size:9px;margin-top:10px}.chart-data{font-size:10px;margin-top:19px}.city-line{font-size:12px;align-items:center}.city-line strong{font-weight:600}.city-line span{font-size:10px}.city-bar{height:7px;background:#edf1f8;margin-top:12px}.city-bar i{border-radius:5px}.city-breakdown>article+article{margin-top:25px}.card-footnote{font-size:10px;line-height:1.7;margin-top:25px;padding-top:18px}.overview-bottom{margin-top:20px}
th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:12px;background:#f8faff}td{font-size:12px;padding:17px 12px;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8faff}td:nth-child(n+3),th:nth-child(n+3){text-align:right}#top-locations td:nth-child(4){color:#217454;font-weight:600}.text-button{font-size:11px;font-weight:500}
.delivery-grid article{padding:18px;border:1px solid #e3e8f0;border-radius:10px;background:#fafcfe}.delivery-grid small{background:#e7f5ee;border-radius:5px}.creative-pair{padding:22px;border-radius:10px;background:#f5f7fb;gap:24px}.creative-pair .side-label{font-size:9px;letter-spacing:1px}.creative-info{gap:28px}.dash-footer{font-size:10px}
@media(max-width:1200px){.dash-sidebar{width:220px;padding:26px 16px}.dash-main{margin-left:220px;padding:0 26px 30px}.metric-grid{gap:10px}.metric-grid article{padding:17px 15px}.metric-label{font-size:10px}.metric-grid strong{font-size:29px}.dash-charts{grid-template-columns:1fr}.city-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:22px}.city-breakdown>article+article{margin-top:0}}
@media(max-width:760px){.dash-sidebar{width:100%;padding:20px 5vw 14px}.campaign-switch{display:none}.dash-main{margin-left:0;padding:0 5vw 28px}.dash-sidebar nav{margin-top:20px;gap:5px}.dash-sidebar nav button{padding:11px 10px;font-size:10px;gap:7px}.dash-sidebar nav button svg{width:15px;height:15px}.dash-sidebar nav button[aria-selected=true]{box-shadow:inset 0 -2px #244be8}.dash-top{height:57px;font-size:9px;gap:12px}.dash-title{margin:24px 0 18px;gap:10px;flex-wrap:wrap}.dash-title h1{font-size:27px;letter-spacing:-1px}.campaign-meta{gap:8px;font-size:10px!important}.campaign-pill{font-size:9px}.dash-title .button{font-size:10px;padding:10px 12px}.demo-note{align-items:flex-start;font-size:10px;gap:9px;padding:12px}.dash-filters{gap:12px}.dash-filters label{min-width:130px}.metric-grid{gap:11px}.metric-grid article{padding:16px 14px}.metric-label{font-size:10px;gap:4px}.metric-label i{width:24px;height:24px;border-radius:7px}.metric-label svg{width:14px;height:14px}.metric-grid strong{font-size:30px;margin:14px 0 10px}.metric-grid small{font-size:9px}.dash-card{padding:20px 16px}.card-heading h2{font-size:16px}.chart-summary .chart-peak{width:100%;margin:0}.daily-chart{gap:3px;height:155px}.city-breakdown{grid-template-columns:1fr}.creative-pair{padding:14px}.creative-pair .slip-front p{font-size:18px}.creative-pair .slip-back{padding:12px}.creative-pair .slip-back img{width:54px;height:54px}.creative-pair .slip-back .brand-logo{font-size:27px}.delivery-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){.daily-chart span,.dash-sidebar nav button{transition:none}}

#view-creative{margin-top:20px}