@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,Arial,sans-serif;color:#101126;background:#f5f7ff}
h1,h2,.metric strong,.brand{font-family:Inter,Arial,sans-serif}
.sidebar{background:#0c0e27;color:#f5f7ff}
.brand{letter-spacing:-.055em;font-size:27px;gap:11px;padding-bottom:29px}
.brand-icon{width:36px;height:36px;display:block;flex:none}
.workspace{background:#171a39;border-color:#292d55}
.workspace small,.workspace span,.side-bottom small{color:#a6a9c8}
.side-bottom{border-color:#2c3058}
nav a{color:#b9bcda}
nav a.active,nav a:hover{background:linear-gradient(100deg,#3630a2,#5b2dc4);color:#fff}
header{border-color:#e2e4f4}
.breadcrumb{color:#7a78a3}
header p,.section-title p{color:#747895}
.mode{background:#ede4ff;color:#6330cc}
.button.primary{background:linear-gradient(110deg,#3b5bff,#8b3dff)}
.button.secondary{border-color:#dcdcf2;color:#262554}
.metrics,.table-wrap,.list{border-color:#e1e2f1;box-shadow:0 5px 25px #362d7b08}
.metric{border-color:#e8e8f5}
.metric label{color:#777b9c}
.metric small{color:#9293ab}
th{background:#f8f8ff;color:#77799d}
td{border-color:#ededf7}
td:first-child{color:#17182f}
.pill.active{background:#e7f8f2;color:#137c68}
.pill.paused{background:#efeff8;color:#73748f}
.edit{background:#eeebff;color:#5424c6}
.section-title input,dialog input,dialog select{border-color:#dcdcf0}
dialog{border-color:#deddf4}
.change-summary{background:#f4f2ff;color:#5f5b84}
#toast{background:#201c59}
:focus-visible{outline-color:#8b3dff}
#viewAdsets{margin:0 0 17px}
.adsets-panel{padding:24px}
.adsets-panel h2{font-size:22px;margin-bottom:7px}
.adsets-panel p{color:#747895;font-size:13px}
.adset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #e8e8f5}
.adset-row:last-child{border-bottom:0}
.adset-row strong,.adset-row small{display:block}
.adset-row strong{font-size:13px}
.adset-row small{color:#7a7d9b;font-size:11px;margin-top:5px}
#integration{margin-top:38px}#integration[hidden]{display:none}.integration-card{display:grid;gap:10px;background:white;border:1px solid #e5e4f4;border-radius:12px;padding:22px}.integration-card label{font-size:12px;font-weight:700;color:#6e8196;margin-top:8px}.integration-card code{display:block;padding:12px;background:#f5f6ff;border:1px solid #e5e4f4;border-radius:8px;word-break:break-all;font-size:12px;color:#243d58}.integration-card details{margin-top:12px}.integration-card summary{cursor:pointer;color:#493aff;font-weight:700;font-size:13px}.integration-card details code{margin-top:12px}
.pages-section{margin-top:38px}.pages-section[hidden]{display:none}.pages-list{background:#fff;border:1px solid #e1e2f1;border-radius:12px;padding:4px 22px}.pages-list .empty{margin:22px 0}.pages-list .error{margin:18px 0}.page-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #ededf7}.page-row:last-child{border-bottom:0}.page-row strong,.page-row small{display:block}.page-row strong{font-size:13px;color:#17182f}.page-row small,.page-row span{font-size:12px;color:#777b9c}.page-row small{margin-top:4px}@media(max-width:700px){.page-row{align-items:start;flex-direction:column;gap:5px}}
.credential-row{display:flex;align-items:stretch;gap:10px}.integration-card .credential-row code{flex:1;min-width:0}.credential-row button{flex:none;white-space:nowrap}@media(max-width:700px){.credential-row{display:block}.credential-row button{margin-top:8px}}