/* login.html page layout. Shared values live in tokens.css. */
body{font-family:var(--font-system-short);background:var(--color-page-warm);color:var(--color-text);margin:0;min-height:100vh;display:grid;place-items:center}.card{background:var(--color-surface);border:1px solid var(--color-border-card);border-radius:24px;padding:36px;width:min(380px,80vw)}h1{font-size:var(--text-28);margin:20px 0 12px}p{font-size:var(--text-14);color:var(--color-text-muted);line-height:1.7}button{font:inherit;width:100%;padding:15px;border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-surface);border:0;cursor:pointer;margin:14px 0}button:disabled{opacity:.5;cursor:default}#message{font-size:var(--text-13);color:var(--color-palette-9b4545)}.note{font-size:var(--text-12)}.brand{display:flex;align-items:center;gap:16px;color:var(--color-accent-strong)}.brand img{border-radius:21px;border:3px solid var(--color-palette-ffdb7c);object-fit:cover}.brand strong{font-size:var(--text-28);font-weight:var(--weight-750)}.brand small{display:block;color:var(--color-palette-98745a);font-size:var(--text-12);margin-top:5px}.brand img,.brand-link img{border:0;border-radius:0;box-shadow:none;object-fit:contain;background:transparent}button.primary,.headline-refresh button,.balance-refresh button,.period-presets button.active,#signin{background:linear-gradient(135deg,var(--color-palette-e7913d) 0%,var(--color-palette-ac632f) 55%,var(--color-palette-744022) 100%);color:var(--color-surface)}.brand,.brand-link{color:var(--color-palette-754321)}.balance-total{background:linear-gradient(125deg,var(--color-palette-ffedcf),var(--color-palette-f0d5b9));color:var(--color-palette-744022)}input:focus,select:focus{outline-color:var(--color-palette-d69a58)}nav a.active{background:linear-gradient(120deg,var(--color-palette-ffe8c9),var(--color-palette-ecd0b5));color:var(--color-palette-744022)}.row.income .icon,.row.income>strong{color:var(--color-palette-bc712a)}.row:nth-child(even){background:var(--color-palette-fbf4eb)}.legend button:hover,.legend button[aria-pressed=true],.managementrow.selected{background:var(--color-palette-fae6cd)}.subcat-button[aria-pressed=true]{background:var(--color-palette-f4d8b8)!important;color:var(--color-palette-744022)!important}body{background:var(--color-page-surface)}.card{background:var(--color-surface-alpha-960);border-color:var(--color-palette-a0744b-alpha-130)}button{background:var(--color-accent-alpha-80)}button.primary,.headline-refresh button,.balance-refresh button,.period-presets button.active,#signin{background:linear-gradient(135deg,var(--color-palette-e7913d-alpha-230),var(--color-palette-ac632f-alpha-180) 55%,var(--color-palette-744022-alpha-150));color:var(--color-palette-70462e);border:1px solid var(--color-accent-alpha-160)}.balance-total{background:linear-gradient(125deg,var(--color-palette-ffd69c-alpha-240),var(--color-palette-b1794b-alpha-120));color:var(--color-palette-70462e)}nav a.active{background:linear-gradient(120deg,var(--color-palette-f3b264-alpha-170),var(--color-palette-9f6a40-alpha-100));color:var(--color-palette-70462e)}.row:nth-child(even),.detail-row:nth-child(even){background:var(--color-palette-a0744b-alpha-35)}.legend button{background:transparent}.legend button:hover,.legend button[aria-pressed=true],.managementrow.selected{background:var(--color-accent-alpha-85)}.managementrow.drag-over,.balance-row.drag-over{background:var(--color-palette-e7913d-alpha-130)}.subcat-button[aria-pressed=true]{background:var(--color-palette-e7913d-alpha-120)!important}.privacy{background:var(--color-palette-e7913d-alpha-75)}code{background:var(--color-accent-alpha-50)}.drill-back{background:transparent;border-color:var(--color-accent-alpha-200)}input:focus,select:focus{outline-color:var(--color-palette-c4884e-alpha-450)}.danger{background:var(--color-palette-be353d-alpha-80)}header{position:sticky;top:0;z-index:100;background:var(--color-page-surface)}.card{padding-top:33px;padding-bottom:33px}h1{margin-top:18px;margin-bottom:10px}p{margin-top:12px;margin-bottom:12px}.demo-card{box-sizing:border-box;width:min(1000px,calc(100% - 32px));margin:24px auto 40px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border-card);border-radius:24px}.demo-card h2{margin:0;font-size:var(--text-24)}.demo-card video{width:100%;display:block;border-radius:14px;margin-top:16px}.card{margin-top:32px}@media(max-width:600px){.demo-card{padding:16px}}
.demo-link{display:flex;align-items:center;gap:7px;width:max-content;margin:18px 0 0 auto;color:var(--color-accent-text);text-decoration:none;font-size:var(--text-14)}.demo-link:hover{color:var(--color-accent)}.card{margin:24px 0;box-sizing:border-box;width:min(452px,calc(100% - 32px))}@media(max-width:420px){.card{padding:24px}.brand strong{font-size:var(--text-25)}.brand small{font-size:var(--text-11)}}
.brand-title{display:flex;align-items:center;gap:10px}.brand-info{color:var(--color-text-muted);font-size:var(--text-21);line-height:1;text-decoration:none;font-weight:var(--weight-normal);flex-shrink:0}.brand-info:hover{color:var(--color-accent-text)}