@import url('/assets/account-v1.css');
.account-tabs{display:flex;gap:8px;max-width:100%;min-width:0;overflow-x:auto;padding:4px 2px 10px;border-bottom:1px solid #e3ebf5;scrollbar-width:thin;scroll-padding-inline:2px}.account-tabs button{flex:none;border:1px solid #dbe4ef;border-radius:12px;background:#f8fafc;color:#526782;min-height:44px;padding:10px 16px;font:inherit;font-weight:800;white-space:nowrap;cursor:pointer}.account-tabs button[aria-selected="true"]{background:#0f2033;color:#fff;border-color:#0f2033}.account-tabs button:hover{border-color:#075bff}.account-tabs button:focus-visible{outline:3px solid #99bfff;outline-offset:2px}.account-tabs[hidden],.product-wallet[hidden],.account-note-records[hidden]{display:none!important}.account-summary,[data-product-wallets]{min-width:0}.account-signed-mark{width:40px;height:40px;border-radius:14px;font-size:20px;margin-bottom:10px}[data-product-wallets]>.product-wallet{margin:0}.account-record-group{border-top:1px solid #e3ebf5;margin-top:12px}.account-record-group>summary{min-height:44px;padding:10px 0;box-sizing:border-box;font-weight:800;color:#10233c;cursor:pointer}.account-record-group[open]{padding-bottom:8px}.account-note-records{margin-top:22px;border-top:1px solid #e3ebf5;padding-top:4px}.account-note-records h3{font-size:18px}.account-empty{color:#667a96;line-height:1.7;text-align:left}@media(max-width:480px){.account-tabs button{padding:9px 12px}.account-card .account-balance{padding:18px}.account-card .account-lead{margin-bottom:14px}}
.account-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px}.account-link{border:0;background:transparent;color:#075bff;font:inherit;font-weight:800;cursor:pointer;padding:10px 4px;text-align:left}.account-link:hover{text-decoration:underline}.account-input[readonly]{background:#f8fafc;color:#5f6d7c}[data-after-code],[data-password-fields]{display:grid;gap:14px}[data-after-code][hidden],[data-password-fields][hidden]{display:none}
.account-danger{margin-top:22px;padding:18px;border:1px solid #fecaca;border-radius:18px;background:#fff7f7;color:#7f1d1d}.account-danger p{margin:0 0 8px;font-size:15px;line-height:1.7}.account-delete-link{color:#dc2626}
.account-delete-form{display:grid;gap:12px;margin-top:14px}.account-delete-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-delete-actions .account-action{flex:1;min-width:220px;background:#b93838}.account-delete-actions .account-link{min-width:96px}
.account-google{display:flex;align-items:center;justify-content:center;text-decoration:none;background:#fff;color:#10233c;border:1px solid #cfd9e7;margin-top:12px}.account-google:hover{background:#f8fafc}
.account-expiry{margin-top:22px;padding:18px;border:1px solid #dbe7f6;border-radius:18px;background:#f8fbff;color:#10233c}.account-expiry h2,.account-expiry h3{margin:0;font-size:18px}.account-expiry h3{margin-top:18px;font-size:16px}.account-expiry>p{margin:6px 0 0;color:#526782}.account-expiry-dates{display:grid;gap:8px;margin-top:14px}.account-expiry-dates span{display:flex;justify-content:space-between;gap:16px}.account-expiry-dates strong{font-weight:800;text-align:right}.account-expiry-list{list-style:none;margin:8px 0 0;padding:0}.account-expiry-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #e3ebf5}.account-expiry-list li>span{display:grid}.account-expiry-list small,.account-expiry-list time,.account-expiry-empty{color:#667a96;font-size:14px}.account-expiry-list time{text-align:right}.account-expiry-empty{margin:8px 0 0}@media(max-width:600px){.account-expiry-dates span,.account-expiry-list li{align-items:flex-start;flex-direction:column;gap:3px}.account-expiry-dates strong,.account-expiry-list time{text-align:left}}
.account-dashboard-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:stretch}.account-dashboard-grid .account-balance,.account-dashboard-grid .account-expiry{margin:0;height:100%}.account-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.account-split span{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:12px;background:#fff}.account-split b{color:#10233c}.account-usage{padding:20px;border:1px solid #dbe7f6;border-radius:18px;background:#fff}.account-usage h2{margin:0 0 8px;font-size:18px}.account-usage-list{list-style:none;margin:0;padding:0}.account-usage-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-top:1px solid #e8eef6}.account-usage-list li>span{display:grid}.account-usage-list small{color:#667a96}.account-usage-list b{color:#b42318;white-space:nowrap}.account-usage-older{margin-top:8px}.account-usage-older summary{min-height:44px;display:flex;align-items:center;color:#075bff;font-weight:800;cursor:pointer}.account-usage-older[open] summary{margin-bottom:4px}@media(max-width:760px){.account-dashboard-grid{grid-template-columns:1fr}}@media(max-width:600px){.account-split{grid-template-columns:1fr}.account-usage-list li{align-items:flex-start}.account-usage{padding:17px}}

.product-wallet{margin:24px 0;padding:22px;border:1px solid #dfe3ed;border-radius:20px;text-align:left;overflow-wrap:anywhere}.product-wallet h2{margin-top:0}.product-wallet h3{margin-top:24px}.product-wallet .account-balance{margin:12px 0}.product-wallet select{width:100%}.product-wallet form{display:grid;gap:14px}.product-wallet li{gap:12px;flex-wrap:wrap}@media(max-width:480px){.product-wallet{padding:14px}}
.note-record-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.note-record-tools label,.note-record-list label{display:flex;align-items:center;gap:12px;cursor:pointer}.note-record-list li{justify-content:space-between}.note-record-list li>label{flex:1;min-width:0}.note-record-list li>label>span{display:grid;gap:4px;min-width:0}.note-record-list small{color:#667a96}.note-record-list input[type="checkbox"],.note-record-tools input[type="checkbox"]{width:18px;height:18px;flex:none;accent-color:#075bff}.note-edit-form,.product-wallet [data-record-delete-form]{margin-top:18px;padding:18px;border:1px solid #dbe7f6;border-radius:14px;background:#f8fbff}.note-edit-form label{display:grid;gap:6px}.note-edit-form textarea{min-height:76px;resize:vertical}.note-edit-form .account-input{width:100%;box-sizing:border-box}.note-edit-form [data-note-message],.product-wallet [data-note-message]{color:#b42318;margin:0}
