.sidebar-foot #logout {
  margin-left: 0;
  border: 1px solid #1b3a51;
  background: #10293d;
  color: #7890a5;
  cursor: pointer;
  padding: 7px 8px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.sidebar-foot #logout span { font-size: 17px; line-height: 1; }
.sidebar-foot #logout b { color: inherit; font-size: 9px; white-space: nowrap; }
.sidebar-foot #logout:hover { color: #14b8a6; border-color: #14b8a6; }
.sidebar-foot { border-top: 0; padding: 0 10px; display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.privacy-status { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid #1b4258; border-radius: 6px; background: #0d2639; }
.privacy-lock { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: rgba(20,184,166,.12); font-size: 15px; }
.sidebar-divider { height: 1px; background: #183046; }
.sidebar-foot #logout { justify-content: center; width: 100%; }
.wealth-list .cash { background: #f59e0b; }
.wealth-list .loan { background: #a855f7; }
.liability-card { border-top: 3px solid #a855f7; }
.asset-card .card-edit { position: absolute; right: 38px; top: 40px; border: 0; background: transparent; color: #7f8f9e; cursor: pointer; }
.asset-card .card-edit:hover { color: #2563eb; }
.projection-table-wrap { overflow-x: auto; margin-top: 22px; border: 1px solid #e4e9ee; border-radius: 5px; }
.projection-table { min-width: 760px; }
.projection-table th { white-space: nowrap; }
.projection-table td:not(:first-child), .projection-table th:not(:first-child) { text-align: right; }

.login-page { background: #071522; }
.login-page main { margin: 0; }
.login-shell { min-height: 100vh; display: grid; grid-template-columns: 1.05fr .95fr; }
.login-brand { padding: clamp(35px,7vw,95px); color: white; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; background: radial-gradient(circle at 10% 90%,rgba(20,184,166,.24),transparent 32%),linear-gradient(145deg,#071522,#0b2b40); }
.login-brand:after { content: ''; position: absolute; width: 390px; height: 390px; border: 1px solid rgba(20,184,166,.14); transform: rotate(45deg); right: -190px; top: 25%; box-shadow: 0 0 0 55px rgba(20,184,166,.025),0 0 0 110px rgba(20,184,166,.02); }
.login-brand .logo { margin: 0; }
.login-brand div>p { color: #14b8a6; font-size: 10px; letter-spacing: .2em; font-weight: 800; }
.login-brand h1 { font-size: clamp(40px,5vw,72px); line-height: 1.03; letter-spacing: -.055em; margin: 20px 0; }
.login-brand h1 em { color: #14b8a6; font-style: normal; }
.login-brand div>span { display: block; color: #94aabd; max-width: 500px; }
.login-brand>small { color: #667e91; }
.login-form-wrap { background: #f4f7f9; display: grid; place-items: center; padding: 35px; }
.login-form-wrap form { width: min(390px,100%); background: white; border: 1px solid #e4e9ee; border-radius: 8px; padding: 42px; box-shadow: 0 25px 70px rgba(7,21,34,.13); }
.login-form-wrap form>p:first-child { color: #2563eb; font-size: 9px; font-weight: 800; letter-spacing: .18em; }
.login-form-wrap h2 { margin: 5px 0; font-size: 28px; }
.login-form-wrap form>span { color: #758495; font-size: 12px; display: block; margin-bottom: 28px; }
.login-form-wrap label { display: flex; flex-direction: column; gap: 8px; color: #5f7080; font-size: 10px; font-weight: 800; margin: 16px 0; }
.login-form-wrap input { border: 1px solid #dce3e9; padding: 13px; border-radius: 4px; outline: none; }
.login-form-wrap input:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.08); }
.login-form-wrap button { width: 100%; margin-top: 5px; }
.login-form-wrap form>small { color: #8a9aaa; display: block; text-align: center; margin-top: 18px; font-size: 9px; }
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:260px;padding:30px}.login-brand h1{font-size:40px}.login-brand>small{display:none}.login-form-wrap{padding:20px}.login-form-wrap form{padding:28px}}
.login-legal{margin-top:16px!important;color:#7f8d9b!important;font-size:9px!important;line-height:1.5;text-align:center}.login-legal a{color:#2563eb;text-decoration:none}.login-legal a:hover{text-decoration:underline}