:root{ --saffron:#e65100; --deep:#bf360c; --bg:#fff3e0; }
body{ font-family: 'Segoe UI', Arial, sans-serif; background: linear-gradient(135deg,#fff3e0,#ffe0b2); margin:0; padding:24px;}
.container{ max-width:980px; margin:20px auto; }
.card{ background:#fff; padding:18px; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,0.06); border:3px solid rgba(230,97,0,0.06); }
h1{ color:var(--saffron); margin:0 0 8px 0; }
.form-row{ display:flex; gap:12px; }
.form-row .col{ flex:1; }
label{ display:block; margin-top:10px; font-weight:600; }
input, select{ width:100%; padding:10px; margin-top:6px; border-radius:8px; border:1px solid #ddd; font-size:15px; }
.preset { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.preset button{ padding:8px 12px; border-radius:999px; border:none; background:linear-gradient(45deg,var(--saffron),var(--deep)); color:#fff; cursor:pointer; }
.primary{ margin-top:14px; background:linear-gradient(45deg,var(--saffron),var(--deep)); color:#fff; padding:12px 16px; border:none; border-radius:12px; cursor:pointer; font-size:16px; width:100%; }
.qr-box{ text-align:center; padding:12px; }
.qr-box img{ width:260px; height:260px; border-radius:12px; border:4px solid var(--saffron); }
.note{ color:#555; margin-top:8px; font-size:14px; }
.table{ width:100%; border-collapse:collapse; margin-top:12px; }
.table th, .table td{ padding:8px; border-bottom:1px solid #eee; text-align:left; }
.actions{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.button-small{ padding:8px 10px; border-radius:8px; border:none; background:#e65100; color:#fff; cursor:pointer; }
@media(max-width:800px){ .form-row{ flex-direction:column; } .qr-box img{ width:200px; height:200px; } }