.accounts-app .ledger-frame{width:min(850px,92vw);height:min(560px,83vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;pointer-events:auto;background:#101012fa;border:1px solid #5a393b;border-top:2px solid #8b2435;border-radius:16px;box-shadow:0 35px 100px #000a;overflow:hidden;animation:bank-enter .22s ease-out}
.accounts-app .ledger-page{animation:ledger-page-reveal .18s ease-out}
.accounts-app .bank-head{padding:13px 23px;min-height:71px}
.accounts-app .ledger-main{display:grid;grid-template-columns:207px minmax(0,1fr);min-height:0}
.accounts-app .ledger-nav{min-height:0;overflow:auto;border-right:1px solid var(--line);padding:15px 11px;background:linear-gradient(160deg,#20141855,transparent 60%),#101012;scrollbar-width:thin}
.accounts-app .ledger-nav button{display:flex;align-items:center;gap:10px;width:100%;height:42px;margin-bottom:4px;padding:0 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c2b1b8;text-align:left;font-weight:500;white-space:nowrap}
.accounts-app .ledger-nav button svg{color:#b49364}
.accounts-app .ledger-nav button:hover:not(:disabled){background:#ffffff08;color:var(--cream)}
.accounts-app .ledger-nav button[aria-current=page]{background:linear-gradient(90deg,#4119258f,#25171a75);border-color:#81374688;box-shadow:inset 2px 0 var(--red);color:#ffe1da}
.accounts-app .nav-divider{height:1px;background:var(--line);margin:10px 5px}
.accounts-app .ledger-body{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);position:relative}
.accounts-app .vault-host{min-height:0}
.accounts-app .ledger-page{min-width:0;overflow:auto;padding:21px 26px 19px;scrollbar-width:thin;scrollbar-color:#53323c transparent}
.accounts-app h2{font-size:24px;line-height:1.25}
.accounts-app .page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.accounts-app .page-head h2{display:flex;align-items:center;gap:9px;min-width:0}
.accounts-app .page-head svg{color:var(--gold)}
.accounts-app .subject{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.accounts-app .subject>div{min-width:0;overflow-wrap:anywhere}
.accounts-app .subject b{display:block;font-size:15px}
.accounts-app .subject span{font-size:12px;color:var(--muted)}
.accounts-app .balance-pair{display:grid;grid-template-columns:1.12fr 1fr;gap:9px}
.accounts-app .balance-card{margin:0;min-height:82px;padding:11px 14px}
.accounts-app .balance-card strong{font-size:clamp(22px,2.1vw,31px)}
.accounts-app .balance-card>svg{right:10px;bottom:-11px}
.accounts-app .ledger-section{margin-top:16px}
.accounts-app .ledger-section h3{font-size:17px}
.accounts-app .account-tag{border:1px solid #b4936448;background:#b493640d;color:#e8c99b;padding:3px 8px;border-radius:4px;font-size:12px;white-space:nowrap}
.accounts-app .ledger-table{overflow:auto;border:1px solid var(--line);border-radius:8px;scrollbar-width:thin}
.accounts-app table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;min-width:555px;line-height:1.3}
.accounts-app th,.accounts-app td{padding:9px 11px;border-bottom:1px solid var(--line)}
.accounts-app th{background:#21191c;color:#d6c0c5;font-size:12px;font-weight:600}
.accounts-app tbody tr:last-child td{border:0}
.accounts-app tr:nth-child(even){background:#ffffff03}
.accounts-app .numeric{text-align:right;white-space:nowrap}
.accounts-app .credit{color:#e9c894}
.accounts-app .debit{color:#f6acb7}
.accounts-app .table-note{display:block;color:var(--muted);font-size:11px;max-width:30ch;overflow-wrap:anywhere}
.accounts-app .ledger-form{padding:15px 16px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(132deg,#20171a77,#141315);max-width:690px}
.accounts-app .ledger-section .ledger-form{margin-top:8px}
.accounts-app .fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.accounts-app label.field{display:grid;gap:4px;margin-bottom:10px;min-width:0;font-size:13px;font-weight:600}
.accounts-app .ledger-form input,.accounts-app .ledger-form select,.accounts-app .filters select{width:100%;min-height:38px;min-width:0;background:#171417;border:1px solid #ffffff24;border-radius:6px;padding:5px 9px;color:var(--cream);font:inherit}
.accounts-app .shortcut{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 11px}
.accounts-app .shortcut .btn,.accounts-app .btn.small{min-height:32px;padding:4px 12px;font-size:12px}
.accounts-app .filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:10px}
.accounts-app .filters label{display:grid;gap:3px;min-width:133px;font-size:12px;color:var(--muted)}
.accounts-app .pager{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:10px;color:var(--muted);font-size:12px}
.accounts-app .contact-list{display:grid;gap:7px}
.accounts-app .contact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#ffffff03}
.accounts-app .contact-main{min-width:0;text-align:left;border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:9px;padding:2px;overflow-wrap:anywhere}
.accounts-app .contact-main:hover{color:#efc99c}
.accounts-app .contact-main svg{color:var(--gold)}
.accounts-app .contact-main small{display:block;color:var(--muted);font-size:12px}
.accounts-app .contact-actions{display:flex;align-items:center;gap:5px}
.accounts-app .ledger-facts{margin:0;border:1px solid var(--line);max-width:680px;border-radius:8px;padding:0 12px}
.accounts-app .ledger-facts div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 3px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.accounts-app .ledger-facts div:last-child{border-bottom:0}
.accounts-app .ledger-facts dt,.accounts-app .muted{color:var(--muted)}
.accounts-app .ledger-facts dd{margin:0;text-align:right}
.accounts-app .state-box{padding:18px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}
.accounts-app .state-box p{margin-bottom:8px}
.accounts-app .ledger-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 15px;min-height:36px;border-top:1px solid var(--line);font-size:12px;color:#d5bb99;background:#b4936408}
.accounts-app .ledger-footer[data-kind=error],.accounts-app .ledger-footer[data-kind=unknown]{color:#ffc8ce;background:#8e203222}
.accounts-app .global-message{flex:1;min-width:0;overflow-wrap:anywhere}
.accounts-app .ledger-footer kbd{color:var(--muted);white-space:nowrap}
.accounts-app .ledger-modal p{overflow-wrap:anywhere;margin-bottom:8px}
.accounts-app .ledger-modal .ledger-form{border:0;background:none;padding:0}
.athan-bank.vault-embedded{position:relative;inset:auto;display:block;z-index:auto;width:100%;height:100%;pointer-events:auto}
.athan-bank.vault-embedded .bank-frame{display:grid;width:100%;height:100%;grid-template-rows:auto minmax(0,1fr);border:0;border-radius:0;box-shadow:none;background:none;animation:none}
.athan-bank.vault-embedded .bank-head,.athan-bank.vault-embedded .account,.athan-bank.vault-embedded .bank-foot{display:none}
.athan-bank.vault-embedded .bank-notice{grid-row:1;padding-inline:16px}
.athan-bank.vault-embedded .workspace{grid-row:2;display:block;min-height:0;overflow:hidden}
.athan-bank.vault-embedded .vault{height:100%;min-height:0;padding:11px 13px}
.athan-bank.vault-embedded .load-view{grid-row:2}
@media(max-height:820px){.accounts-app .ledger-page{padding:16px 19px}.accounts-app .ledger-nav button{height:39px}}
@media(max-width:900px){.accounts-app .ledger-main{grid-template-columns:178px minmax(0,1fr)}.accounts-app .ledger-nav{padding-inline:8px}}
@media(max-width:680px){.accounts-app .ledger-frame{height:calc(100dvh - 112px);margin-top:28px}.accounts-app .ledger-main{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.accounts-app .ledger-nav{display:flex;gap:3px;overflow:auto;border:0;border-bottom:1px solid var(--line);padding:5px}.accounts-app .ledger-nav button{width:auto;margin:0}.accounts-app .nav-divider{display:none}.accounts-app .ledger-page{padding:11px}.accounts-app .page-head{align-items:flex-start}.accounts-app .fields{grid-template-columns:1fr}.accounts-app .ledger-footer>kbd{display:none}.athan-bank.vault-embedded .workspace{overflow:auto}.athan-bank.vault-embedded .vault{min-height:440px}.athan-bank.vault-embedded .slots-scroll{height:auto}}

.athan-bank.vault-embedded .vault-head{padding-bottom:9px}
.athan-bank.vault-embedded .slots{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}
.athan-bank.vault-embedded .vault-hint{min-height:26px;padding-top:6px}
.accounts-app .ledger-form{max-width:none;padding-block:12px}
.accounts-app .ledger-page{padding-block:15px;scrollbar-gutter:stable}
.accounts-app .ledger-section{margin-top:12px}
.accounts-app label.field{margin-bottom:8px}
.accounts-app .funds-flow{grid-template-columns:1fr 1fr;gap:16px;position:relative}
.accounts-app .funds-flow::after{content:'→';display:grid;place-items:center;position:absolute;inset:50% auto auto 50%;width:23px;height:23px;transform:translate(-50%,-50%);border:1px solid #b493646e;border-radius:50%;background:var(--panel);color:#e5be8c;font-size:15px;pointer-events:none}
.accounts-app .amount-preview{padding:6px 8px;margin:0 0 9px;border-left:2px solid #b493647e;background:#b4936410;color:#d8c3a6;font-size:12px;overflow-wrap:anywhere}
.accounts-app .transfer-balance{display:grid;align-content:center;gap:3px;min-height:82px;padding:11px 14px;background:linear-gradient(110deg,#292017,#141214);border:1px solid #b4936445;border-radius:8px;color:#d4bfb5;font-size:12px}
.accounts-app .transfer-balance b{font-size:clamp(22px,2.1vw,31px);line-height:1.16;overflow-wrap:anywhere}
.accounts-app .receipt-result{flex-wrap:wrap;justify-content:flex-end}
.accounts-app .receipt-result:not(:empty){display:flex;align-items:center;gap:9px;color:#eed0a5}
.accounts-app .receipt-amount{font-weight:600;white-space:nowrap}
.accounts-app .receipt-stamp{display:inline-flex;align-items:center;gap:4px;border:3px double #c7a473;background:#2c2016;color:#f0d2a2;padding:2px 6px;font-weight:600;line-height:1.25;white-space:nowrap;transform:rotate(-4deg);animation:ledger-stamp .36s cubic-bezier(.2,.7,.2,1) both}
.accounts-app .balance-confirmed{animation:ledger-balance-flash .67s ease-out}
@keyframes ledger-stamp{0%{opacity:0;transform:translateY(-5px) rotate(-9deg) scale(1.2)}55%{opacity:1;transform:rotate(-4deg) scale(.96)}100%{opacity:1;transform:rotate(-4deg) scale(1)}}
@keyframes ledger-balance-flash{0%{box-shadow:inset 0 0 0 1px #edc997ad,inset 0 0 27px #d2a56655}100%{box-shadow:inset 0 0 0 1px transparent,inset 0 0 27px transparent}}
@keyframes ledger-page-reveal{from{opacity:.65}to{opacity:1}}
@media(max-width:460px){.accounts-app .ledger-footer{flex-wrap:wrap}.accounts-app .global-message{flex-basis:100%}}

.accounts-app .account-card{position:relative;isolation:isolate;overflow:hidden;padding:15px 17px;border:1px solid #b493645a;border-radius:9px;background:linear-gradient(118deg,#2a2019,#191519 66%,#171315)}
.accounts-app .account-card>svg{position:absolute;z-index:-1;inset:8px 13px auto auto;color:#b4936429;stroke-width:.85;transform:rotate(-8deg)}
.accounts-app .profile-label,.accounts-app .card-details dt{color:#c8b9b5;font-size:12px}
.accounts-app .card-holder h3{font-size:22px;font-weight:600;overflow-wrap:anywhere}
.accounts-app .card-details{display:grid;grid-template-columns:1.2fr 1fr .85fr;gap:9px;margin:11px 0 0;padding-top:9px;border-top:1px solid #b4936440}
.accounts-app .card-details dd{margin:3px 0 0;overflow-wrap:anywhere}
.accounts-app .card-number{color:#edc996;font-weight:600;letter-spacing:.025em}
.accounts-app .account-pin{border:1px solid var(--line);border-radius:8px;background:#171419}
.accounts-app .account-pin summary{padding:10px 13px;cursor:pointer;color:var(--cream);font-weight:600}
.accounts-app .account-pin summary::marker{color:var(--gold)}
.accounts-app .account-pin .ledger-form{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
.accounts-app .contact{padding:8px 9px;align-items:center}
.accounts-app .contact-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #b493644a;border-radius:6px;background:#b4936413}
.accounts-app .contact-main b{display:block;line-height:1.25}
.accounts-app .contact-main small{margin-top:3px}
.accounts-app .contact-actions .btn,.accounts-app .pager .btn{min-height:32px;padding:4px 10px;font-size:12px}
.accounts-app .contact-actions [data-contact=pick]{border-color:#b4936460;color:#eed0a5}
.accounts-app .history-filters .field{margin-bottom:0;flex:1;max-width:185px}
.accounts-app .history-filters select{min-height:34px;padding-block:4px}
.accounts-app .history-table table{min-width:510px}
.accounts-app .history-table th,.accounts-app .history-table td{padding:8px;overflow-wrap:anywhere}
.accounts-app .history-table td:first-child,.accounts-app .history-table td:nth-child(3){white-space:nowrap}
.accounts-app .history-kind{display:inline-block;padding:2px 5px;border:1px solid #b493643d;border-radius:4px;color:#e5c8a1;font-size:11px}
.accounts-app .ledger-page[data-page=overview] .page-head{margin-bottom:9px}
.accounts-app .ledger-page[data-page=overview] .balance-card{min-height:72px;padding-block:9px}
.accounts-app .ledger-page[data-page=overview] .history-table th,
.accounts-app .ledger-page[data-page=overview] .history-table td{padding-block:6px}
@media(max-width:520px){
  .accounts-app .card-details{grid-template-columns:1fr 1fr}
  .accounts-app .card-details>div:first-child{grid-column:1/-1}
  .accounts-app .contact{grid-template-columns:minmax(0,1fr)}
  .accounts-app .contact-actions{flex-wrap:wrap;padding-left:42px}
  .accounts-app .history-filters .field{min-width:110px}
}