@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Spectral:wght@400;600&display=swap";:root{color:#0b1a1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#0b1a1f;--ink-muted:#3c4b52;--surface:#fffaf2;--surface-strong:#fff;--border:#e6dac7;--accent:#1b7f7a;--accent-strong:#145c58;--accent-warm:#f29f63;--shadow:0 18px 45px #0e181c1f;background-color:#f7f2e8;font-family:Space Grotesk,Segoe UI,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 15%,#ffe9cc 0%,#0000 45%),radial-gradient(circle at 85% 10%,#d7f0ed 0%,#0000 45%),#f7f2e8;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}textarea{resize:vertical}img{max-width:100%;display:block}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:3.5rem 1.5rem 4rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);width:min(1120px,96vw);box-shadow:var(--shadow);border-radius:24px;padding:2.5rem;animation:.6s rise-in}.card header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.badge{border:1px solid var(--border);color:#7a4a22;text-transform:uppercase;letter-spacing:.08em;background:#fff2df;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}h1{margin:.3rem 0 .6rem;font-family:Spectral,Georgia,serif;font-size:clamp(2rem,2.5vw,2.8rem)}p{color:var(--ink-muted);margin:.5rem 0 0}.actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.actions-gap{flex:1}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.button{cursor:pointer;border:none;border-radius:999px;padding:.85rem 1.8rem;font-weight:600;transition:transform .2s,box-shadow .2s}.button.button-compact{padding:.65rem 1.2rem;font-size:.95rem}.button.with-icon{align-items:center;gap:.45rem;display:inline-flex}.button-icon{width:16px;height:16px;display:inline-flex}.button-icon svg{width:100%;height:100%}.button.primary{background:var(--accent);color:#fffaf2;box-shadow:0 14px 30px #1b7f7a40}.button.secondary{color:var(--accent-strong);background:0 0;border:1px solid #145c5859}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button:hover:not(:disabled){transform:translateY(-2px)}.stack{gap:1.2rem;margin-top:2rem;display:grid}.panel{background:var(--surface-strong);border:1px solid var(--border);border-radius:18px;padding:1.2rem 1.4rem}.panel h2{margin:0 0 .5rem;font-size:1.1rem}.field{gap:.5rem;display:grid}.field label{font-weight:600}.field textarea,.field input{border:1px solid var(--border);background:#fffdf8;border-radius:14px;padding:.85rem 1rem}.status-pill{border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-flex}.status-pill.ok{color:#0c6a5c;background:#e2f6f1}.status-pill.warn{color:#a14a08;background:#ffe8d6}.user-chip{border:1px solid var(--border);background:#fffdf8;border-radius:14px;align-items:center;gap:.6rem;min-width:240px;padding:.75rem 1rem;display:inline-flex}.user-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-size:.85rem}.user-value{font-weight:700}.dot{background:var(--accent);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 6px #1b7f7a1f}.hint{color:var(--ink-muted);font-size:.95rem}.mono{letter-spacing:-.01em;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:.9rem}.panel-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.count-pill{color:var(--accent-strong);background:#eef6f4;border-radius:12px;align-items:center;padding:.35rem .8rem;font-weight:600;display:inline-flex}.count-pill.small{padding:.25rem .6rem;font-size:.85rem}.account-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.split{grid-template-columns:1.1fr .9fr;align-items:start;gap:1rem;display:grid}.list-panel{padding:1rem}.list-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.account-list{flex-direction:column;gap:.25rem;display:flex}.account-group{gap:.35rem;padding:.35rem 0;display:grid}.group-title{justify-content:space-between;align-items:center;display:flex}.account-list-item{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fffefb;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;padding:.9rem .85rem;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.account-list-item:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0b1a1f14}.account-list-item.active{border-color:#1b7f7a59;box-shadow:0 12px 26px #1b7f7a1f}.account-list-item strong{display:block}.list-meta{justify-items:end;gap:.25rem;min-width:160px;display:grid}.account-chip.small{padding:.25rem .6rem;font-size:.75rem}.mono.small{font-size:.85rem}.account-card{border:1px solid var(--border);background:linear-gradient(160deg,#fff 0%,#f9f5ec 100%);border-radius:16px;gap:.75rem;padding:1rem;animation:.4s rise-in;display:grid;box-shadow:0 10px 26px #0b1a1f0f}.account-card:nth-child(odd){animation-delay:50ms}.account-card:nth-child(2n){animation-delay:.1s}.account-card__header{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.account-card__title h3{margin:0}.account-card__header h3{margin:.15rem 0}.account-tag{border:1px dashed var(--border);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;border-radius:10px;padding:.35rem .7rem;font-size:.85rem}.account-chip{border:1px dashed var(--border);color:var(--ink-muted);border-radius:10px;padding:.35rem .65rem;font-size:.85rem}.account-card__body{flex-direction:column;align-items:flex-start;gap:.9rem;display:flex}.balance{margin-top:.25rem;font-size:1.5rem;display:block}.balance-block{width:100%}.meta-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;width:100%;display:grid}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-card__footer{justify-content:flex-end;display:flex}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.transactions-placeholder{grid-template-columns:1fr auto;align-items:center;gap:1rem;display:grid}.detail-header{align-items:flex-start}.detail-actions{justify-items:end;gap:.45rem;display:grid}.placeholder-tiles{gap:.6rem;display:flex}.placeholder-tile{border:1px solid var(--border);background:repeating-linear-gradient(135deg,#1b7f7a14,#1b7f7a14 12px,#145c5814 12px 24px);border-radius:14px;width:80px;height:80px}.link{color:var(--accent-strong);font-weight:600}.build-stamp{border:1px solid var(--border);background:#fffaf2e6;border-radius:12px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.95rem;display:inline-flex;position:fixed;bottom:14px;right:14px;box-shadow:0 8px 18px #0b1a1f1f}.dot-separator{color:var(--ink-muted)}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.card{padding:2rem 1.5rem}.actions{flex-direction:column;align-items:stretch}.account-card__body{flex-direction:column;align-items:flex-start}.transactions-placeholder,.split{grid-template-columns:1fr}}
