*{box-sizing:border-box}body{margin:0;background:#f2f5fa;color:#172033;font:16px/1.5 system-ui,sans-serif}[hidden]{display:none!important}header{background:#111827;color:white;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:16px}header span{color:#bac8e0;font-weight:400}main{max-width:1080px;padding:0 18px;margin:36px auto}.card{background:white;border:1px solid #dce3ef;border-radius:16px;padding:24px}.gate{max-width:500px;margin:8vh auto}h1{font-size:30px;line-height:1.2;margin:10px 0}small{color:#285bd7;font-weight:700;font-size:13px;letter-spacing:1px}p{color:#53627a}label{display:grid;gap:8px;margin:18px 0;font-weight:600}input{padding:12px;border:1px solid #adbcd3;border-radius:8px;font:inherit;width:100%}button{padding:12px 18px;min-height:44px;border:1px solid #b6c3d8;border-radius:8px;background:white;color:#172033;font:600 15px system-ui;cursor:pointer}button:disabled{opacity:.5;cursor:default}.primary{background:#285bd7;color:white;border-color:#285bd7}.heading,.total,.pages{display:flex;justify-content:space-between;align-items:center;gap:20px}.total{margin:24px 0;background:#152b52;color:white}.total strong{display:block;font-size:34px}.total p{color:#d6e2f5;max-width:350px}.expense{display:flex;gap:20px;justify-content:space-between;padding:20px 0;border-bottom:1px solid #e2e7ef}.expense:last-child{border-bottom:0}.expense b{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.expense span{font-size:14px;color:#53627a}.expense strong{white-space:nowrap;color:#285bd7}.pages{margin:24px 0}#error,#loginMessage{color:#b42318}:focus-visible{outline:3px solid #7aa4ff;outline-offset:3px}@media(max-width:600px){h1{font-size:25px}.heading,.total,.expense{align-items:flex-start;flex-direction:column;gap:12px}.card{padding:20px}header span{display:block;font-size:14px}.total strong{font-size:29px}}