.accounts-page{display:grid;gap:18px}.accounts-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 28px;border-radius:19px;background:radial-gradient(circle at 78% 0,rgba(236,72,153,.19),transparent 34%),linear-gradient(125deg,#17102e,#32205d 62%,#53265d);color:#fff;box-shadow:0 16px 42px rgba(35,22,65,.16)}.accounts-hero h2{margin:4px 0;font-size:26px}.accounts-hero p{margin:0;color:#ddd6fe}.accounts-hero .eyebrow{color:#f0abfc}.accounts-hero .actions{justify-content:flex-end}.accounts-hero .secondary{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(8px)}
.account-connect-note{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #b2ddff;border-radius:12px;background:#eff8ff;color:#175cd3}.account-connect-note>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:#d1e9ff}.account-connect-note p{margin:0;font-size:11px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.account-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.06);transition:.2s}.account-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,24,40,.1)}.account-cover{height:75px;background:radial-gradient(circle at 75% 20%,rgba(244,114,182,.7),transparent 28%),linear-gradient(120deg,#3b1d71,#7f56d9 60%,#db2777)}
.account-profile{position:absolute;top:40px;left:20px}.account-profile>img,.account-profile>span{display:grid;place-items:center;width:72px;height:72px;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#7f56d9,#ec4899);color:#fff;object-fit:cover;font-size:25px;font-weight:900;box-shadow:0 5px 14px rgba(16,24,40,.16)}.account-platform{position:absolute;right:-2px;bottom:0;display:grid;place-items:center;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:#101828;color:#fff;font-style:normal;font-size:10px}.account-body{padding:43px 20px 17px}.account-status{display:flex;align-items:center;justify-content:space-between}.account-status>span{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:9px;font-weight:800}.account-status i{width:6px;height:6px;border-radius:50%;background:#12b76a}.account-status small{color:#98a2b3;font-size:9px}.account-body h3{margin:10px 0 1px;font-size:19px}.account-body>p{height:21px;margin:0;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-capabilities{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}.account-capabilities span{padding:4px 7px;border-radius:7px;background:#f2f4f7;color:#475467;font-size:8px;font-weight:700}
.account-card>footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:13px 20px;border-top:1px solid var(--line);background:#fcfcfd}.account-delete{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #fecdca;border-radius:8px;background:#fff;color:#d92d20;cursor:pointer;font-weight:700;font-size:10px}.account-delete:hover{background:#fef3f2}.accounts-empty{padding:65px 20px;border:1px dashed #d0d5dd;border-radius:17px;background:#fff;text-align:center}.accounts-empty>span{display:grid;place-items:center;width:56px;height:56px;margin:auto;border-radius:16px;background:#f4ebff;color:#6941c6;font-size:22px}.accounts-empty h3{margin:13px 0 2px}.accounts-empty p{margin:0;color:#667085}@media(max-width:1100px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accounts-hero{align-items:flex-start;flex-direction:column}.accounts-hero .actions{justify-content:flex-start}}@media(max-width:680px){.account-grid{grid-template-columns:1fr}.accounts-hero{padding:22px}.account-card>footer{align-items:stretch;flex-direction:column}.account-card>footer .btn,.account-delete{width:100%}}