:root{--navy:#071d49;--blue:#087cf0;--ink:#13203a;--muted:#64748b;--line:#dce5ef;--paper:#f7f9fc}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,system-ui,sans-serif;color:var(--ink);background:var(--paper)}body{display:flex;min-height:100vh;flex-direction:column}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:900;color:var(--navy);text-decoration:none;letter-spacing:-1.3px}.brand span{color:var(--blue)}nav{display:flex;align-items:center;gap:22px}nav a,.link{color:var(--ink);font:inherit;text-decoration:none;background:none;border:0;cursor:pointer;padding:0}nav form{margin:0}main{flex:1;padding:clamp(20px,3vw,42px) clamp(20px,5vw,72px)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;max-width:1180px;margin:auto}.creative{height:min(58vh,590px);min-height:320px;border-radius:24px;overflow:hidden;background:#fff;position:relative;display:block;box-shadow:0 18px 60px #071d4914}.creative img{width:100%;height:100%;object-fit:cover}.creative h1{position:absolute;left:24px;right:24px;bottom:20px;margin:0;padding:15px 19px;border-radius:14px;background:#071d49e8;color:white;font-size:clamp(20px,3vw,40px)}.metrics{display:flex;flex-direction:column;justify-content:center;gap:18px;color:var(--muted)}.metrics b{font-size:25px;color:var(--navy)}.takeover{max-width:1180px;margin:25px auto 0;display:flex;align-items:center;gap:20px}.takeover p{font-weight:900;color:var(--navy)}.takeover small{color:var(--muted)}.cta{display:inline-flex;justify-content:center;padding:14px 22px;border:0;border-radius:999px;background:var(--blue);color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}.empty,.panel,.history{max-width:920px;margin:5vh auto}.empty{text-align:center;padding:12vh 20px;background:#fff;border-radius:24px}.panel{max-width:560px;background:#fff;padding:clamp(24px,5vw,48px);border-radius:24px;box-shadow:0 18px 60px #071d490d}.panel h1,.history h1{color:var(--navy);font-size:clamp(30px,5vw,52px);letter-spacing:-2px}.panel form{display:grid;gap:20px}.panel label{display:grid;gap:8px;font-weight:700}.panel input{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;font:inherit}.flash{background:#fff4cc;padding:12px;text-align:center}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.kpis div{background:#fff;padding:22px;border-radius:18px}.kpis b,.kpis span{display:block}.kpis b{font-size:26px;color:var(--navy)}.kpis span{color:var(--muted)}.table{overflow:auto;background:#fff;border-radius:18px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line);white-space:nowrap}td a{color:var(--blue)}.pager{display:flex;justify-content:space-between;margin-top:20px}footer{padding:18px;text-align:center;color:var(--muted);font-size:13px}@media(max-width:760px){.hero{grid-template-columns:1fr}.creative{height:48vh}.metrics{display:grid;grid-template-columns:1fr 1fr}.takeover{align-items:stretch;flex-direction:column}.kpis{grid-template-columns:1fr}header{padding:0 18px}.brand{font-size:21px}main{padding:18px}.takeover .cta{white-space:normal}}