:root{--bg:#f5f7fb;--panel:#fff;--ink:#172033;--muted:#6b7487;--line:#e5e9f2;--brand:#5746e8;--brand2:#7c3aed;--green:#15966b;--red:#dc4455;--amber:#d48b19;--shadow:0 12px 35px rgba(25,35,58,.08)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f1f3f8;padding:.2rem .42rem;border-radius:6px;font-size:.86rem}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#151829;color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.05rem;padding:0 8px 22px}.brand-mark{width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:inline-grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(87,70,232,.3)}nav{display:grid;gap:6px}nav a,.logout{padding:12px 14px;border-radius:10px;color:#afb6ca;font-weight:650}nav a:hover,nav a.active{background:#292d45;color:#fff}.logout{margin-top:auto}.main{margin-left:250px;padding:28px;max-width:1600px}.topbar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.topbar h1{margin:2px 0 0;font-size:1.8rem}.eyebrow{margin:0;color:var(--brand);font-size:.72rem;font-weight:850;letter-spacing:.14em}.secure{margin-left:auto;color:var(--green);font-size:.85rem;font-weight:700}.menu{display:none;border:0;background:#fff;border-radius:10px;padding:9px 11px;box-shadow:var(--shadow)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:22px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{background:linear-gradient(145deg,#fff,#f8f8ff);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.metric span{display:block;color:var(--muted);font-size:.83rem;margin-bottom:12px}.metric strong{font-size:1.75rem}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head h2,.form-card h2{margin:0 0 4px;font-size:1.1rem}.muted{color:var(--muted);margin:.35rem 0;font-size:.9rem}.split{display:flex;gap:20px;align-items:flex-start}.form-card{width:350px;flex:0 0 350px}.grow{flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{display:grid;gap:7px;font-size:.82rem;font-weight:700;margin:14px 0}input,select{width:100%;border:1px solid #d8ddea;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(87,70,232,.11)}small{color:var(--muted);font-weight:500}.btn{border:1px solid #d8ddea;border-radius:10px;background:#fff;padding:10px 15px;font-weight:750;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn.primary{border:0;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 8px 18px rgba(87,70,232,.22)}.btn.small{padding:6px 10px;font-size:.78rem}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.86rem}th{text-align:left;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:11px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.empty{text-align:center;color:var(--muted);padding:35px}.badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:.72rem;font-weight:800;text-transform:capitalize}.badge.active,.badge.approved{background:#e8f7f1;color:var(--green)}.badge.paused,.badge.pending{background:#fff5df;color:var(--amber)}.badge.blocked,.badge.rejected{background:#feecef;color:var(--red)}
.alert{border-radius:11px;padding:12px 14px;margin-bottom:18px;font-size:.88rem}.alert.success{background:#e8f7f1;color:#08734e}.alert.error{background:#feecef;color:#a52335}.auth-body{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#ece9ff,transparent 38%),var(--bg)}.auth-card{width:min(420px,100%);text-align:center}.auth-card .brand-mark,.installer .brand-mark{margin:auto}.auth-card form{text-align:left}.auth-card h1,.installer h1{margin:15px 0 4px}.auth-card .btn{width:100%;margin-top:8px}.installer{width:min(760px,100%)}.installer>h1,.installer>p{text-align:center}.link-builder{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:end}.generated{margin-top:18px;padding:14px;border:1px dashed #b8bfe0;border-radius:12px;background:#fafaff;display:flex;justify-content:space-between;gap:12px;align-items:center}.generated code{overflow:auto;white-space:nowrap}
@media(max-width:980px){.metrics{grid-template-columns:repeat(2,1fr)}.split{display:block}.form-card{width:100%;margin-bottom:18px}.link-builder{grid-template-columns:1fr 1fr}.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:translateX(0)}.main{margin-left:0;padding:20px}.menu{display:block}}
@media(max-width:620px){.metrics,.form-grid,.two,.link-builder{grid-template-columns:1fr}.main{padding:16px}.secure{display:none}.card{padding:16px}.metric strong{font-size:1.45rem}.generated{display:block}.generated .btn{margin-top:10px}.full{grid-column:auto}}

/* AffyAds branded creative layer */
:root{--cyan:#00bfe8;--shadow:0 14px 40px rgba(25,35,58,.09)}
.sidebar{width:270px;padding:24px 18px;background:linear-gradient(180deg,#121427 0%,#181a32 58%,#101222 100%);overflow:hidden}
.sidebar:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(0,191,232,.17),transparent 66%);top:-120px;right:-100px;pointer-events:none}
.sidebar:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--brand2),var(--cyan),var(--brand))}
.brand{position:relative;justify-content:space-between;gap:12px;padding:4px 8px 24px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.66rem;letter-spacing:.2em}
.brand-logo{display:block;width:160px;height:61px;object-fit:contain;object-position:left center}
.brand>span{color:#7d86aa;writing-mode:vertical-rl}.nav-label{position:relative;margin:25px 14px 10px;color:#656d91;font-size:.62rem;font-weight:900;letter-spacing:.2em}
nav{position:relative;gap:7px}nav a,.logout{padding:13px 15px;border-radius:12px;color:#b8bfd3;transition:.18s}nav a:hover{background:rgba(255,255,255,.06);color:#fff;transform:translateX(3px)}nav a.active{position:relative;background:linear-gradient(105deg,rgba(87,70,232,.34),rgba(0,191,232,.12));color:#fff;border:1px solid rgba(117,110,255,.28);box-shadow:inset 3px 0 0 #6f5cff}
.main{margin-left:270px;padding:32px;max-width:1700px;background:radial-gradient(circle at 92% 3%,rgba(0,191,232,.065),transparent 24%),radial-gradient(circle at 50% 0,rgba(87,70,232,.055),transparent 28%),var(--bg)}
.topbar{margin-bottom:28px}.topbar h1{font-size:2rem;letter-spacing:-.04em}.eyebrow{font-size:.68rem;font-weight:900;letter-spacing:.16em}.secure{display:flex;align-items:center;gap:8px;background:#e9f8f2;border:1px solid #cfefe2;border-radius:999px;padding:8px 12px;font-size:.75rem}.secure i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(21,150,107,.12)}
.card{border-radius:19px;padding:24px;background:rgba(255,255,255,.96)}.metrics{gap:18px;margin-bottom:22px}.metric{position:relative;overflow:hidden;border-radius:18px;padding:22px;transition:.18s}.metric:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;right:-28px;top:-28px;background:linear-gradient(135deg,rgba(87,70,232,.16),rgba(0,191,232,.12))}.metric:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(25,35,58,.12)}.metric span{font-size:.79rem;font-weight:650}.metric strong{font-size:1.8rem;letter-spacing:-.04em}.split{gap:22px}.form-card{width:390px;flex-basis:390px}
.auth-body{background:radial-gradient(circle at 15% 8%,rgba(87,70,232,.2),transparent 30%),radial-gradient(circle at 88% 85%,rgba(0,191,232,.13),transparent 28%),#f4f6fb}.auth-card{position:relative;width:min(440px,100%);padding-top:30px}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:19px 19px 0 0;background:linear-gradient(90deg,var(--brand2),var(--cyan),var(--brand))}
.logo-stage{display:grid;place-items:center;width:230px;height:94px;margin:0 auto 13px;padding:10px 20px;border-radius:18px;background:linear-gradient(145deg,#111426,#1d2039);box-shadow:0 16px 32px rgba(18,20,39,.18)}.logo-stage img{width:100%;height:100%;object-fit:contain}.product-pill{display:inline-block;color:var(--brand);background:#efedff;border:1px solid #dfdbff;border-radius:999px;padding:6px 10px;font-size:.6rem;font-weight:900;letter-spacing:.15em}
@media(max-width:980px){.main{margin-left:0}.form-card{width:100%}}