body{background:#f5f7fa;min-height:100vh}
.acct-wrap{max-width:680px;margin:0 auto;padding:3rem 1.5rem 5rem;font-family:'Inter',sans-serif}
.acct-wrap h1{font-family:'Playfair Display',serif;font-size:2rem;color:var(--navy);margin-bottom:0.4rem}
.acct-wrap .subtitle{color:#5a6a74;font-size:0.95rem;margin-bottom:2rem}
.acct-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.75rem 2rem;margin-bottom:1.25rem}
.acct-card h2{font-size:1.05rem;color:var(--navy);margin:0 0 0.4rem;font-weight:600}
.acct-card .muted{color:#5a6a74;font-size:0.9rem;margin:0 0 1rem;line-height:1.5}
.acct-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0.7rem 0;border-top:1px solid #f0f4f8}
.acct-row:first-of-type{border-top:none;padding-top:0}
.acct-label{color:#5a6a74;font-size:0.875rem;font-weight:500}
.acct-value{color:var(--navy);font-weight:600;font-size:0.95rem;word-break:break-word}
.btn-line{padding:0.55rem 1.1rem;background:#f0f4f8;color:var(--navy);border:none;border-radius:6px;font-size:0.875rem;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:background .15s}
.btn-line:hover{background:#e2e8f0}
.btn-danger{padding:0.7rem 1.2rem;background:#fff;color:#c53030;border:1.5px solid #feb2b2;border-radius:6px;font-size:0.9rem;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:background .15s,border-color .15s}
.btn-danger:hover{background:#fff5f5;border-color:#c53030}
.danger-card{border-color:#feb2b2}
.danger-card h2{color:#c53030}
.modal-backdrop{position:fixed;inset:0;background:rgba(11,37,69,0.55);display:none;align-items:center;justify-content:center;z-index:100;padding:1rem}
.modal-backdrop.show{display:flex}
.modal{background:#fff;border-radius:12px;max-width:460px;width:100%;padding:2rem 2.25rem;box-shadow:0 12px 48px rgba(0,0,0,0.25)}
.modal h2{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--navy);margin:0 0 0.5rem}
.modal p{color:#2a3a4a;font-size:0.92rem;line-height:1.6;margin:0 0 1rem}
.modal .warn{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;padding:0.85rem 1rem;font-size:0.875rem;color:#c53030;line-height:1.5;margin-bottom:1.2rem}
.modal label{display:block;font-size:0.85rem;font-weight:600;color:var(--navy);margin-bottom:0.35rem}
.modal input{width:100%;padding:0.65rem 0.85rem;border:1.5px solid var(--border);border-radius:6px;font-size:0.95rem;font-family:'Inter',sans-serif;outline:none;box-sizing:border-box;margin-bottom:1.2rem}
.modal input:focus{border-color:var(--teal)}
.modal-actions{display:flex;gap:0.6rem;justify-content:flex-end}
.btn-cancel{padding:0.7rem 1.1rem;background:#f0f4f8;color:var(--navy);border:none;border-radius:6px;font-size:0.9rem;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif}
.btn-confirm-delete{padding:0.7rem 1.1rem;background:#c53030;color:#fff;border:none;border-radius:6px;font-size:0.9rem;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif}
.btn-confirm-delete:disabled{opacity:0.5;cursor:not-allowed}
.gate-msg{text-align:center;color:#5a6a74;padding:4rem 1rem}