*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f9f9f9;color:#444}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}button,input{font-family:inherit}button{cursor:pointer}button.loading{pointer-events:none;opacity:.8}button.loading:after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;vertical-align:middle;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.user{justify-self:end;display:flex;align-items:center;gap:14px}.user-name{max-width:160px;font-size:14px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.total-bar{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;background:#fff;border-top:1px solid #eee}.total-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a}.total{padding:6px 16px;font-size:20px;font-weight:600;line-height:1.2;color:#d93025;background:#fde8e6;border:1px solid #f5c2bd;border-radius:6px;font-variant-numeric:tabular-nums}.total:before{content:"\20b9  ";font-size:14px;font-weight:500;opacity:.8}