*{box-sizing:border-box}:root{--bg:#f4f6fb;--surface:#fff;--text:#101828;--muted:#667085;--brand:#8b1e1e;--brand-2:#6e1313;--border:#e6e8ee;--danger:#c62828;--success:#1f7a4f}body{background:radial-gradient(circle at top right,#eef2ff 0%,var(--bg)40%,var(--bg)100%);color:var(--text);margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.admin-shell{max-width:1250px;margin:0 auto;padding:24px 18px 34px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.title{margin:0;font-size:28px;font-weight:800}.subtitle{color:var(--muted);margin:4px 0 0;font-size:14px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 20px #1018280d}.metric{padding:14px}.metric-label{color:var(--muted);margin-bottom:8px;font-size:13px}.metric-value{color:var(--brand);font-size:24px;font-weight:800}.section{margin-top:14px;padding:16px}.section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-title{margin:0;font-size:20px;font-weight:800}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#344054;font-size:13px;font-weight:600}.field input,.field select{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:10px;padding:9px 11px;font-size:14px}.field input:focus,.field select:focus{border-color:var(--brand);outline:2px solid #e9c1c1}.actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:9px 14px;font-size:14px;font-weight:700}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-2)}.btn-outline{color:#344054;background:#fff;border:1px solid #d0d5dd}.btn-danger{color:var(--danger);background:#fff5f5;border:1px solid #ffd3d3}.btn:disabled{cursor:not-allowed;opacity:.6}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto}.table{border-collapse:collapse;width:100%;min-width:760px}.table th,.table td{text-align:left;border-bottom:1px solid #eef1f6;padding:10px 12px;font-size:14px}.table th{letter-spacing:.04em;text-transform:uppercase;color:#667085;background:#fafbff;font-size:12px}.badge{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.badge-created,.badge-payment-initiated,.badge-booked,.badge-order-confirmed,.badge-order-shipped{color:#29459a;background:#ecf2ff}.badge-paid{color:#1f7a4f;background:#e8f7ef}.badge-delivered,.badge-order-delivered{color:var(--success);background:#e8f7ef}.badge-cancelled{color:var(--danger);background:#fdecec}.error{color:var(--danger);margin-top:8px;font-size:14px;font-weight:600}.notice{border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:14px;font-weight:600}.notice-success{color:#17603c;background:#ebf8f1;border:1px solid #bfe6cf}.notice-error{color:var(--danger);background:#fff1f1;border:1px solid #ffd2d2}.notice-info{color:#324a94;background:#f4f6ff;border:1px solid #d8defa}.helper{color:var(--muted);font-size:13px}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mini-card{padding:16px}.helper-card{background:linear-gradient(#fff 0%,#f9fbff 100%)}.helper-card-copy{color:#344054;margin:0;font-size:14px;line-height:1.6}.guide-points{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.guide-pill{color:#344054;background:#fff;border:1px solid #e6e8ee;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.field textarea{color:#101828;resize:vertical;background:#fff;border:1px solid #d0d5dd;border-radius:10px;min-height:96px;padding:9px 11px;font-size:14px}.field textarea:focus{border-color:var(--brand);outline:2px solid #e9c1c1}.checkbox-row{color:#344054;align-items:center;gap:10px;margin-top:12px;font-size:14px;font-weight:600;display:flex}.checkbox-row input{width:16px;height:16px}.inline-helper{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.field-tip{color:var(--muted);font-size:13px;line-height:1.5}.variant-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.preset-row{flex-wrap:wrap;gap:8px;display:flex}.preset-chip{color:#7b4d19;cursor:pointer;background:#fffaf3;border:1px solid #dfd3bf;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.preset-chip:hover{background:#fff2dc}.variant-row{grid-template-columns:1.1fr .9fr 1fr auto;align-items:center;gap:8px;display:grid}.variant-row input,.variant-row select{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:10px;padding:9px 11px;font-size:14px}.variant-row input:focus,.variant-row select:focus{border-color:var(--brand);outline:2px solid #e9c1c1}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.delivery-card{padding:18px}.delivery-rule-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.delivery-rule-row{grid-template-columns:1.6fr 1fr;align-items:center;gap:8px;display:grid}.delivery-rule-row input,.delivery-rule-row select{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:10px;padding:9px 11px;font-size:14px}.delivery-rule-row input:focus,.delivery-rule-row select:focus{border-color:var(--brand);outline:2px solid #e9c1c1}.delivery-toggle{color:#344054;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.delivery-toggle input{width:16px;height:16px}@media (max-width:1024px){.card-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}}@media (max-width:680px){.card-grid,.form-grid,.variant-row,.delivery-rule-row{grid-template-columns:1fr}.title{font-size:24px}}
