:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15223a;background:#f3f5f9;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:740px;margin:auto;padding:28px 20px calc(28px + env(safe-area-inset-bottom))}header{display:flex;gap:12px;align-items:center}.mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#204ad8;color:white;font-size:24px;font-weight:800}.eyebrow{font-size:11px;letter-spacing:.12em;color:#536480;margin:0 0 4px;font-weight:700}h1{font-size:21px;margin:0}h2{font-size:19px;line-height:1.35;margin:0 0 14px}.welcome{margin:32px 0 22px}.welcome h2{font-size:27px}.welcome p,footer p{color:#65748b;font-size:14px}.notice{border:1px solid #d4dff3;border-radius:14px;padding:16px;background:#edf2ff;font-size:14px;line-height:1.55}.notice.error{background:#fff4ed;border-color:#f0d8c6;color:#7c3e1d}.period{margin:26px 0}.period label{display:block;font-size:13px;color:#65748b;margin-bottom:8px}.period>div{display:flex;gap:10px}input,button{font:inherit;border-radius:11px;padding:12px;border:1px solid #d6dfeb}input{background:white;color:#15223a;min-width:0;flex:1}button{cursor:pointer;font-size:14px;color:#204ad8;background:white;font-weight:600}button:focus-visible,input:focus-visible{outline:3px solid #8ca4ff;outline-offset:2px}button:disabled{opacity:.6;cursor:wait}nav{display:flex;gap:5px;background:#e7ecf4;border-radius:13px;padding:5px;margin-bottom:24px}nav button{flex:1;border:0;background:transparent;padding:12px 5px;color:#65748b;font-size:13px}nav button[aria-pressed=true]{color:#15223a;background:white;box-shadow:0 2px 4px #1024440a}.totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.totals article{padding:20px;background:white;border-radius:15px;border:1px solid #e0e6f0}.totals article:first-child{background:#204ad8;color:white;border-color:#204ad8}.totals p{font-size:13px;margin:0 0 13px;opacity:.8}.totals strong{font-size:25px}.entry{padding:17px;background:white;border:1px solid #e0e6f0;border-radius:13px;margin-bottom:10px}.entry strong{display:block;font-size:15px;margin-bottom:8px}.entry p{font-size:13px;color:#65748b;margin:5px 0;line-height:1.5}.empty{padding:24px 18px;border:1px dashed #c7d2e2;border-radius:13px;color:#65748b;line-height:1.5;font-size:14px}.settlement{font-size:14px;margin-bottom:20px}.settlement p{margin:8px 0}footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px}footer p{font-size:12px;line-height:1.5}footer button{padding:8px 12px}[hidden]{display:none!important}@media(max-width:380px){main{padding:22px 14px}.totals strong{font-size:21px}nav button{font-size:12px}.welcome h2{font-size:24px}}
:root .login-card{background:white;border:1px solid #e0e6f0;border-radius:15px;padding:20px;margin:20px 0}.login-card p{font-size:14px;line-height:1.55;color:#65748b}.login-card .hint{font-size:13px;margin-top:22px}.primary{background:#204ad8;color:white;border-color:#204ad8}.login-actions{display:flex;gap:8px;flex-wrap:wrap}#qr-confirmation{margin-top:24px;padding-top:18px;border-top:1px solid #e0e6f0}#qr-confirmation h3{font-size:18px}