/* Daystar Studio — a macOS-inspired light workspace. Business state is unchanged. */
:root{--apple-accent:#007aff;--apple-ink:#1d1d1f;--apple-secondary:#6e6e73;--apple-separator:#dedee3;--apple-surface:#fff;--apple-background:#f5f5f7;--ink:var(--apple-ink);--muted:var(--apple-secondary);--teal:var(--apple-accent);--cyan:#007aff;--line:#e5e5ea;--bg:var(--apple-background);--soft:#edf5ff;--shadow:0 2px 10px #00000003;--ease:cubic-bezier(.22,.8,.25,1);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","PingFang SC",sans-serif;color-scheme:light;font-size:14px;-webkit-font-smoothing:antialiased}
body{background:var(--bg);color:var(--ink)}
::selection{background:#007aff26;color:#1d1d1f}
button:focus-visible,a:focus-visible{outline:3px solid #007aff70;outline-offset:3px}
input:focus,select:focus,textarea:focus{border-color:var(--apple-accent)!important;box-shadow:0 0 0 3px #007aff1f!important}
input[type=checkbox],input[type=range]{accent-color:var(--apple-accent)}
button:disabled{opacity:.4}
h1{font-size:32px;letter-spacing:-1.1px;font-weight:650;line-height:1.2}
h2{font-size:18px;letter-spacing:-.35px;font-weight:600}
h3{font-weight:600;letter-spacing:-.15px}
#sidebar{width:240px;padding:30px 16px 18px;background:rgba(238,238,242,.88);color:#1d1d1f;border-right:1px solid #dcdce180;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.brand{padding:1px 12px 30px;gap:10px}.brand-mark{width:34px;height:34px;border-radius:11px;background:#007aff;color:#fff;box-shadow:0 3px 8px #007aff18}.brand-mark svg{width:22px;height:22px}.brand-text{font-size:19px;letter-spacing:-.7px;color:#1d1d1f}.brand-text small{font-size:8px;letter-spacing:1.8px;color:#86868b;margin-top:5px}
.space-switch{background:#ffffff8f;border:1px solid #ffffffc7;border-radius:14px;margin:0 0 27px;width:100%;padding:13px 11px;color:#1d1d1f;box-shadow:0 1px 3px #00000004}.space-avatar{background:#e2e8f3;color:#426796;border-radius:9px;width:32px;height:32px}.space-switch strong{font-size:13px;font-weight:600}.space-switch small{color:#6e6e73;font-size:11px}.space-switch>svg{color:#8e8e93}
.nav-label{font-size:10px;letter-spacing:.25px;color:#8e8e93;padding:0 13px;margin-bottom:10px;font-weight:600}.nav-item{font-size:13px;color:#515154;gap:11px;border-radius:10px;padding:12px 13px;margin-bottom:4px}.nav-item>svg{color:#737378;width:18px;height:18px}.nav-item:hover{background:#e1e1e780;color:#1d1d1f}.nav-item.active{background:#dceaff;color:#0067da;font-weight:600}.nav-item.active>svg{color:#007aff}.nav-item.active:before{display:none}.nav-item .nav-num{background:#ffffff80;color:#6e6e73;font-size:9px;font-weight:500}.nav-spacer{height:26px}
.api-mini{background:#ffffff6e;border:1px solid #dcdce480;border-radius:14px;margin:24px 0 12px;padding:14px}.api-mini-title{font-size:11px;color:#515154;font-weight:500}.status-dot{background:#ff9f0a}.api-mini p{font-size:11px;line-height:1.8;color:#86868b}.api-mini button{color:#007aff;font-size:11px}.side-user{padding:11px 10px;border-top:1px solid #dcdce180}.avatar{background:#e4ebf8;color:#5175a4;font-size:12px;font-weight:600}.side-user strong{color:#3a3a3c;font-size:12px}.side-user small{color:#86868b;font-size:10px}
.workspace{margin-left:240px}#topbar{height:72px;padding:0 36px;background:#fafafbcc;border-bottom:1px solid #dedee380;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.breadcrumb{color:#86868b;font-size:12px}.breadcrumb strong{color:#515154;font-weight:500}.top-actions{gap:14px}.search-trigger{background:#e9e9ee8a;padding:7px 10px;border-radius:9px;color:#86868b;font-size:11px;gap:7px}.search-trigger kbd{background:#ffffff80;border-color:#d2d2d7;color:#86868b;border-radius:4px}.platform-tag{color:#515154;font-size:11px}.tiktok-mark{color:#1d1d1f;filter:none}.notification-dot:after{background:#007aff}.icon-btn{color:#86868b;border-radius:50%;height:34px;width:34px}.icon-btn:hover{background:#e8e8ed;color:#1d1d1f}
#main{padding:36px 36px 40px;max-width:1800px}.page-heading{margin-bottom:28px;align-items:center}.page-heading p{font-size:13px;color:#6e6e73;margin-top:10px}.eyebrow{color:#86868b;font-size:10px;letter-spacing:1.2px;margin-bottom:10px;font-weight:500}.eyebrow>span{background:#007aff!important}
.btn{border:1px solid #d2d2d7;border-radius:10px;background:#fff;color:#3a3a3c;box-shadow:0 1px 2px #00000004;font-size:12px;min-height:37px;line-height:18px;padding:9px 15px}.btn:hover{background:#f5f5f7;border-color:#bfbfc4;transform:none}.btn.primary,.btn.teal{background:#007aff;border-color:#007aff;color:white;box-shadow:0 1px 2px #004fbb15;font-weight:500}.btn.primary:hover,.btn.teal:hover{background:#0071ed;border-color:#0071ed}.btn.subtle{background:transparent;color:#0071e3;border-color:transparent;box-shadow:none}.btn.subtle:hover{background:#007aff0b}.btn.small{font-size:11px;min-height:30px;border-radius:8px}.btn.danger{color:#d63230;background:#fff;border-color:#f0d3d3}
.input,.select{border-color:#d2d2d7;color:#3a3a3c;border-radius:9px;font-size:12px;background:#ffffffd9;height:37px}.input::placeholder{color:#929297}.search-box svg{color:#86868b}.heading-actions{gap:9px}
.badge{border-radius:6px;background:#ededf1;color:#6e6e73;font-size:10px;font-weight:500;padding:4px 8px}.badge.teal,.badge.dark{background:#e9f2ff;color:#0067d9}.badge.green,.status-pill{background:#ecf8ef;color:#248745}.badge.amber{background:#fff4e5;color:#a66b06}.badge.red{background:#fff0ef;color:#cf4c45}
.panel{border-color:#e6e6eb;border-radius:20px;background:white;box-shadow:0 2px 8px #00000003}.panel-head{padding:24px 25px}.panel-head p{font-size:11px;line-height:1.6;color:#86868b}.section-title{font-size:16px}.demo-banner{background:#eeeef2;border:0;color:#6e6e73;border-radius:11px;font-size:11px;padding:12px 15px;margin-bottom:24px}.demo-banner svg,.demo-banner button{color:#0071e3}
.kpi-grid{gap:16px;margin-bottom:24px}.kpi-card{padding:23px 23px 20px}.kpi-label{font-size:12px;color:#6e6e73}.kpi-label svg{color:#a1a1a6}.kpi-number{font-size:34px;font-weight:600;letter-spacing:-1.3px;margin:17px 0 14px;color:#1d1d1f}.kpi-number .currency{color:#86868b;font-size:21px;font-weight:400}.kpi-bottom{font-size:10px;color:#86868b;gap:7px}.trend-up{color:#28894d}.trend-down{color:#d65c46}.spark{width:64px}.legend-dot{background:#007aff}.legend-dot.grey{background:#c7c7cc}.chart-tabs{color:#86868b;font-size:11px}.chart-tooltip{background:#fffffff0;color:#1d1d1f;border:1px solid #dedee3;box-shadow:0 8px 24px #00000010;backdrop-filter:blur(15px);border-radius:10px}.trend-chart{height:255px}
.health-panel{background:#fff;color:#1d1d1f;border-color:#e6e6eb}.health-panel:after{display:none}.health-panel .panel-head>svg{color:#007aff}.health-panel .panel-head p,.health-status p{color:#86868b}.health-status{border-bottom-color:#e5e5ea;gap:15px}.health-ring{background:conic-gradient(#007aff 0deg 306deg,#e9edf5 306deg 360deg)}.health-ring>div{background:white;color:#1d1d1f;font-size:26px;font-weight:600}.health-ring small{color:#86868b;font-weight:400;font-size:9px}.health-status h3{font-size:12px}.health-status p{font-size:11px}.health-row{color:#6e6e73;font-size:11px}.health-row strong{color:#515154;font-size:11px}.health-panel .btn{background:#f0f5ff;color:#0071e3;border-color:#e3edff;border-radius:10px;font-size:12px}.health-rows{gap:17px;padding-top:19px;padding-bottom:20px}
.table-scroll{border-radius:0 0 20px 20px}.campaign-name{color:#333336;font-size:12px;font-weight:500}.campaign-name:hover{color:#007aff}.name-cell small{font-size:10px;color:#86868b}.campaign-avatar{border-radius:8px;color:#5676a0;background:#e8effa!important;font-size:11px}.roas-good{color:#28894d}th{font-size:11px;color:#86868b}td{font-size:12px;color:#515154}td,th{border-bottom-color:#eeeef2}tbody tr:hover{background:#f9f9fb}
.alloc-title{font-size:11px;color:#86868b}.alloc-title strong{color:#515154}.alloc-bar{background:#f0f0f4;height:6px;border-radius:4px}.alloc-bar span{background:#3294ff}.alloc-row:nth-child(2) .alloc-bar span{background:#779cf4}.alloc-row:nth-child(3) .alloc-bar span{background:#afc3ec}.alloc-footer{font-size:11px;color:#86868b}.alloc-footer strong{color:#515154}
.tabs{gap:5px;border:0;padding:5px;background:#f0f0f4;border-radius:11px;margin:18px 22px 0;width:max-content;max-width:calc(100% - 44px)}.tab{padding:9px 17px;font-size:12px;color:#6e6e73;border-radius:8px;flex:1;white-space:nowrap}.tab.active{background:#fff;color:#1d1d1f;font-weight:500;box-shadow:0 2px 5px #0000000b}.tab.active:after{display:none}.tab small{background:#eaeaef;color:#6e6e73;font-size:10px}.table-toolbar{padding-top:20px;padding-bottom:20px}.bulk-bar{background:#edf5ff;border-color:#d9e9ff;color:#306697}.pagination{color:#86868b;font-size:11px}.page-count .current{background:#007aff;color:white;border-radius:6px}.switch{background:#d1d1d6;width:30px;height:18px}.switch:before{width:14px;height:14px}.switch.on{background:#34c759}.switch.on:before{transform:translateX(12px)}
.overlay-backdrop{background:#16161d30;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal{border-radius:22px;box-shadow:0 25px 90px #00000024,0 0 0 1px #ffffff80;overflow:hidden}.modal-header,.drawer-header{padding:25px 28px 22px;border-bottom-color:#e5e5ea;background:#ffffffeb}.modal-header h2,.drawer-header h2{font-size:21px;font-weight:600;letter-spacing:-.5px}.modal-header p,.drawer-header p{font-size:12px;line-height:1.7;color:#86868b}.modal-body{padding:25px 28px}.modal-footer{background:#fafafa;border-top-color:#e5e5ea}.drawer{box-shadow:-15px 0 65px #00000015}.drawer-body{padding:27px}.field>label{font-size:12px;color:#515154}.field small{font-size:11px;color:#86868b}.form-section{font-size:13px}.inline-note{background:#f2f2f7;color:#6e6e73;border-radius:11px;font-size:12px}.detail-stat{background:#f5f5f7;border-radius:12px}.detail-stat small,.detail-list>div{color:#86868b;font-size:11px}.detail-list strong{color:#3a3a3c}.detail-stat strong{font-size:26px;color:#1d1d1f}.timeline{border-left-color:#dedee3}.timeline>div{color:#515154}.timeline>div:before{background:#007aff}.timeline small{color:#86868b;font-size:11px}.preview-summary{background:#f0f5ff;border-radius:12px}.preview-summary small{color:#6e6e73}.check-option:has(input:checked){background:#edf5ff;border-color:#91beff}
.account-card{padding:25px}.account-card p{font-size:12px;color:#86868b}.account-metric{font-size:12px}.scope-row{padding:18px 24px;font-size:12px}.scope-row>svg{color:#007aff}.scope-row small{font-size:11px;color:#86868b}.task-icon{background:#eaf3ff;color:#007aff;border-radius:11px}.task-copy h3{font-size:13px}.task-copy p{color:#86868b;font-size:11px}.task-progress{background:#ededf2;height:5px}.task-progress>span{background:#007aff}.task-actions{color:#86868b;font-size:11px}.search-result{border-bottom-color:#eeeef2;color:#515154;font-size:13px;border-radius:9px;padding:14px 12px}.search-result:hover{background:#edf5ff}.search-result small{color:#86868b;font-size:11px}.shortcut-grid kbd{background:#f0f0f4;color:#515154}.mini-button{color:#0071e3;font-size:11px}.data-footnote{color:#86868b;font-size:11px}
.toast{background:#fffffff5;color:#333336;backdrop-filter:blur(20px);border:1px solid #e5e5ea;border-radius:14px;box-shadow:0 8px 30px #00000012;padding:13px 20px}.toast svg{color:#248745}.skip-link{background:#007aff;color:white;border-radius:10px}
@media(min-width:1650px){#main{padding:42px 48px}#topbar{padding:0 48px}.kpi-number{font-size:38px}}
@media(max-width:1250px){#sidebar{width:212px;padding-left:13px;padding-right:13px}.workspace{margin-left:212px}#main{padding:30px 26px}#topbar{padding:0 26px}.brand-text{font-size:17px}.kpi-card{padding:20px 18px}.kpi-number{font-size:29px}.spark{width:40px}.kpi-bottom{flex-wrap:wrap;row-gap:6px}}
@media(max-width:1050px){#sidebar{width:76px;padding:27px 11px}.workspace{margin-left:76px}.brand{padding:0 10px 30px}.nav-item{padding:14px 0;justify-content:center}.side-user{padding:10px 11px}.kpi-number{font-size:27px}.kpi-card{padding:19px 16px}.kpi-bottom{font-size:10px}.spark{display:none}.page-heading h1{font-size:29px}}
@media(max-width:800px){#main{padding:27px 20px}#topbar{height:65px;padding:0 20px}.top-actions{gap:7px}.search-trigger{padding:8px}.page-heading{gap:16px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.kpi-card{border-radius:17px;padding:20px}.kpi-number{font-size:29px}.panel-head{padding:21px}.demo-banner{font-size:11px}.account-grid{gap:15px}.modal-header,.drawer-header{padding:22px}.modal-body{padding:22px}.data-footnote{font-size:10px}.tabs{margin:16px 16px 0;max-width:calc(100% - 32px)}.tab{padding:9px 13px}.page-heading .heading-actions{width:100%}}
@media(max-width:520px){#main{padding:23px 16px}.kpi-grid{gap:11px}.kpi-card{padding:17px 12px}.kpi-label{font-size:11px}.kpi-number{font-size:22px;letter-spacing:-.8px}.kpi-number .currency{font-size:16px}.kpi-bottom{font-size:10px;gap:5px}.kpi-bottom>span:last-of-type{font-size:9px}.badge{font-size:9px}.panel{border-radius:17px}.breadcrumb{gap:7px;font-size:11px}.btn{padding:9px 12px}.modal-body{padding:21px 17px}.tabs{gap:2px}.tab{padding:8px 10px;font-size:11px}.tab small{font-size:9px}.input,.select{font-size:12px}.page-heading h1{font-size:27px}.task-actions{margin-left:47px}.chart-tabs{font-size:10px}}
@media(prefers-contrast:more){:root{--muted:#515154;--line:#b8b8bf}.panel,.input,.select,.modal{border-color:#b8b8bf}.page-heading p,.panel-head p,.data-footnote{color:#515154}.nav-item.active{outline:1px solid #007aff}.overlay-backdrop{backdrop-filter:none}}
@supports not (backdrop-filter:blur(10px)){#sidebar{background:#eeeef2}#topbar{background:#fafafa}.modal-header{background:#fff}.overlay-backdrop{background:#16161d55}}
@media(max-width:520px){.kpi-number{font-size:21px}.page-heading .heading-actions:has(#account-filter){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 36px;gap:7px}.page-heading .heading-actions:has(#account-filter) .select{width:100%;font-size:10px;padding:0 7px}.page-heading .heading-actions:has(#account-filter) .btn{padding:8px;min-width:0}}
@media(max-width:800px){.tabs{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.tabs .tab{flex-shrink:0}.pagination{gap:12px;flex-wrap:wrap}}