:root{--bg:#090a0d;--surface:#101217;--surface-2:#15181f;--surface-3:#1b1f27;--border:#292d36;--text:#f7f7f5;--muted:#9298a5;--accent:#ff7a00;--accent-dark:#db5f00;--accent-2:#ffb15f;--danger:#ff5f6d;--shadow:0 24px 70px #00000061}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 92% 2%,#ff7a0024,transparent 26%), radial-gradient(circle at 4% 45%,#ff7a0009,transparent 26%), var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}body:before{content:"";pointer-events:none;opacity:.12;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 75%);mask-image:linear-gradient(#000000a6,#0000 75%)}button,input,select{font:inherit}.hidden{display:none!important}.login-screen{background:radial-gradient(circle at 78% 12%,#ff7a002b,transparent 31%), radial-gradient(circle at 18% 88%,#ff7a000e,transparent 24%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);width:min(470px,94vw);box-shadow:var(--shadow);background:linear-gradient(#181b22fb,#0c0e12fc);border-radius:24px;padding:30px;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg,var(--accent-2),var(--accent),transparent 78%);width:100%;height:3px;position:absolute;top:0;left:0}.login-brand{margin-bottom:34px}.login-brand-logo{justify-content:flex-start;display:flex}.login-logo{mix-blend-mode:screen;width:260px;max-width:82%;height:auto;display:block}.login-copy h1{letter-spacing:-.045em;margin:0;font-size:34px;line-height:1.02}.login-copy .muted{line-height:1.55}.login-form{gap:16px;margin-top:28px;display:grid}.login-form label{gap:7px;display:grid}.login-form label span{color:var(--muted);font-size:12px}.login-form input{width:100%;color:var(--text);border:1px solid var(--border);background:#0b0d11;border-radius:12px;outline:none;padding:14px}.login-form input:focus{border-color:#ff7a00d9;box-shadow:0 0 0 3px #ff7a001c}.login-form button{background:linear-gradient(100deg,var(--accent),#ff9500);color:#120b05;cursor:pointer;border:0;border-radius:12px;padding:14px;font-weight:900;box-shadow:0 10px 30px #ff7a002e}.login-form button:hover{filter:brightness(1.06)}.login-form button:disabled{opacity:.65;cursor:wait}.login-card .error-box{margin-top:16px;margin-bottom:0}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#090a0de0;justify-content:space-between;align-items:center;height:78px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:13px;display:flex}.topbar-logo{object-fit:contain;mix-blend-mode:screen;width:168px;height:56px;display:block}.brand-separator{background:linear-gradient(to bottom,transparent,var(--border),transparent);width:1px;height:30px}.brand-name{font-weight:800}.brand-subtitle{color:var(--muted);margin-top:2px;font-size:11px}.topbar-actions{align-items:center;gap:8px;display:flex}.status-pill,.user-pill{border:1px solid var(--border);color:var(--muted);background:#ffffff05;border-radius:99px;padding:8px 12px;font-size:12px}.user-pill{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.logout-button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:8px 12px}.logout-button:hover{color:#fff;border-color:#ff7a00a6}.container{width:min(1420px,92vw);margin:0 auto;padding:44px 0 60px}.hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.hero-copy{min-width:260px}.eyebrow{color:var(--accent);letter-spacing:.18em;margin:0 0 8px;font-size:11px;font-weight:900}.hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.05}.muted{color:var(--muted);margin:10px 0 0}.admin-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.client-picker{color:var(--muted);flex-direction:column;gap:7px;min-width:260px;font-size:12px;display:flex}.client-picker select{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;min-height:42px;padding:11px 38px 11px 12px}.client-picker select:focus,.period-filter input:focus{border-color:#ff7a00b8;outline:none;box-shadow:0 0 0 3px #ff7a0014}.period-filter{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.period-filter label{color:var(--muted);flex-direction:column;gap:7px;font-size:12px;display:flex}.period-filter input{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 12px}.period-filter button{background:linear-gradient(100deg,var(--accent),#ff9800);color:#140b03;cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-weight:900}.period-filter button:hover{filter:brightness(1.06)}.period-filter button:disabled,.client-picker select:disabled{opacity:.6;cursor:wait}.error-box{color:#ffd7db;background:#ff5f6d14;border:1px solid #ff5f6d66;border-radius:12px;margin-bottom:22px;padding:14px 16px}.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.metric-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:16px;padding:18px;position:relative;overflow:hidden;box-shadow:0 10px 34px #00000024}.metric-card:after{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.8;width:32px;height:2px;position:absolute;bottom:0;left:18px}.metric-card span{color:var(--muted);margin-bottom:10px;font-size:12px;display:block}.metric-card strong{letter-spacing:-.03em;font-size:24px}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#101217e8;border-radius:18px;margin-top:18px;padding:22px}.panel-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.panel h2{margin:0;font-size:21px}.chart-wrap{height:310px}.ad-count{color:var(--muted);font-size:13px}.ads-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ad-card{border:1px solid var(--border);background:#0d0f13;border-radius:16px;transition:transform .18s,border-color .18s;overflow:hidden}.ad-card:hover{border-color:#ff7a006b;transform:translateY(-2px)}.creative{aspect-ratio:16/10;background:#08090c;position:relative;overflow:hidden}.creative img{object-fit:cover;width:100%;height:100%;display:block}.creative-placeholder{width:100%;height:100%;color:var(--muted);background:linear-gradient(135deg,#15191f,#0d1014);place-items:center;font-size:13px;display:grid}.empty-state{border-radius:12px;grid-column:1/-1;min-height:180px}.video-play{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#171006;cursor:pointer;border:0;border-radius:50%;width:58px;height:58px;margin:auto;font-size:23px;position:absolute;inset:0;box-shadow:0 12px 35px #00000070}.video-play:hover{transform:scale(1.04)}.ad-body{padding:16px}.ad-name{margin-bottom:6px;font-size:15px;font-weight:800}.ad-path{color:var(--muted);min-height:34px;font-size:11px;line-height:1.5}.ad-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.ad-stat{background:#151820;border-radius:10px;padding:10px}.ad-stat span{color:var(--muted);font-size:10px;display:block}.ad-stat b{margin-top:4px;font-size:13px;display:block}.media-badge{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#fff;background:#08090ccc;border:1px solid #ff7a0052;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px}footer{color:var(--muted);text-align:center;padding:18px 0 42px;font-size:12px}.modal{z-index:100;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000d1;position:absolute;inset:0}.modal-card{z-index:1;background:#fff;border:1px solid #ff7a004d;border-radius:18px;width:min(520px,94vw);height:min(760px,88vh);position:relative;overflow:hidden;box-shadow:0 30px 100px #0009}.modal-close{z-index:3;color:#fff;cursor:pointer;background:#0c0f13;border:0;border-radius:50%;width:38px;height:38px;font-size:25px;position:absolute;top:10px;right:10px}.modal-title{z-index:2;color:#fff;border-left:2px solid var(--accent);background:#000000d1;border-radius:8px;padding:7px 10px;font-size:12px;position:absolute;top:16px;left:16px}.video-loading{color:#30343a;place-items:center;height:100%;display:grid}.modal iframe{background:#fff;border:0;width:100%;height:100%;display:none}@media (width<=1180px){.admin-hero{flex-direction:column;align-items:flex-start}.admin-controls{justify-content:flex-start;width:100%}.client-picker{min-width:min(100%,360px)}.metrics-grid{grid-template-columns:repeat(3,1fr)}.ads-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.topbar{gap:10px;height:auto;min-height:76px;padding:10px 18px}.topbar-logo{width:125px;height:48px}.brand-separator{display:none}.topbar-actions{gap:6px}.user-pill{display:none}.container{width:min(94vw,680px);padding-top:28px}.admin-controls{grid-template-columns:1fr;width:100%;display:grid}.client-picker{width:100%;min-width:0}.client-picker select,.period-filter{width:100%}.period-filter label{flex:1}.period-filter input,.period-filter button{width:100%}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-card strong{font-size:20px}.ads-grid{grid-template-columns:1fr}.panel{padding:16px}.chart-wrap{height:260px}.brand-subtitle,.status-pill{display:none}.login-card{padding:22px}.login-logo{width:230px}}.metric-status-active:after{background:linear-gradient(90deg,#20d878,#82f6b2)}.metric-status-inactive:after{background:linear-gradient(90deg,#6f7785,#a2a8b2)}.metric-status-active strong{color:#7bf0a9}.metric-status-inactive strong{color:#d1d5db}.campaign-status-badge{letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;border:1px solid #0000;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:900;position:absolute;top:10px;right:10px}.status-list{border:1px solid var(--border);background:#ffffff05;border-radius:11px;gap:7px;margin-top:13px;padding:11px 12px;display:grid}.status-line{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.status-chip{letter-spacing:.04em;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:4px 7px;font-size:9px}.status-active{color:#8df4b7;background:#20d8781f;border-color:#20d87852}.status-paused{color:#ffb15f;background:#ff7a001c;border-color:#ff7a004d}.status-inactive{color:#c8ced8;background:#848d9a1f;border-color:#848d9a47}.status-problem{color:#ff9aa4;background:#ff5f6d1f;border-color:#ff5f6d4d}.status-unknown{color:#aeb4bf;background:#808a971a;border-color:#808a9738}.section-copy{color:var(--muted);max-width:720px;margin:8px 0 0;font-size:13px;line-height:1.55}.campaigns-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.campaign-card{appearance:none;text-align:left;width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;background:linear-gradient(#11141a,#0d0f13);border-radius:17px;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s}.campaign-card:hover{border-color:#ff7a007a;transform:translateY(-2px);box-shadow:0 18px 44px #00000038}.campaign-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.campaign-title-wrap{min-width:0}.campaign-objective{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:900;display:inline-flex}.campaign-card h3{word-break:break-word;margin:0;font-size:17px;line-height:1.35}.campaign-chip{flex:none;margin-top:1px}.campaign-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.campaign-metric{background:#151820;border:1px solid #ffffff09;border-radius:11px;min-width:0;padding:11px}.campaign-metric span{color:var(--muted);min-height:23px;font-size:9px;line-height:1.25;display:block}.campaign-metric strong{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:14px;display:block;overflow:hidden}.campaign-metric.highlight{background:#ff7a000e;border-color:#ff7a0038}.campaign-metric.highlight strong{color:#ffb15f}.campaign-card-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding-top:14px;font-size:11px;display:flex}.campaign-card-footer b{color:#ff9a36;margin-left:auto}.mixed-warning{color:#ffb15f}.campaign-empty{border:1px dashed var(--border);min-height:180px;color:var(--muted);border-radius:14px;place-items:center;display:grid}.back-button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0d0f13;border-radius:10px;margin-bottom:20px;padding:10px 13px}.back-button:hover{color:#fff;border-color:#ff7a0080}.campaign-detail-hero{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.detail-kicker{letter-spacing:.14em;color:var(--accent);margin-bottom:8px;font-size:10px;font-weight:900}.detail-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-title-row h2{max-width:980px;margin:0;font-size:26px;line-height:1.25}.detail-objective{color:var(--muted);margin-top:10px;font-size:13px}.detail-objective b{color:#fff}.detail-count{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:99px;padding:8px 12px;font-size:12px}.campaign-detail-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:20px 0 26px;display:grid}.campaign-detail-metrics>div{background:#151820;border:1px solid #ffffff09;border-radius:12px;padding:12px}.campaign-detail-metrics span{color:var(--muted);min-height:24px;font-size:9px;line-height:1.3;display:block}.campaign-detail-metrics strong{margin-top:5px;font-size:15px;display:block}.campaign-detail-metrics .highlight{background:#ff7a000e;border-color:#ff7a0040}.campaign-detail-metrics .highlight strong{color:#ffb15f}.adsets-wrap{gap:22px;display:grid}.adset-block{border:1px solid var(--border);background:#0c0e12;border-radius:16px;padding:18px}.adset-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.adset-label{color:var(--muted);letter-spacing:.1em;margin-bottom:6px;font-size:9px;font-weight:800}.adset-head h3{color:#dce1e8;margin:0;font-size:14px;line-height:1.4}.targeting-card{background:linear-gradient(135deg,#ff7a0013,#ff7a0006);border:1px solid #ff7a002e;border-radius:12px;margin-top:15px;padding:13px 14px}.targeting-title{text-transform:uppercase;letter-spacing:.09em;color:#ff9a36;margin-bottom:9px;font-size:10px;font-weight:900}.segment-chips{flex-wrap:wrap;gap:7px;display:flex}.segment-chip{border:1px solid var(--border);color:#e3e7ed;background:#171a20;border-radius:999px;align-items:center;padding:7px 9px;font-size:11px;display:inline-flex}.segment-empty-chip{color:var(--muted)}.adset-summary{color:var(--muted);flex-wrap:wrap;gap:18px;margin:13px 2px 16px;font-size:11px;display:flex}.adset-summary b{color:#fff}.creatives-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.creative-card{appearance:none;border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:#101217;border-radius:14px;padding:0;transition:transform .18s,border-color .18s;overflow:hidden}.creative-card:hover{border-color:#ff7a0070;transform:translateY(-2px)}.creative-thumb{aspect-ratio:16/10;background:#08090c;position:relative;overflow:hidden}.creative-thumb img{object-fit:cover;width:100%;height:100%;display:block}.creative-thumb .creative-placeholder{height:100%}.creative-status{z-index:2;position:absolute;top:9px;right:9px}.play-overlay{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#171006;border-radius:50%;place-items:center;width:54px;height:54px;margin:auto;font-size:21px;display:grid;position:absolute;inset:0;box-shadow:0 12px 30px #0000006b}.creative-card-body{padding:14px}.creative-card-body h4{margin:0;font-size:14px;line-height:1.35}.ad-technical-name{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.4}.creative-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.creative-stats>div{background:#171a21;border-radius:9px;min-width:0;padding:9px}.creative-stats span{color:var(--muted);min-height:20px;font-size:8px;line-height:1.25;display:block}.creative-stats b{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;display:block;overflow:hidden}.creative-stats .highlight{background:#ff7a0013;border:1px solid #ff7a0029}.creative-stats .highlight b{color:#ffb15f}.creative-open{color:#ff9a36;text-align:right;margin-top:12px;font-size:10px;font-weight:800}.creative-modal-card{z-index:1;background:#0c0e12;border:1px solid #ff7a0047;border-radius:18px;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);width:min(1120px,96vw);height:min(760px,92vh);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 100px #000000b3}.creative-modal-media{background:#050608;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.creative-loading{color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.creative-modal-media iframe{background:#fff;border:0;width:100%;height:100%;display:none}.image-preview{object-fit:contain;background:#050608;width:100%;max-width:100%;height:100%;max-height:100%}.creative-modal-info{border-left:1px solid var(--border);background:linear-gradient(#12151b,#0c0e12);padding:28px 24px;overflow:auto}.modal-info-kicker{color:var(--accent);letter-spacing:.13em;font-size:10px;font-weight:900}.creative-modal-info h3{margin:8px 0 13px;font-size:21px;line-height:1.3}.modal-badges{flex-wrap:wrap;gap:8px;display:flex}.objective-chip{color:#ffb15f;background:#ff7a0014;border:1px solid #ff7a0038;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.modal-context{border:1px solid var(--border);background:#0d1014;border-radius:12px;gap:12px;margin:22px 0;padding:14px;display:grid}.modal-context span{color:var(--muted);margin-bottom:4px;font-size:9px;display:block}.modal-context b{font-size:11px;line-height:1.45}.modal-stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.modal-stats>div{background:#171a21;border-radius:10px;padding:11px}.modal-stats span{color:var(--muted);min-height:23px;font-size:9px;line-height:1.3;display:block}.modal-stats strong{margin-top:4px;font-size:14px;display:block}.modal-stats .highlight{background:#ff7a0013;border:1px solid #ff7a002e}.modal-stats .highlight strong{color:#ffb15f}@media (width<=1180px){.campaigns-grid{grid-template-columns:1fr}.campaign-detail-metrics{grid-template-columns:repeat(3,1fr)}.creatives-grid{grid-template-columns:repeat(2,1fr)}.creative-modal-card{grid-template-columns:1.35fr .8fr}}@media (width<=760px){.campaign-metrics{grid-template-columns:repeat(2,1fr)}.campaign-detail-hero{flex-direction:column}.campaign-detail-metrics{grid-template-columns:repeat(2,1fr)}.creatives-grid{grid-template-columns:1fr}.creative-modal-card{grid-template-rows:minmax(340px,1.15fr) minmax(280px,.85fr);grid-template-columns:1fr;height:min(900px,94vh)}.creative-modal-info{border-left:0;border-top:1px solid var(--border);padding:18px}.campaign-card-footer b{text-align:right;width:100%;margin-left:0}.adset-block{padding:14px}}.creative-modal-card{grid-template-columns:minmax(390px,460px) minmax(360px,1fr);width:min(1040px,96vw);height:min(760px,92vh)}.creative-modal-media{background:#fff;min-width:0;min-height:0;overflow:hidden}.creative-modal-media iframe{background:#fff;border:0;min-width:0;min-height:0;display:none;width:100%!important;height:100%!important}.creative-modal-info{min-width:0;min-height:0;overflow-y:auto}@media (width<=900px){.creative-modal-card{grid-template-rows:minmax(430px,58vh) minmax(280px,1fr);grid-template-columns:1fr;width:min(760px,96vw);height:94vh}.creative-modal-info{border-left:0;border-top:1px solid var(--border)}}@media (width<=560px){.creative-modal-card{border-radius:14px;grid-template-rows:minmax(390px,55vh) minmax(300px,1fr);width:100%;height:95vh}}.period-filter{align-items:flex-end;position:relative}.period-picker{position:relative}.period-picker-button{text-align:left;justify-content:space-between;align-items:center;gap:16px;min-width:250px;min-height:44px;display:flex;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:none!important;border-radius:10px!important;padding:8px 12px!important}.period-picker-button:hover{filter:none!important;border-color:#ff7a0085!important}.period-picker-button[aria-expanded=true]{border-color:#ff7a00c7!important;box-shadow:0 0 0 3px #ff7a0014!important}.period-picker-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.period-picker-label{color:var(--muted);font-size:10px;font-weight:700}.period-picker-copy strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:210px;font-size:12px;display:block;overflow:hidden}.period-picker-icon{width:27px;height:27px;color:var(--accent);background:#ff7a001a;border-radius:8px;flex:none;place-items:center;font-size:18px;display:grid}.date-picker-popover{z-index:80;background:#101318;border:1px solid #ff7a0042;border-radius:18px;width:min(760px,92vw);padding:18px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 26px 80px #0000008c}.date-picker-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.date-picker-top h3{margin:3px 0 0;font-size:18px}.date-picker-kicker{color:var(--accent);letter-spacing:.14em;margin:0;font-size:10px;font-weight:900}.date-picker-close{min-width:34px;height:34px;font-size:22px;line-height:1;color:#fff!important;border:1px solid var(--border)!important;background:#171b21!important;border-radius:50%!important;width:34px!important;padding:0!important}.date-picker-summary{border:1px solid var(--border);background:#0b0e12;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:grid}.date-picker-summary div{min-width:0}.date-picker-summary span{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.date-picker-summary strong{font-size:13px}.date-picker-arrow{color:var(--accent)!important;margin:0!important;font-size:18px!important}.calendar-range-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.calendar-panel{border:1px solid var(--border);background:#0c0f13;border-radius:14px;padding:12px}.calendar-nav{grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:12px;display:grid}.calendar-nav-button{place-items:center;min-width:34px;height:34px;font-size:20px;display:grid;color:#fff!important;border:1px solid var(--border)!important;background:#171b21!important;border-radius:9px!important;width:34px!important;padding:0!important}.calendar-nav-button:hover{filter:none!important;border-color:#ff7a0094!important}.calendar-selects{grid-template-columns:minmax(0,1fr) 90px;gap:6px;display:grid}.calendar-selects select{border:1px solid var(--border);color:#fff;background:#171b21;border-radius:9px;width:100%;min-width:0;height:34px;padding:0 8px;font-size:12px}.calendar-selects select:focus{border-color:#ff7a00bf;outline:none}.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekdays{margin-bottom:5px}.calendar-weekdays span{text-align:center;color:#737b89;padding:5px 0;font-size:9px;font-weight:700}.calendar-day{aspect-ratio:1;position:relative;color:#dfe4ec!important;background:0 0!important;border:0!important;border-radius:9px!important;width:100%!important;min-width:0!important;padding:0!important;font-size:11px!important;font-weight:650!important}.calendar-day:hover{color:#fff!important;filter:none!important;background:#ff7a001f!important}.calendar-day.other-month{color:#4f5662!important}.calendar-day.in-range{background:#ff7a001a!important;border-radius:0!important}.calendar-day.range-start,.calendar-day.range-end{background:linear-gradient(135deg,var(--accent),#ff9b27)!important;color:#150c03!important;border-radius:9px!important;font-weight:900!important}.calendar-day.today:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.calendar-day.range-start.today:after,.calendar-day.range-end.today:after{background:#150c03}.date-picker-presets{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.date-picker-presets button{font-size:11px;font-weight:700;border:1px solid var(--border)!important;color:#d7dce4!important;background:#171b21!important;border-radius:9px!important;width:auto!important;padding:8px 10px!important}.date-picker-presets button:hover{color:#fff!important;filter:none!important;border-color:#ff7a0080!important}.date-picker-error{color:#ff9c9c;background:#ff4c4c14;border:1px solid #ff4c4c4d;border-radius:9px;margin-top:12px;padding:9px 11px;font-size:11px}.date-picker-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;display:flex}.date-picker-footer button{width:auto!important}.date-picker-secondary{color:#fff!important;border:1px solid var(--border)!important;background:#171b21!important}.date-picker-primary{background:linear-gradient(100deg,var(--accent),#ff9800)!important;color:#140b03!important}@media (width<=820px){.period-picker,.period-picker-button{width:100%}.period-picker-button{min-width:0}.date-picker-popover{width:min(94vw,620px);max-height:90vh;position:fixed;top:50%;left:50%;right:auto;overflow-y:auto;transform:translate(-50%,-50%)}.calendar-range-grid{grid-template-columns:1fr}}@media (width<=520px){.calendar-range-grid .calendar-panel:first-child{display:none}.date-picker-popover{padding:14px}.date-picker-summary{gap:8px}}.date-picker-instructions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.date-picker-instructions span{border:1px solid var(--border);color:#aeb5c0;background:#0b0e12;border-radius:10px;padding:9px 11px;font-size:11px;line-height:1.45;display:block}.date-picker-instructions b,.date-picker-instructions strong{color:#fff}.calendar-panel{padding-top:38px;position:relative}.calendar-panel-label{color:var(--accent);letter-spacing:.12em;font-size:9px;font-weight:900;position:absolute;top:10px;left:12px}.start-panel,.end-panel{border-color:#ff7a0038}.calendar-day.selected-start,.calendar-day.selected-end{background:linear-gradient(135deg,var(--accent),#ff9b27)!important;color:#150c03!important;border-radius:9px!important;font-weight:900!important}.calendar-day.in-range{background:#ff7a0017!important}@media (width<=820px){.date-picker-instructions{grid-template-columns:1fr}}@media (width<=520px){.calendar-range-grid .calendar-panel:first-child{display:block!important}}.dashboard-tabs{flex-wrap:wrap;gap:10px;width:min(1420px,92vw);margin:24px auto -6px;display:flex}.dashboard-tab{background:var(--surface);color:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:800;transition:border-color .2s,color .2s,background .2s}.dashboard-tab:hover{color:var(--text);border-color:#ff7a0073}.dashboard-tab.active{background:linear-gradient(100deg,var(--accent),#ff9800);color:#140b03;border-color:#0000}.admin-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.finance-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:2px;padding:18px;display:flex}.finance-card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.finance-card h3{margin:0;font-size:16px;line-height:1.3}.finance-line{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin-top:9px;font-size:13px;display:flex}.finance-line strong{color:var(--text);text-align:right;font-size:13px}.finance-line.finance-balance strong{font-size:18px;font-weight:800}.finance-card.is-alert{border-color:#ff5f6d73}.finance-card.is-alert .finance-balance strong{color:var(--danger)}.finance-status{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--muted);border:1px solid var(--border);background:#ffffff0f;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:800}.finance-status.is-on{color:var(--text)}.finance-status.is-off{color:var(--text);border-color:#ffffff4d}.finance-empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:28px}.finance-pagamento{letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);border-radius:999px;margin-top:7px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-block}.finance-pagamento.is-prepago,.finance-pagamento.is-cartao{color:var(--text);background:#ffffff0d;border-color:#ffffff38}.finance-card.is-warn{border-color:#ff7a0073}.finance-card.is-warn .finance-balance strong{color:#ff9a36}.finance-motivo{border-radius:9px;margin:-4px 0 6px;padding:7px 10px;font-size:12px;font-weight:700}.finance-motivo.is-critico,.finance-motivo.is-atencao{color:var(--text);background:#ffffff0a;border:1px solid #ffffff1f}.finance-updated{border-top:1px solid var(--border);color:var(--muted);margin-top:14px;padding-top:11px;font-size:11px}.finance-erro{color:var(--text)}.finance-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:6px;display:grid}.finance-summary-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:16px;padding:16px 18px}.finance-summary-card span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.finance-summary-card strong{letter-spacing:-.03em;font-size:26px}.finance-summary-card small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.finance-summary-card.is-critico strong{color:var(--danger)}.finance-summary-card.is-atencao strong{color:#ff9a36}.sync-status{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.sync-item{border:1px solid var(--border);color:var(--muted);background:#ffffff05;border-radius:999px;padding:7px 12px;font-size:12px}.sync-item.is-ok{color:var(--text)}.sync-item.is-erro{color:#ff9aa4;background:#ff5f6d0f;border-color:#ff5f6d59}.admin-refresh{background:linear-gradient(100deg,var(--accent),#ff9800);color:#140b03;cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-weight:900}.admin-refresh:hover{filter:brightness(1.06)}.admin-refresh:disabled{opacity:.6;cursor:wait}@media (width<=1100px){.admin-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-finance-grid,.finance-summary{grid-template-columns:1fr}}.fin-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid #ff7a0073;border-radius:18px;flex-direction:column;gap:14px;padding:18px 18px 16px 20px;transition:border-color .18s,transform .18s;display:flex;position:relative;overflow:hidden}.fin-card:hover{border-color:#ff7a00cc;transform:translateY(-2px)}.fin-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.fin-card-title{min-width:0}.fin-card-title h3{word-break:break-word;margin:0;font-size:16px;line-height:1.3}.fin-saldo{background:#0c0e12;border:1px solid #ffffff0d;border-radius:14px;padding:14px}.fin-saldo-top{justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:11px;display:flex}.fin-saldo-label{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.fin-saldo-valor{letter-spacing:-.03em;font-size:24px;font-weight:800;line-height:1.1;display:block}.fin-saldo-valor.is-verde{color:#5ee9a0}.fin-saldo-valor.is-laranja{color:#ff9a36}.fin-saldo-valor.is-vermelho{color:var(--danger)}.fin-dias{white-space:nowrap;color:var(--text);background:#ffffff0f;border-radius:999px;flex:none;padding:5px 10px;font-size:11px;font-weight:800}.fin-bar{background:#ffffff12;border-radius:999px;height:8px;overflow:hidden}.fin-bar-fill{border-radius:999px;height:100%;transition:width .5s}.fin-bar-fill.is-verde{background:linear-gradient(90deg,#20d878,#5ee9a0)}.fin-bar-fill.is-laranja{background:linear-gradient(90deg,var(--accent),#ffb15f)}.fin-bar-fill.is-vermelho{background:linear-gradient(90deg,#ff5f6d,#ff8a94)}.fin-bar-fill.is-neutro{background:#ffffff26}.fin-saldo-detalhe{color:var(--muted);margin-top:9px;font-size:11px;line-height:1.4;display:block}.fin-card .finance-motivo{margin:0}.fin-eventos{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fin-evento{background:#151820;border:1px solid #ffffff09;border-radius:12px;min-width:0;padding:11px 12px}.fin-evento span{color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.fin-evento strong{font-size:15px;display:block}.fin-evento small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;display:block;overflow:hidden}.fin-card-foot{color:var(--muted);border-top:1px solid var(--border);padding-top:11px;font-size:11px}.last-update{color:var(--text);align-items:center;gap:7px;display:inline-flex}.last-update strong{font-weight:800}.last-update-dot{background:#20d878;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #20d87829}.last-update.is-ok{border-color:#20d87852}.last-update.is-alert{color:#ffd7db;border-color:#ff5f6d73}.last-update.is-alert .last-update-dot{background:var(--danger);box-shadow:0 0 0 3px #ff5f6d29}@media (width<=720px){.status-pill.last-update{padding:7px 10px;font-size:11px;display:inline-flex}}.metric-detail{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.35;display:block}.date-picker-mode{border:1px solid var(--border);background:#0b0e12;border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.date-picker-mode button{font-size:12px;font-weight:800;width:auto!important;color:var(--muted)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:9px!important;padding:8px 14px!important}.date-picker-mode button:hover{color:#fff!important;filter:none!important}.date-picker-mode button.active{background:linear-gradient(100deg,var(--accent),#ff9800)!important;color:#140b03!important}.date-picker-popover.is-single{width:min(420px,92vw)}.calendar-range-grid.is-single,.date-picker-summary.is-single{grid-template-columns:1fr}@keyframes anim-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes anim-fade{0%{opacity:0}to{opacity:1}}@keyframes anim-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}@keyframes anim-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes anim-shimmer{0%{background-position:-160px 0}to{background-position:160px 0}}@keyframes anim-pulse{0%{box-shadow:0 0 #20d87873}70%{box-shadow:0 0 0 7px #20d87800}to{box-shadow:0 0 #20d87800}}.anim-enter{animation:.45s cubic-bezier(.2,.7,.2,1) backwards anim-fade-up;animation-delay:calc(min(var(--i,0),12) * 45ms)}.login-card{animation:.5s cubic-bezier(.2,.7,.2,1) backwards anim-pop}.container>div:not(.hidden){animation:.3s backwards anim-fade}.fin-bar-fill{transform-origin:0;animation:.7s cubic-bezier(.2,.7,.2,1) backwards anim-bar;animation-delay:calc(min(var(--i,0),12) * 45ms + .15s)}.metrics-grid.is-loading .metric-card strong{color:#0000;background:linear-gradient(90deg,#ffffff0d 0%,#ffffff24 50%,#ffffff0d 100%) 0 0/320px 100%;border-radius:8px;animation:1.1s linear infinite anim-shimmer}.metric-card{transition:border-color .2s,transform .2s}.metric-card:hover{border-color:#ff7a0059;transform:translateY(-2px)}.modal-backdrop{animation:.25s backwards anim-fade}.creative-modal-card{animation:.3s cubic-bezier(.2,.7,.2,1) backwards anim-pop}.date-picker-popover{animation:.22s cubic-bezier(.2,.7,.2,1) backwards anim-pop}@media (width<=820px){.date-picker-popover{animation:.22s backwards anim-fade}}.last-update.is-ok .last-update-dot{animation:2.4s ease-out infinite anim-pulse}button{transition:transform .12s,filter .15s,border-color .15s,background-color .15s}button:active:not(:disabled){transform:scale(.97)}.campaign-card:active,.creative-card:active{transform:translateY(0)scale(.99)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.creative-media-notice{z-index:2;color:#ffb15f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090a0de0;border:1px solid #ff7a0066;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.5;position:absolute;bottom:14px;left:14px;right:14px}.seguidores{background:#151820;border:1px solid #ff7a0040;border-radius:11px;flex-direction:column;gap:3px;margin-top:12px;padding:11px 13px;display:flex}.seguidores span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.seguidores strong{letter-spacing:-.02em;font-size:18px}.seguidores small{color:var(--muted);font-size:11px;line-height:1.4}.seguidores.is-vazio strong{color:var(--muted)}.campaign-detail-view>.seguidores{margin:0 0 22px}.video-preview{object-fit:contain;background:#050608;width:100%;height:100%;display:block}.quick-panel{padding:0;overflow:hidden}.quick-table-wrap{transition:opacity .2s;overflow-x:auto}.quick-table-wrap.is-loading{opacity:.55}.quick-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.quick-table th,.quick-table td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:13px 14px}.quick-table th:first-child,.quick-table td:first-child{text-align:left;z-index:1;background:#101217;position:sticky;left:0}.quick-table thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:#0c0e12;font-size:10px;font-weight:800}.quick-table thead th button{all:unset;cursor:pointer}.quick-table thead th button:hover{color:var(--text)}.quick-table thead th:first-child{background:#0c0e12}.quick-sort{color:var(--accent);margin-left:2px}.quick-table tbody tr:hover td{background:#14171d}.quick-client{all:unset;cursor:pointer;color:var(--text);font-weight:700}.quick-client:hover{color:var(--accent)}.quick-zero{color:var(--muted)}.quick-table tfoot td{background:#0c0e12;border-top:1px solid #ff7a0066;border-bottom:0;font-weight:900}.quick-table tfoot td:first-child{color:var(--accent);background:#0c0e12}.quick-note{color:var(--muted);border-top:1px solid var(--border);margin:0;padding:12px 16px;font-size:12px}.campaign-budget{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;margin:12px 0 2px;font-size:12px;display:flex}.campaign-budget b{color:var(--text);font-size:14px}.campaign-budget small{font-size:11px}.campaign-detail-hero .campaign-budget{margin-top:8px}