@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}:root,[data-theme=light]{color-scheme:light;--font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg: #F5F6F8;--surface: #FFFFFF;--surface-2: #F0F2F5;--surface-3: #E8EBF0;--border: #E2E5EA;--border-hover:#CBD0D8;--text-1: #14181F;--text-2: #5B6270;--text-3: #8A9099;--navy: #0B3D91;--navy-600: #0E4DAF;--navy-700: #0A2E6E;--navy-alpha: rgba(11, 61, 145, .08);--teal: #0EA5A4;--teal-700: #0C7B79;--amber: #B7791F;--amber-bg: #FCEFD9;--red: #C0362C;--red-bg: #FBE7E5;--green: #1D7A4C;--green-bg: #E4F4EA;--chart-1: #378ADD;--chart-2: #7F77DD;--chart-3: #1D9E75;--chart-4: #D85A30;--chart-5: #888780;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(20,24,31,.06);--shadow-md: 0 4px 12px rgba(20,24,31,.08);--shadow-lg: 0 12px 32px rgba(20,24,31,.1);--shadow-card: 0 1px 3px rgba(20,24,31,.06), 0 1px 2px rgba(20,24,31,.04);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{color-scheme:dark;--bg: #0C0F14;--surface: #161B22;--surface-2: #1C2129;--surface-3: #242A34;--border: #2A3040;--border-hover:#3A4150;--text-1: #E6EDF3;--text-2: #9EAAB8;--text-3: #6B7A8D;--navy: #4A9FFF;--navy-600: #5DAFFF;--navy-700: #3A8FEF;--navy-alpha: rgba(74, 159, 255, .12);--teal: #2DD4BF;--teal-700: #14B8A6;--amber: #F59E0B;--amber-bg: rgba(245, 158, 11, .15);--red: #F87171;--red-bg: rgba(248, 113, 113, .15);--green: #34D399;--green-bg: rgba(52, 211, 153, .15);--chart-1: #60A5FA;--chart-2: #A78BFA;--chart-3: #34D399;--chart-4: #FB923C;--chart-5: #9CA3AF;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px rgba(0,0,0,.5);--shadow-card: 0 1px 3px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.03)}html{font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text-1)}body{margin:0}@layer components{.animate-in{animation:loginFadeIn .35s ease both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn.primary{background:var(--navy);color:#fff;box-shadow:var(--shadow-sm)}.btn.primary:hover{background:var(--navy-600)}}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-shell{display:flex;min-height:100vh}.main-pane{flex:1;display:flex;flex-direction:column;min-width:0}.page-content{flex:1;padding:20px 24px 48px;max-width:1320px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb}[data-theme=dark] .topbar{background:#161b22eb}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-logo-pill{display:flex;align-items:center;justify-content:center;height:40px;padding:4px 8px;border-radius:10px;border:0;background:transparent}[data-theme=dark] .topbar-logo-pill{background:transparent;border:1px solid rgba(255,255,255,.04)}.topbar-logo-image{height:28px;width:auto;max-width:140px;display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.topbar-logo-box{background:var(--surface);padding:8px 10px;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}[data-theme=dark] .topbar-logo-box{background:var(--surface-2);border:1px solid rgba(255,255,255,.04)}.topbar-logo{width:32px;height:32px;border-radius:8px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}[data-theme=dark] .topbar-logo{background:linear-gradient(135deg,#4a9fff,#7f77dd)}.topbar-brand{font-size:15px;font-weight:600;letter-spacing:-.01em}.topbar-brand-sub{font-size:12px;color:var(--text-3);margin-left:4px}.topbar-right,.topbar-section{display:flex;align-items:center;gap:8px}.icon-btn{width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-2);cursor:pointer;transition:var(--transition-fast);font-size:16px;flex-shrink:0}.icon-btn:hover{border-color:var(--border-hover);color:var(--text-1);background:var(--surface-2);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.icon-btn svg{width:16px;height:16px}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal-700));color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-dropdown-wrap{position:relative}.client-dropdown-trigger{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);cursor:pointer;transition:var(--transition-fast);font-size:13px;font-weight:600;color:var(--text-1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.client-dropdown-trigger:hover{border-color:var(--border-hover);background:var(--surface-3)}.client-dropdown-trigger .label{font-size:10px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.client-dropdown-trigger .chevron{font-size:14px;color:var(--text-3);transition:transform .2s ease}.client-dropdown-trigger.open .chevron{transform:rotate(180deg)}.client-avatar-sm{width:24px;height:24px;border-radius:6px;background:var(--navy);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}[data-theme=dark] .client-avatar-sm{background:linear-gradient(135deg,#4a9fff,#7f77dd)}.client-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;padding:6px;animation:dropdownSlideIn .2s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=dark] .client-dropdown-menu{background:#1c2129f2}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.client-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);font-size:13px;font-weight:500;color:var(--text-1);border:none;background:none;width:100%;text-align:left}.client-dropdown-item:hover{background:var(--navy-alpha);color:var(--navy)}.client-dropdown-item.active{background:var(--navy-alpha);color:var(--navy);font-weight:600}.client-dropdown-item .check{margin-left:auto;font-size:16px;color:var(--navy)}.page-head{padding:16px 0 4px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.breadcrumb{font-size:12px;color:var(--text-3);margin:0 0 6px}.page-title{font-size:22px;font-weight:700;margin:0;letter-spacing:-.02em}.page-meta{font-size:13px;color:var(--text-2);margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill)}.status-pill.live{background:var(--green-bg);color:var(--green)}.status-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.head-actions{display:flex;gap:8px;align-items:flex-start}.btn{font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-1);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast);white-space:nowrap}.btn:hover{background:var(--surface-2);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0);box-shadow:none}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover{background:var(--navy-600);border-color:var(--navy-600)}.btn i{font-size:15px}.filter-row{display:flex;gap:8px;margin:14px 0 20px;flex-wrap:wrap}.filter-chip{font-size:13px;padding:7px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-2);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:var(--transition-fast)}.filter-chip:hover{background:var(--surface-2);border-color:var(--border-hover)}.filter-chip strong{color:var(--text-1);font-weight:600}.filter-chip i{font-size:14px}.filter-control{cursor:default}.filter-control select{min-width:92px;max-width:190px;border:0;background:transparent;color:var(--text-1);font:inherit;font-weight:600;outline:none;cursor:pointer}.filter-chip button,button.filter-chip{font:inherit}.cmp-toolbar-select{gap:6px;cursor:default}.cmp-toolbar-select select{border:0;background:transparent;color:inherit;font:inherit;font-weight:600;outline:none;cursor:pointer}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:22px}.tab{font-size:13.5px;font-weight:600;color:var(--text-2);padding:10px 4px;margin-right:20px;border:none;border-bottom:2px solid transparent;cursor:pointer;background:none;display:flex;align-items:center;gap:6px;transition:var(--transition-fast);position:relative;white-space:nowrap}.tab i{font-size:16px}.tab:hover{color:var(--text-1)}.tab.active{color:var(--navy);border-bottom-color:var(--navy)}.tabpanel{display:none;animation:fadeIn .3s ease}.tabpanel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:22px}@media (max-width: 1100px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:var(--transition);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,var(--navy-alpha),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.metric-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card:hover:before{opacity:1}.metric-label{font-size:11px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.metric-value{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0;font-variant-numeric:tabular-nums}.metric-delta{font-size:12px;font-weight:600;margin-top:6px;display:flex;align-items:center;gap:3px}.metric-delta.up{color:var(--green)}.metric-delta.down{color:var(--red)}.metric-delta i{font-size:14px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:18px;transition:var(--transition)}.panel:hover{box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.panel-title{font-size:14.5px;font-weight:600;margin:0}.panel-sub{font-size:12.5px;color:var(--text-3);margin:2px 0 0}.seg-control{display:flex;background:var(--surface-2);border-radius:var(--radius-md);padding:3px;gap:2px}.seg-btn{font-size:12px;font-weight:600;padding:5px 11px;border-radius:6px;border:none;background:none;color:var(--text-2);cursor:pointer;transition:var(--transition-fast)}.seg-btn:hover{color:var(--text-1)}.seg-btn.active{background:var(--surface);color:var(--text-1);box-shadow:var(--shadow-sm)}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:18px}@media (max-width: 1000px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}@media (max-width: 1000px){.grid-3{grid-template-columns:1fr}}.chart-wrap{width:100%}.chart-wrap svg{display:block;width:100%;height:auto;overflow:visible}.donut-wrap{display:flex;justify-content:center}.donut-wrap svg{width:auto;max-height:220px}.legend-row{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-2);margin-bottom:10px}.legend-row span{display:flex;align-items:center;gap:6px}.legend-row i.dot{width:9px;height:9px;border-radius:2px;display:inline-block}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-weight:600;padding:9px 10px;border-bottom:1px solid var(--border);white-space:nowrap}table.data td{padding:11px 10px;border-bottom:1px solid var(--border);color:var(--text-1);white-space:nowrap;transition:background .15s ease}table.data tr:last-child td{border-bottom:none}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data tr:hover td{background:var(--surface-2)}.row-label{display:flex;align-items:center;gap:8px;font-weight:500}.bar-cell{position:relative;width:80px;height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px}.bar-fill{position:absolute;left:0;top:0;height:100%;background:var(--navy);border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.flag{width:18px;height:13px;border-radius:2px;background:var(--surface-2);display:inline-block;flex-shrink:0}.device-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.badge.ok{background:var(--green-bg);color:var(--green)}.badge.warn{background:var(--amber-bg);color:var(--amber)}.badge.bad{background:var(--red-bg);color:var(--red)}.pacing-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}.pacing-row:last-child{border-bottom:none}.pacing-name{width:190px;font-size:13px;font-weight:600;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pacing-track{flex:1;height:8px;background:var(--surface-2);border-radius:4px;position:relative;overflow:hidden}.pacing-fill{position:absolute;left:0;top:0;height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.pacing-target{position:absolute;top:-3px;width:2px;height:14px;background:var(--text-1);border-radius:1px}.pacing-pct{width:50px;text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.pacing-spend{width:140px;text-align:right;font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}.trend-up{color:var(--green);font-weight:600}.trend-down{color:var(--red);font-weight:600}.footnote{font-size:12px;color:var(--text-3);margin-top:18px;line-height:1.6;padding:14px 16px;background:var(--surface-2);border-radius:var(--radius-md)}.footnote code{background:var(--surface);padding:1px 5px;border-radius:4px;font-size:11.5px;border:1px solid var(--border)}.recharts-cartesian-grid-horizontal line{stroke:var(--border)!important}.recharts-text{fill:var(--text-3)!important}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--surface)!important;border-color:var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;font-size:12px!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}@media (max-width: 768px){.page-content{padding:16px}.page-head{gap:12px}.page-title{font-size:18px}.topbar{padding:10px 16px}.pacing-name{width:140px;font-size:12px}.pacing-spend{width:110px;font-size:11px}.filter-row{gap:6px}}@media (max-width: 480px){.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.head-actions{flex-direction:column}.tabs{overflow-x:auto;flex-wrap:nowrap;gap:0}.tab{margin-right:12px}}.client-dropdown-search-wrap{padding:8px 8px 6px;border-bottom:1px solid var(--border);position:relative}.client-dropdown-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.client-dropdown-search-input{width:100%;padding:8px 10px 8px 32px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:13px;background:var(--surface-2);color:var(--text-1);outline:none;transition:var(--transition-fast)}.client-dropdown-search-input:focus{border-color:var(--navy);background:var(--surface);box-shadow:0 0 0 3px #0b3d9114}[data-theme=dark] .client-dropdown-search-input:focus{box-shadow:0 0 0 3px #4a9fff26}.client-dropdown-search-input::-moz-placeholder{color:var(--text-3)}.client-dropdown-search-input::placeholder{color:var(--text-3)}.client-dropdown-list{max-height:240px;overflow-y:auto;padding:4px}.client-dropdown-empty{display:flex;flex-direction:column;align-items:center;padding:20px 12px;font-size:13px;color:var(--text-3);gap:4px}.topbar-bell{position:relative}.topbar-notif-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--red);border-radius:50%;border:2px solid var(--surface)}@keyframes cmpFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cmp-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:20px 0 24px}@media (max-width: 1200px){.cmp-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.cmp-kpi-grid{grid-template-columns:repeat(2,1fr)}}.cmp-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px 22px;transition:var(--transition);position:relative;overflow:hidden;animation:cmpFadeInUp .4s ease both}.cmp-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--teal));opacity:0;transition:opacity .3s ease}.cmp-kpi-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cmp-kpi-card:hover:before{opacity:1}.cmp-kpi-icon{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.cmp-kpi-label{font-size:11px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.cmp-kpi-value{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0;font-variant-numeric:tabular-nums}.cmp-search-wrap{display:flex;align-items:center;gap:12px;margin:0 0 20px}.cmp-search-bar{flex:1;position:relative}.cmp-search-bar input{width:100%;padding:11px 16px 11px 42px;border-radius:var(--radius-lg);border:1px solid var(--border);font-size:14px;background:var(--surface);color:var(--text-1);transition:var(--transition);outline:none}.cmp-search-bar input::-moz-placeholder{color:var(--text-3)}.cmp-search-bar input::placeholder{color:var(--text-3)}.cmp-search-bar input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0b3d9114}[data-theme=dark] .cmp-search-bar input:focus{box-shadow:0 0 0 3px #4a9fff26}.cmp-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.cmp-search-count{font-size:13px;color:var(--text-3);white-space:nowrap;font-weight:500}.cmp-table-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);animation:cmpFadeInUp .4s ease .15s both}.cmp-table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.cmp-table-header-left{display:flex;align-items:center;gap:10px}.cmp-table-title{font-size:15px;font-weight:700;margin:0}.cmp-table-count{font-size:12px;font-weight:600;padding:3px 8px;border-radius:var(--radius-pill);background:var(--navy-alpha);color:var(--navy)}.cmp-table-header-right{display:flex;align-items:center;gap:8px}.cmp-table-scroll{overflow-x:auto}table.cmp-table{width:100%;border-collapse:collapse;font-size:13px}table.cmp-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-2);position:sticky;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s ease}table.cmp-table th:hover{color:var(--text-1)}table.cmp-table th.num{text-align:right}table.cmp-table td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--text-1);white-space:nowrap;font-variant-numeric:tabular-nums;transition:background .15s ease}table.cmp-table td.num{text-align:right}table.cmp-table tbody tr{cursor:pointer;transition:var(--transition-fast);animation:cmpFadeInUp .3s ease both}table.cmp-table tbody tr:hover td{background:var(--navy-alpha)}table.cmp-table tbody tr:last-child td{border-bottom:none}.cmp-name-cell{display:flex;align-items:center;gap:10px}.cmp-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cmp-dot-live{background:var(--green)}.cmp-dot-paused{background:var(--amber)}.cmp-dot-ended{background:var(--text-3)}.cmp-dot-draft{background:var(--border)}.cmp-name-text{font-weight:600;color:var(--navy);transition:var(--transition-fast)}table.cmp-table tbody tr:hover .cmp-name-text{text-decoration:underline}.cmp-id{font-size:11px;color:var(--text-3);font-weight:500;font-family:SF Mono,Consolas,Liberation Mono,monospace}.cmp-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill)}.cmp-pill-live{background:var(--green-bg);color:var(--green)}.cmp-pill-paused{background:var(--amber-bg);color:var(--amber)}.cmp-pill-ended,.cmp-pill-draft{background:var(--surface-2);color:var(--text-3)}.cmp-status-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.cmp-pill-live .dot{animation:pulse 2s infinite}.cmp-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--border)}.cmp-pagination-info{font-size:13px;color:var(--text-3)}.cmp-pagination-btns{display:flex;gap:4px}.cmp-page-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;cursor:pointer;color:var(--text-2);transition:var(--transition-fast)}.cmp-page-btn:hover{background:var(--surface-2)}.cmp-page-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}@media (max-width: 768px){.cmp-kpi-grid{gap:10px}.cmp-kpi-card{padding:16px}.cmp-kpi-value{font-size:22px}.cmp-table-header{padding:12px 16px}table.cmp-table th,table.cmp-table td{padding:10px 12px}}.line-item-row-clickable{cursor:pointer;transition:var(--transition-fast)}.line-item-row-clickable:hover td{background:var(--navy-alpha)!important}.line-item-link{color:var(--navy);font-weight:600;transition:var(--transition-fast)}.line-item-row-clickable:hover .line-item-link{text-decoration:underline;color:var(--navy-600)}.li-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}@media (max-width: 640px){.li-settings-grid{grid-template-columns:1fr}}.li-setting-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);gap:12px}.li-settings-grid .li-setting-row{padding:13px 16px}.li-settings-grid .li-setting-row:nth-child(odd){border-right:1px solid var(--border)}.li-setting-label{font-size:13px;color:var(--text-3);font-weight:500}.li-setting-value{font-size:13px;font-weight:600;color:var(--text-1);text-align:right;font-variant-numeric:tabular-nums}.edit-campaign-page{max-width:900px}.ec-form-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:0;margin-top:20px;overflow:hidden;box-shadow:var(--shadow-card)}.ec-info-banner{display:flex;align-items:center;gap:8px;padding:12px 32px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:13px;color:var(--text-2)}.ec-form-section{border-bottom:1px solid var(--border)}.ec-form-section:last-child{border-bottom:none}.ec-field-row{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:24px 32px;align-items:start}.ec-field-row-name{grid-template-columns:1fr}@media (max-width: 640px){.ec-field-row{grid-template-columns:1fr;gap:8px;padding:16px 20px}}.ec-field-body{display:flex;flex-direction:column;gap:8px}.ec-label{font-size:13px;font-weight:500;color:var(--text-1);padding-top:10px;line-height:1.5;display:flex;align-items:flex-start;gap:4px;flex-wrap:wrap}.ec-label-sub{display:block;font-size:11px;color:var(--text-3);font-weight:400;width:100%;margin-top:2px}.ec-help-icon{font-size:14px;color:var(--text-3);cursor:help;flex-shrink:0}.ec-input{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background:var(--surface);color:var(--text-1);transition:var(--transition-fast);outline:none;width:100%}.ec-input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0b3d9114}[data-theme=dark] .ec-input:focus{box-shadow:0 0 0 3px #4a9fff26}.ec-input::-moz-placeholder{color:var(--text-3)}.ec-input::placeholder{color:var(--text-3)}.ec-input-name{flex:1}.ec-name-status-row{display:flex;gap:12px;align-items:center}.ec-status-dropdown{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-shrink:0}.ec-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ec-status-dot.active{background:var(--green)}.ec-status-dot.paused{background:var(--amber)}.ec-status-dot.draft{background:var(--text-3)}.ec-select{padding:10px 32px 10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background:var(--surface);color:var(--text-1);cursor:pointer;transition:var(--transition-fast);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A9099' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.ec-select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0b3d9114}[data-theme=dark] .ec-select:focus{box-shadow:0 0 0 3px #4a9fff26}.ec-select-status{border:none;padding:4px 24px 4px 4px;font-size:13px;font-weight:600;background-color:transparent}.ec-select-kpi-type{width:110px;flex-shrink:0}.ec-kpi-row{flex-direction:row!important;gap:10px;align-items:center}.ec-input-with-prefix{position:relative;display:flex;align-items:center}.ec-input-with-prefix .ec-input{padding-left:28px}.ec-input-prefix{position:absolute;left:12px;font-size:14px;color:var(--text-3);pointer-events:none;z-index:1}.ec-input-with-suffix{display:flex;align-items:center;gap:10px}.ec-input-suffix{font-size:13px;color:var(--text-3);font-weight:500;flex-shrink:0}.ec-input-kpi{width:100px}.ec-checkbox-row{flex-direction:row!important;gap:28px;align-items:center;padding-top:4px}.ec-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ec-checkbox{position:absolute;opacity:0;width:0;height:0}.ec-checkbox-custom{width:18px;height:18px;border:2px solid var(--border-hover);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0;position:relative}.ec-checkbox:checked+.ec-checkbox-custom{background:var(--navy);border-color:var(--navy)}.ec-checkbox:checked+.ec-checkbox-custom:after{content:"";display:block;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px)}.ec-checkbox:focus+.ec-checkbox-custom{box-shadow:0 0 0 3px #0b3d911f}.ec-dates-row{flex-direction:row!important;gap:16px}.ec-date-field{flex:1;position:relative}.ec-date-label{display:block;font-size:11px;color:var(--text-3);margin-bottom:6px;font-weight:500}.ec-input-date{width:100%}.ec-divider{height:1px;background:var(--border)}.ec-collapsible{border-bottom:1px solid var(--border)}.ec-collapsible-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:18px 32px;border:none;background:none;font-size:14px;font-weight:600;color:var(--navy);cursor:pointer;transition:var(--transition-fast);text-align:left}.ec-collapsible-toggle:hover{background:var(--navy-alpha)}.ec-collapsible-content{padding:0 32px 24px;animation:fadeIn .2s ease}.ec-freq-options{display:flex;flex-direction:column;gap:14px}.ec-radio-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ec-radio{position:absolute;opacity:0;width:0;height:0}.ec-radio-custom{width:18px;height:18px;border:2px solid var(--border-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.ec-radio:checked+.ec-radio-custom{border-color:var(--navy)}.ec-radio:checked+.ec-radio-custom:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--navy)}.ec-radio:focus+.ec-radio-custom{box-shadow:0 0 0 3px #0b3d911f}.ec-freq-limit-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ec-input-freq-num{width:70px;text-align:center;padding:7px 10px}.ec-select-freq-period{width:100px;padding:7px 28px 7px 10px;font-size:13px}.ec-freq-note{margin-top:16px}.ec-freq-note-box{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:var(--amber-bg);border-radius:var(--radius-md);font-size:13px;color:var(--text-2);line-height:1.5}.ec-link{color:var(--navy);font-weight:500;text-decoration:none}.ec-link:hover{text-decoration:underline}.ec-freq-sub-note{font-size:12px;color:var(--text-3);margin-top:8px;font-style:italic}.ec-bottom-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding:0 0 24px}.ec-form-section-freq{border-bottom:none}.animate-in{animation:cmpFadeInUp .4s ease both}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}@media (max-width: 768px){.ec-field-row{grid-template-columns:1fr;gap:6px;padding:16px 20px}.ec-name-status-row{flex-direction:column;align-items:stretch}.ec-kpi-row{flex-direction:column!important;align-items:stretch!important}.ec-select-kpi-type,.ec-input-kpi{width:100%}.ec-checkbox-row{flex-direction:column!important;gap:12px}.ec-dates-row{flex-direction:column!important}.ec-collapsible-toggle{padding:14px 20px}.ec-collapsible-content{padding:0 20px 20px}.ec-info-banner{padding:10px 20px}}.dv360-tab-bar{display:flex;border-bottom:1px solid var(--border);margin-top:16px;margin-bottom:20px;gap:24px}.dv360-tab{background:none;border:none;border-bottom:2px solid transparent;padding:12px 4px;font-weight:600;font-size:14px;color:var(--text-2);cursor:pointer;transition:var(--transition)}.dv360-tab:hover{color:var(--text-1)}.dv360-tab.active{color:var(--navy);border-bottom-color:var(--navy)}.dv360-accordion{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.dv360-accordion:hover{border-color:var(--border-hover)}.dv360-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:none;border:none;text-align:left;cursor:pointer;outline:none;gap:12px}.dv360-accordion-title-row{display:flex;align-items:center;gap:12px}.dv360-accordion-icon{font-size:16px;color:var(--navy);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.dv360-accordion-title{font-size:15px;font-weight:600;color:var(--text-1)}.dv360-accordion-summary{font-size:13px;color:var(--text-3);margin-left:8px;font-weight:400}.dv360-accordion-body{padding:0 24px 24px;border-top:1px dashed var(--border);background:var(--surface)}.dv360-accordion-body .ec-field-row{padding:18px 0;border-bottom:1px solid var(--border)}.dv360-accordion-body .ec-field-row:last-child{border-bottom:none}.dv360-save-bar{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 -4px 16px #00000014;animation:cmpFadeInUp .3s ease both}[data-theme=dark] .dv360-save-bar{background:var(--surface-2);box-shadow:0 -4px 16px #0006}.dv360-save-bar-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-1);font-weight:500}.dv360-save-bar-actions{display:flex;gap:12px}.dv360-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#14181f99;display:flex;justify-content:flex-end;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.dv360-modal-center-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#14181f99;display:flex;justify-content:center;align-items:center;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.dv360-drawer-container{width:100%;max-width:800px;background:var(--surface);height:100%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideLeft .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.dv360-dialog-container{background:var(--surface);border-radius:var(--radius-lg);width:90%;max-width:550px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:scaleUp .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.dv360-drawer-header,.dv360-dialog-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.dv360-drawer-title,.dv360-dialog-title{font-size:16px;font-weight:700;color:var(--text-1)}.dv360-close-btn{background:none;border:none;font-size:18px;color:var(--text-3);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill)}.dv360-close-btn:hover{background:var(--surface-2);color:var(--text-1)}.dv360-drawer-body,.dv360-dialog-body{padding:24px;flex:1;overflow-y:auto}.dv360-dialog-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:var(--surface-2)}.dv360-ad-preview-box{background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;justify-content:center;min-height:250px;margin-bottom:20px;position:relative;overflow:hidden}.dv360-ad-preview-rendered{background:#fff;border:1px solid #ccc;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.dv360-ad-tag{position:absolute;top:4px;right:4px;background:#0009;color:#fff;font-size:9px;padding:1px 4px;border-radius:2px;font-weight:600}.dv360-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:8px}.dv360-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dv360-checkbox-input{cursor:pointer;accent-color:var(--navy);width:15px;height:15px}.timeline{list-style:none;position:relative;padding-left:20px}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:4px;bottom:4px;left:5px}.timeline-item{position:relative;margin-bottom:16px;font-size:13px;color:var(--text-2)}.timeline-item:before{content:"";background:var(--navy);width:10px;height:10px;border-radius:50%;position:absolute;left:-20px;top:4px}.dv360-table-img{width:32px;height:32px;border-radius:4px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border)}.dv360-table-actions-row{display:flex;gap:8px}.dv360-icon-btn{background:none;border:none;cursor:pointer;color:var(--text-2);font-size:14px;padding:4px;border-radius:4px;transition:var(--transition)}.dv360-icon-btn:hover{background:var(--surface-2);color:var(--navy)}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.cc-new-campaign-btn{background:linear-gradient(135deg,var(--navy),var(--navy-600));box-shadow:0 2px 8px #0b3d9147;gap:6px;transition:var(--transition)}.cc-new-campaign-btn:hover{box-shadow:0 4px 16px #0b3d9161;transform:translateY(-1px)}.cc-new-campaign-btn:active{transform:translateY(0)}.cc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;animation:fadeIn .2s ease}.cc-drawer{position:fixed;top:0;right:0;bottom:0;width:min(660px,96vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 40px #00000029;z-index:201;display:flex;flex-direction:column;animation:slideLeft .28s cubic-bezier(.32,.72,0,1);overflow:hidden}.cc-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.cc-drawer-header-left{display:flex;align-items:center;gap:12px}.cc-drawer-icon-badge{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--navy),var(--navy-600));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0b3d914d}.cc-drawer-title{font-size:15px;font-weight:700;color:var(--text-1);letter-spacing:-.01em;margin:0}.cc-drawer-subtitle{font-size:12px;color:var(--text-3);margin:2px 0 0}.cc-close-btn{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.cc-close-btn:hover{background:var(--red-bg);border-color:var(--red);color:var(--red)}.cc-stepper-wrap{padding:14px 22px;border-bottom:1px solid var(--border);background:var(--surface-2);flex-shrink:0;overflow-x:auto}.cc-stepper{display:flex;align-items:center;gap:0;min-width:480px}.cc-step{display:flex;align-items:center;gap:7px;flex-shrink:0}.cc-step-icon{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--border-hover);background:var(--surface);color:var(--text-3);display:flex;align-items:center;justify-content:center;font-size:11px;transition:var(--transition);flex-shrink:0}.cc-step.active .cc-step-icon{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 0 0 3px var(--navy-alpha)}.cc-step.completed .cc-step-icon{background:var(--green);border-color:var(--green);color:#fff}.cc-step-label{font-size:11px;font-weight:500;color:var(--text-3);white-space:nowrap;transition:color .2s}.cc-step.active .cc-step-label{color:var(--navy);font-weight:600}.cc-step.completed .cc-step-label{color:var(--green)}.cc-step-connector{width:24px;height:1.5px;background:var(--border);margin:0 4px;flex-shrink:0;transition:background .2s}.cc-step.completed+.cc-step .cc-step-connector{background:var(--green)}.cc-drawer-body{flex:1;overflow-y:auto;padding:24px 22px;scroll-behavior:smooth}.cc-drawer-body::-webkit-scrollbar{width:5px}.cc-drawer-body::-webkit-scrollbar-track{background:transparent}.cc-drawer-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.cc-step-body{animation:fadeIn .18s ease}.cc-step-section-title{display:flex;align-items:center;font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--border)}.cc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 540px){.cc-grid-2{grid-template-columns:1fr}}.cc-field{display:flex;flex-direction:column;gap:5px}.cc-label{font-size:12px;font-weight:600;color:var(--text-2)}.cc-required{color:var(--red);margin-left:3px}.cc-hint{font-size:11px;color:var(--text-3);margin:0}.cc-input{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-1);font-size:13px;width:100%;transition:var(--transition-fast);outline:none}.cc-input:focus{border-color:var(--navy);background:var(--surface);box-shadow:0 0 0 3px var(--navy-alpha)}.cc-input:hover:not(:focus){border-color:var(--border-hover)}select.cc-input,input[type=date].cc-input{cursor:pointer}input[type=number].cc-input{-moz-appearance:textfield}input[type=number].cc-input::-webkit-inner-spin-button{-webkit-appearance:none}.cc-input-prefix-wrap{position:relative;display:flex;align-items:center}.cc-input-prefix{position:absolute;left:10px;font-size:12px;font-weight:600;color:var(--text-3);pointer-events:none;z-index:1}.cc-input.cc-input-prefix{padding-left:22px}.cc-goal-input-wrap{position:relative;width:100%}.cc-goal-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b7280;font-weight:600;font-size:14px;pointer-events:none;z-index:2}.cc-goal-input{padding-left:38px!important}.cc-multi-check{display:flex;flex-wrap:wrap;gap:7px;padding:4px 0}.cc-check-pill{display:inline-flex;align-items:center;padding:5px 11px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface-2);font-size:12px;font-weight:500;color:var(--text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--transition-fast)}.cc-check-pill:hover{border-color:var(--navy);color:var(--navy);background:var(--navy-alpha)}.cc-check-pill.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 1px 4px #0b3d9133}.cc-targeting-layout{display:flex;flex-direction:column;gap:20px}.cc-creatives-wrap{display:flex;flex-direction:column;gap:16px}.cc-creative-block{border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;background:var(--surface-2);transition:border-color .2s}.cc-creative-block:hover{border-color:var(--border-hover)}.cc-creative-block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cc-creative-block-label{font-size:12px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.05em}.cc-creative-remove{width:26px;height:26px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.cc-creative-remove:hover{background:var(--red-bg);border-color:var(--red);color:var(--red)}.cc-add-creative-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:1.5px dashed var(--border);border-radius:var(--radius-lg);background:transparent;color:var(--text-3);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition-fast);width:100%}.cc-add-creative-btn:hover{border-color:var(--navy);color:var(--navy);background:var(--navy-alpha)}.cc-success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;gap:16px;animation:scaleUp .3s ease}.cc-success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--green),#2DCC70);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #1d7a4c4d}.cc-success-title{font-size:20px;font-weight:700;color:var(--text-1);margin:0}.cc-success-sub{font-size:14px;color:var(--text-2);max-width:340px;line-height:1.6;margin:0}.cc-error-banner{display:flex;align-items:center;padding:12px 18px;background:var(--red-bg);border-top:1px solid rgba(192,54,44,.2);color:var(--red);font-size:13px;font-weight:500;flex-shrink:0;animation:fadeIn .2s ease}.cc-drawer-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:12px}.cc-footer-step-hint{font-size:12px;color:var(--text-3);font-weight:500}.cc-save-btn{background:linear-gradient(135deg,var(--green),#2DCC70);box-shadow:0 2px 8px #1d7a4c47;gap:6px;min-width:140px;justify-content:center}.cc-save-btn:hover{box-shadow:0 4px 16px #1d7a4c61;transform:translateY(-1px)}.cc-save-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}@keyframes cc-spin{to{transform:rotate(360deg)}}.cc-spin{animation:cc-spin .9s linear infinite}[data-theme=dark] .cc-drawer{box-shadow:-8px 0 40px #00000080}[data-theme=dark] .cc-creative-block{background:var(--surface-3)}[data-theme=dark] .cc-backdrop{background:#000000a6}