*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f6f4ef;color:#222}
header{background:#b3261e;color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}
h1,h2,h3{margin:0}main{padding:16px;max-width:900px;margin:auto;padding-bottom:110px}
.cat{margin:18px 0 8px;color:#b3261e}.row{background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;font-size:18px}
.row small{color:#777;display:block}.qty{display:flex;align-items:center;gap:12px}
button{border:0;border-radius:10px;padding:10px 16px;font-size:16px;background:#b3261e;color:#fff;cursor:pointer}
button.ghost{background:#e8e3d9;color:#222}.qty button{width:44px;height:44px;font-size:22px;padding:0}
.bar{position:fixed;left:0;right:0;bottom:0;background:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 10px #0002;font-size:20px}
.hide{display:none}.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px}
.steps{list-style:none;padding:0;margin:14px 0}.steps li{padding:10px 12px;border-left:4px solid #ddd;margin-bottom:6px;color:#999}
.steps li.done{border-color:#2e7d32;color:#2e7d32}.steps li.cur{border-color:#b3261e;color:#b3261e;font-weight:700;font-size:19px;background:#fdecea}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:16px}
.col h3{margin-bottom:8px}.tabs{display:flex;gap:8px;padding:12px 16px}.tabs button{background:#e8e3d9;color:#222}.tabs button.on{background:#b3261e;color:#fff}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}td,th{padding:10px;text-align:left;border-bottom:1px solid #eee}
.big{font-size:32px;font-weight:700;color:#b3261e}.kpis{display:flex;gap:12px;flex-wrap:wrap}.kpis .card{flex:1;min-width:150px}
@media print{header,.tabs,button{display:none}}