.account-page{max-width:1100px;margin:0 auto 48px}.account-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:8px 0 28px}.account-heading h2{font-size:clamp(26px,3vw,34px);margin:4px 0 8px;letter-spacing:-.6px}.account-eyebrow{font-size:12px;font-weight:600;color:#367558;margin:0}.account-heading .hint{margin:0;font-size:15px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-panel{background:#fff;border:1px solid #dce4dd;border-radius:16px;padding:26px;min-width:0;box-shadow:0 4px 18px #25382b05}.account-panel-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.account-panel-heading i{font-size:21px;color:#377b59}.account-panel h3{font-size:18px;line-height:1.4;margin:0}.account-plan-panel{background:#f2f8f3;border-color:#bdd7c5}.account-plan-badge{display:inline-flex;margin-left:auto;border:1px solid #a5cbb1;background:white;border-radius:8px;padding:5px 9px;color:#236040;font-size:13px;font-weight:600}.account-plan-date{font-size:17px;line-height:1.6;font-weight:600;margin:0 0 12px}.account-plan-description{font-size:14px;line-height:1.75;color:#496252;margin:0 0 24px}.account-library-stats{display:flex;gap:40px;margin:0 0 18px}.account-library-stats strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.6px;color:#263e30;line-height:1.3}.account-library-stats span{font-size:12px;color:#65756b}.account-panel .field{margin:20px 0}.account-panel .field label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.account-panel input{min-height:46px;background:#fbfcfa}.account-panel .hint{line-height:1.7}.account-panel .actions-row{gap:12px}.account-panel button,.account-panel a.secondary{min-height:44px;font-size:14px}.account-facts{list-style:none;padding:0;margin:0;display:grid;gap:17px}.account-facts strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.account-facts span{display:block;font-size:13px;line-height:1.65;color:#647268}.account-device{margin-top:20px;padding:20px 26px}.account-device summary{cursor:pointer;font-weight:600;font-size:15px;min-height:26px}.account-device summary i{margin-right:8px;color:#377b59}.account-device[open] summary{margin-bottom:18px}.account-device .field{max-width:650px}.account-device .secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.account-panel .pay-status:empty{display:none}
@media(max-width:760px){.account-grid{grid-template-columns:1fr;gap:14px}.account-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:22px}.account-heading>.primary{width:100%}.account-panel{padding:20px}.account-plan-badge{margin-left:0}.account-library-stats{gap:28px}.account-device{padding:18px 20px}.account-panel .actions-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){.account-panel{animation:account-in .32s ease-out both}.account-panel:nth-child(2){animation-delay:.04s}.account-panel:nth-child(3){animation-delay:.08s}.account-panel:nth-child(4){animation-delay:.12s}.account-panel button{transition:transform .18s,box-shadow .18s}.account-panel button:hover{transform:translateY(-1px)}}@keyframes account-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.device-state{display:inline-block!important;padding:3px 9px;border-radius:6px;background:#edf0f2;color:#475467!important;font-size:13px!important}.device-state.active{background:#e2f3e8;color:#17663b!important}.device-state.inactive{background:#fbe9e7;color:#a33127!important}.device-state.revoked{background:#fff2d9;color:#8a5914!important}.shared-library{border-top:1px solid #dce4dd;margin-top:28px;padding-top:20px}.shared-library .history-item{flex-wrap:wrap}.shared-library .history-item-main{min-width:180px}.account-panel>input{width:100%;margin:10px 0}.account-facts li{border-bottom:1px solid #e8eee9;padding-bottom:14px}