:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#111;background:#f6f6f7}*{box-sizing:border-box}a{color:inherit}.page{max-width:1300px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e6e6ea;border-radius:14px}.brand .title{font-weight:900;font-size:18px}.brand .sub{font-size:12px;color:#666;margin-top:2px}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.input,.select{padding:10px 12px;border:1px solid #ddd;border-radius:10px;background:#fff;font-size:14px}.btn{padding:10px 12px;border:1px solid #111;border-radius:10px;background:#111;color:#fff;font-weight:800;cursor:pointer}.btn.ghost{background:#fff;color:#111}.btn:disabled{opacity:.45;cursor:not-allowed}.grid{margin-top:14px;display:grid;grid-template-columns:1.25fr 1fr;gap:14px;align-items:start}.card{background:#fff;border:1px solid #e6e6ea;border-radius:14px;overflow:hidden}.card .head{padding:12px 14px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.card .head h2{margin:0;font-size:14px}.card .body{padding:12px 14px}.badge{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid #ddd;color:#444}.palette{display:flex;gap:8px;flex-wrap:wrap}.swatch{display:flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid #ddd;font-size:12px}.dot{width:10px;height:10px;border-radius:999px;display:inline-block;border:1px solid rgba(0,0,0,.15)}.columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.column{border:1px solid #eee;border-radius:12px;overflow:hidden}.column .colhead{padding:10px 12px;font-weight:900;font-size:13px;border-bottom:1px solid #eee}.column .colbody{padding:10px 12px;display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto}.codebtn{width:100%;text-align:left;padding:10px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer}.codebtn:hover{border-color:#00000040}.codebtn .row1{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.codebtn .code,.codebtn .money{font-weight:900}.codebtn .desc{font-size:12px;color:#555;margin-top:3px;line-height:1.2}.codebtn .meta{font-size:11px;color:#666;margin-top:4px;display:flex;gap:10px;flex-wrap:wrap}.tint-blue{background:#eef5ff}.tint-yellow{background:#fff8db}.tint-orange{background:#fff0e6}.tint-green{background:#ecffef}.receipt{padding:0}.receipt .rhead{padding:14px 16px;border-bottom:1px dashed #ddd;background:#fcfcfd}.receipt .rhead .rt{font-weight:900}.receipt .rhead .rm{font-size:12px;color:#666;margin-top:2px}.lines{padding:12px 16px;min-height:240px;max-height:55vh;overflow:auto}.line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dotted #e6e6ea}.line .lcode{font-weight:900}.line .ldesc{font-size:12px;color:#666;margin-top:2px}.line .lmeta{font-size:11px;color:#666;margin-top:4px;display:flex;gap:8px;flex-wrap:wrap}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:32px;height:32px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer;font-weight:900}.stepper input{width:64px;padding:8px;border:1px solid #ddd;border-radius:10px;text-align:center}.xbtn{width:34px;height:34px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer;font-weight:900}.rfoot{padding:14px 16px;border-top:1px dashed #ddd;background:#fcfcfd}.sumrow{display:flex;justify-content:space-between;padding:4px 0}.sumrow.total{font-size:16px;font-weight:900;padding-top:10px}.small{font-size:12px;color:#666}@media (max-width: 1100px){.grid,.columns{grid-template-columns:1fr}}