:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#18212f;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:40px auto;padding:0 20px}.card{background:#fff;border:1px solid #dce3ec;border-radius:14px;padding:24px;margin:18px 0;box-shadow:0 8px 30px #2740600d}.narrow{max-width:420px;margin:12vh auto}header,.section-title{display:flex;align-items:center;justify-content:space-between}h1,h2{margin:0 0 8px}p{color:#647084}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;align-items:end}label{display:grid;gap:7px;font-size:14px}input{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px}button{padding:11px 17px;border:0;border-radius:8px;background:#2864dc;color:#fff;cursor:pointer}.secondary{background:#e8eef8;color:#24436c}.danger{background:#c43b3b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid #e7ebf0;white-space:nowrap}.actions{display:flex;gap:7px}.actions button{padding:7px 10px}.hint,#message{font-size:14px}#message{position:fixed;right:24px;bottom:20px;background:#172033;color:#fff;padding:12px 18px;border-radius:8px;display:none}.receipt{margin-top:18px;padding:16px;border:1px solid #9ac0ff;border-radius:10px;background:#f1f6ff}.receipt pre{white-space:pre-wrap;line-height:1.7;color:#172033}.receipt button{margin-top:4px}