.account-page { max-width: 1100px; margin: 0 auto; display: grid; gap: 18px; color: #f5f7fb; }
.account-header { border-bottom: 1px solid #2c3748; padding: 20px 0; }
.account-header h1 { margin: 4px 0 8px; font-size: 30px; letter-spacing: 0; }
.account-header p { color: #aeb9c8; overflow-wrap: anywhere; }
.eyebrow { margin: 0; color: #f4c542 !important; font-size: 12px; text-transform: uppercase; }
.account-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.account-actions a, .account-empty button, .pool-form button { border: 1px solid #46566d; border-radius: 6px; padding: 10px 14px; background: #172334; color: #fff; text-decoration: none; cursor: pointer; }
.account-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid #283446; }
.account-metrics article { padding: 16px; border-right: 1px solid #283446; display: grid; gap: 5px; }
.account-metrics article:last-child { border: 0; }.account-metrics span { color: #9eabba; font-size: 12px; }.account-metrics strong { font-size: 24px; }
.account-section { padding: 8px 0 16px; }.account-section h2 { font-size: 18px; }
.account-list { display: grid; gap: 7px; }.account-list article, .account-list a { display: flex; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid #283446; border-radius: 6px; color: #fff; text-decoration: none; background: #101923; }.account-list span { color: #9eabba; overflow-wrap: anywhere; }
.pool-form { max-width: 680px; display: grid; gap: 14px; }.pool-form label { display: grid; gap: 6px; color: #aeb9c8; }.pool-form input, .pool-form select { border: 1px solid #344154; border-radius: 6px; padding: 11px; background: #111c29; color: #fff; }
.pool-form input[readonly] { background: #0b131e; color: #dce7f7; }
.pool-quote { border-left: 3px solid #f2b84b; padding: 10px 12px; background: #101a27; color: #bfc9d8; font-size: 13px; line-height: 1.5; }
.pool-manager-section { margin-top: 12px; border-top: 1px solid #283446; padding-top: 18px; }
.pool-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pool-section-heading button, .pool-manage-link { border: 1px solid #46566d; border-radius: 6px; padding: 8px 12px; background: #172334; color: #fff; text-decoration: none; cursor: pointer; }
.pool-integration-status, .pool-draft-state { color: #9eabba; font-size: 13px; }
.pool-list { display: grid; gap: 8px; }
.pool-list-item { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(240px, 1fr) auto; align-items: center; gap: 16px; border: 1px solid #283446; border-radius: 6px; padding: 13px; background: #101923; }
.pool-list-item > div:first-child { display: grid; gap: 4px; min-width: 0; }.pool-list-item span { color: #9eabba; font-size: 12px; }.pool-list-item strong { overflow-wrap: anywhere; }
.pool-list-item dl { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0; }.pool-list-item dl div { min-width: 0; }.pool-list-item dt { color: #7f8da0; font-size: 11px; }.pool-list-item dd { margin: 3px 0 0; overflow-wrap: anywhere; }
@media (max-width: 760px) { .pool-list-item { grid-template-columns: 1fr; }.pool-list-item dl { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) { .account-metrics { grid-template-columns: 1fr 1fr; }.account-list article, .account-list a { flex-direction: column; } }