.integrations-view{background:radial-gradient(circle at 90% 0,rgba(101,88,255,.11),transparent 32%),var(--surface)}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:min(1100px,100%);margin:0 auto}
.integration-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 40px rgba(33,32,80,.07)}
.integration-card.featured{border-color:#d8d3ff;background:linear-gradient(145deg,#fff,#faf9ff)}
.adspower-card{border-color:#cfeee6;background:linear-gradient(145deg,#fff,#f6fffc)}
.integration-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.integration-head>div{flex:1}.integration-head h3{margin:3px 0 0}.integration-head small,.integration-help,.integration-card>p{color:var(--muted)}
.integration-card>p{line-height:1.8}
.integration-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-size:20px;font-weight:900}
.meta-logo{color:#fff;background:linear-gradient(135deg,#0866ff,#6939d3)}
.adspower-logo{color:#063f34;background:linear-gradient(135deg,#72f0d1,#1dc89f)}
.integration-logo.tik{background:#151515;color:#fff}.integration-logo.snap{background:#ffef00;color:#111}
.status.neutral{color:#667085;background:#eef0f4}
.permission-chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.permission-chips span{background:#f0efff;color:#5548cf;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}
.integration-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.integration-actions .primary,.integration-actions .secondary{font-size:13px}
.button-link{display:inline-flex;align-items:center;justify-content:center}
.integration-help{font-size:11px;line-height:1.7;margin:14px 0 0}
.adspower-console{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;background:#effbf8;border:1px solid #d5f3eb;border-radius:16px;padding:12px;margin-top:18px}.adspower-console div{background:#fff;border-radius:11px;padding:12px}.adspower-console small,.adspower-console b{display:block}.adspower-console small{color:var(--muted);font-size:10px;margin-bottom:7px}.adspower-console b{font-size:13px}
.compact-card{min-height:170px}
.identity-card{border-color:#dbe5f4;background:linear-gradient(145deg,#fff,#f7faff)}.kasbo-login-logo{background:#111827;color:#fff}.social-login-stack{display:grid;gap:10px;margin-top:18px}.social-login{width:100%;min-height:48px;border-radius:13px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:800;text-align:center;position:relative}.social-login span{position:absolute;right:16px;font-size:18px;font-weight:900}.social-login:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(17,24,39,.08)}.apple-login{background:#111;color:#fff;border-color:#111}.facebook-login{background:#0866ff;color:#fff;border-color:#0866ff}.instagram-login{color:#9b2bb7;border-color:#e2b7eb}.channel-logins{margin-bottom:12px}
.top-actions{display:flex;align-items:center;gap:10px}.header-login{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:12px;background:var(--primary);color:#fff;text-decoration:none;font-size:13px;font-weight:800}.login-nav-link{color:var(--primary)!important}.login-view{min-height:calc(100vh - 78px);align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(circle at 85% 10%,rgba(101,88,255,.16),transparent 34%),radial-gradient(circle at 10% 90%,rgba(34,211,167,.12),transparent 30%),#f7f8fc}.login-panel{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:var(--shadow)}.login-brand{width:max-content;margin:0 auto 24px}.login-panel h1{text-align:center;margin:18px 0 8px;font-size:32px}.login-panel>p{text-align:center;color:var(--muted);line-height:1.8}.login-panel>.eyebrow{display:block;width:max-content;margin:auto}.login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:20px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.login-terms{display:block;text-align:center;color:var(--muted);line-height:1.7;margin-top:18px}
.developer-manager{margin-top:22px;border-top:1px solid #d5f3eb;padding-top:18px}.developer-manager h4{margin:0 0 14px}.admin-unlock,.profile-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.admin-unlock input,.profile-form input,.profile-form select{margin:0}.profile-form{grid-template-columns:1fr 180px auto;margin-top:10px}.profile-list{display:grid;gap:9px;margin-top:14px}.profile-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px}.profile-row>div{flex:1;min-width:0}.profile-row b,.profile-row small{display:block}.profile-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-row small{color:var(--muted);margin-top:4px}.profile-row button{padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:#fff}.empty-state{color:var(--muted);font-size:12px}
.connection-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.connection-legend span{display:flex;align-items:center;gap:6px}.connection-legend i{width:8px;height:8px;border-radius:50%}.session-dot{background:#22d3a7}.api-dot{background:#6558ff}
@media(max-width:800px){.integration-grid{grid-template-columns:1fr}.integration-actions>*{width:100%}.adspower-console{grid-template-columns:1fr}.integration-card{padding:19px}.admin-unlock,.profile-form{grid-template-columns:1fr}.profile-row{flex-wrap:wrap}.profile-row>div{flex-basis:100%}.wallet-button{display:none}.header-login{white-space:nowrap}.login-panel{padding:24px}.login-panel h1{font-size:27px}}
