*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:Canvas;color:CanvasText;font:1rem/1.5 system-ui,sans-serif}main{max-width:56rem;margin:0 auto;padding:clamp(1rem,6vw,4rem)}header{margin-bottom:1.5rem}.label,.note{opacity:.72}.label{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.1;margin:.3em 0}h2{font-size:1rem;margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem}.cards section{border:1px solid GrayText;border-radius:1rem;padding:1rem}.cards strong{font-size:2.4rem;font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:.5rem;border-bottom:1px solid GrayText}th:first-child{text-align:left}button,input{font:inherit;padding:.65em .85em;border-radius:.6rem;border:1px solid GrayText}button{cursor:pointer}.login{display:grid;gap:.8rem;max-width:26rem}.logout{float:right}