.accounts-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.accounts-heading h2{margin:0 0 8px;font-size:29px;font-weight:500;letter-spacing:-1px}.accounts-heading p:not(.accounts-eyebrow){margin:0;color:var(--text-muted);font-size:12px}.accounts-eyebrow{font-size:9px;letter-spacing:1.6px;color:#e3848c;margin:0 0 12px}.accounts-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.accounts-summary article{background:#1b1314;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.accounts-summary span{display:block;font-size:9px;letter-spacing:1px;color:#9c7a7d}.accounts-summary strong{display:block;font-size:30px;font-weight:500;color:#ea9aa1;margin-top:8px}.accounts-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.accounts-toolbar>input{flex:1;min-width:220px}.accounts-toolbar>select{width:auto;min-width:150px}.accounts-table-wrap{overflow-x:auto}.owner-account-table{min-width:850px}.owner-account-table small{display:block;font-size:10px;color:#9c8183;margin-top:5px;max-width:230px;overflow-wrap:anywhere}.owner-account-table strong{font-size:12px;font-weight:600}.owner-account-table th{white-space:nowrap}.account-state-active{color:#cd9a9e!important}.account-state-muted{color:#d97981!important}.owner-account-table .account-selected{background:#e9677210}.accounts-empty{color:#987b7d;font-size:12px;padding:24px!important;line-height:1.8}.accounts-detail{background:#1a1213;border:1px solid #e6767f25;border-radius:14px;padding:26px;margin-top:25px;scroll-margin-top:90px}.accounts-detail-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.accounts-detail-heading h3{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:0 0 5px}.accounts-detail-heading p{font-size:11px;color:#b09395;margin:0}.accounts-actions{display:flex;gap:8px;flex-wrap:wrap}.accounts-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-block:1px solid #ffffff0b;padding-block:20px;margin-block:24px}.accounts-meta small{display:block;font-size:9px;letter-spacing:1px;color:#99797c;margin-bottom:6px}.accounts-meta span{font-size:11px;overflow-wrap:anywhere}.accounts-protected{font-size:10px;color:#c6757c}.accounts-notes{font-size:12px;color:#b49497;line-height:1.8;white-space:pre-wrap}.accounts-detail h4{font-size:14px;font-weight:500;margin:26px 0 15px}.accounts-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.accounts-projects article{padding:20px;background:#130d0d;border:1px solid #ffffff0c;border-radius:10px;min-width:0}.accounts-projects h5{font-size:15px;font-weight:500;margin:0 0 10px}.accounts-projects p{font-size:11px;color:#a68588;margin:6px 0}.accounts-projects code{font-size:10px;color:#cd8086;display:block;margin-block:10px 18px;overflow-wrap:anywhere}.accounts-history{font-size:11px;color:#ac8b8e}.accounts-history>div{padding:11px 0;border-bottom:1px solid #ffffff08}.accounts-dialog{color:#eededf;background:#1c1314;border:1px solid #dd777f45;border-radius:15px;width:min(660px,calc(100% - 30px));max-height:90vh;padding:26px;box-shadow:0 35px 120px #0009}.accounts-dialog::backdrop{background:#0a0707bf;backdrop-filter:blur(4px)}.accounts-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff0d;padding-bottom:18px;margin-bottom:20px}.accounts-dialog h3{font-weight:500;font-size:23px;letter-spacing:-.6px;margin:0}.accounts-close{background:transparent;border:0;color:#b49396;font-size:25px;cursor:pointer;padding:0 4px}.accounts-dialog label{font-size:11px;color:#bd9fa1;display:block}.accounts-dialog label>.form-control{margin-top:8px}.accounts-dialog small{font-size:9px;color:#957578;display:block;line-height:1.7;margin-top:7px}.accounts-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.accounts-full{grid-column:1/-1}.accounts-dialog footer{margin-top:25px;padding-top:18px;border-top:1px solid #ffffff0c;display:flex;justify-content:flex-end;gap:10px}.accounts-error{font-size:12px;color:#e58d94;line-height:1.8;padding:12px;background:#d9667010;border:1px solid #d4757d28;border-radius:7px;margin-bottom:18px}.accounts-error:empty{display:none}.accounts-hint{font-size:11px;color:#b29093;line-height:1.9;padding:15px;background:#d8777f08;border:1px solid #d66c751c;border-radius:8px;margin-top:18px}.accounts-confirm{display:flex!important;align-items:flex-start;gap:10px;line-height:1.8}.accounts-confirm>input{margin-top:4px;accent-color:#e8737d}.accounts-dialog input:focus-visible,.accounts-dialog button:focus-visible{outline:2px solid #f07b84;outline-offset:3px}.account-management [hidden]{display:none!important}
@media(max-width:900px){.accounts-heading,.accounts-detail-heading{flex-direction:column;align-items:flex-start}.accounts-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.accounts-toolbar>select{flex:1}.accounts-meta{grid-template-columns:1fr}.accounts-form-grid{grid-template-columns:1fr}.accounts-dialog{padding:21px}.accounts-full{grid-column:auto}.accounts-detail{padding:20px}.accounts-projects{grid-template-columns:1fr}}
.accounts-view .topbar-right,.accounts-view #topbar-app-status{display:none}.account-management .btn-secondary{background:#291d1e;color:#dbc2c4;border-color:#ffffff12}.account-management .btn-secondary:hover{background:#362425;border-color:#db777f35}

/* Native dialogs need explicit margins because the global reset removes UA centering. */
.accounts-modal-open,.accounts-modal-open body{overflow:hidden}
.accounts-dialog{position:fixed;inset:0;margin:auto;width:min(720px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:0;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#231819,#1a1213);box-shadow:0 32px 120px #000b}
.accounts-dialog[open]{display:flex;flex-direction:column}
.accounts-dialog>form{display:flex;flex-direction:column;min-height:0;max-height:inherit;width:100%}
.accounts-dialog header{flex-shrink:0;margin:0;padding:24px 28px;align-items:center;background:#1f1516}
.accounts-dialog .accounts-eyebrow{margin-bottom:8px}
.accounts-dialog h3{font-size:25px}
.accounts-dialog-body{padding:24px 28px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;scrollbar-color:#794045 transparent;scroll-padding-block:20px}
.accounts-dialog .accounts-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.accounts-dialog label{font-size:13px;line-height:1.5;min-width:0;color:#d2bdbf}
.accounts-dialog .form-control{min-height:46px;font-size:14px;padding:12px 14px;width:100%;border-radius:9px}
.accounts-dialog textarea.form-control{resize:vertical;min-height:86px;max-height:220px}
.accounts-dialog small{font-size:11px;line-height:1.6}
.accounts-dialog .accounts-full{grid-column:1/-1}
.accounts-close{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:10px;background:#ffffff06;color:#ddc8ca;transition:background .15s}
.accounts-close:hover{background:#ffffff13;color:#f07b84}
.accounts-dialog footer{flex-shrink:0;margin:0;padding:18px 28px;background:#1f1516;gap:12px}
.accounts-dialog footer .btn{min-height:44px;padding:11px 20px;font-size:13px}
.accounts-dialog .accounts-hint{font-size:12px}
.accounts-dialog :is(input,textarea,select,button):focus-visible{outline:2px solid #f07b84;outline-offset:2px}
@media(max-width:600px){.accounts-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:15px}.accounts-dialog header{padding:18px}.accounts-dialog-body{padding:20px 18px}.accounts-dialog .accounts-form-grid{grid-template-columns:1fr;gap:18px}.accounts-dialog footer{padding:15px 18px}.accounts-dialog footer .btn{flex:1}.accounts-dialog h3{font-size:22px}}