:root{--hisense-green:#00965e;--hisense-green-dark:#007a4d;--accent:#f5c518;--ink:#0e1726;--muted:#5b6b7d;--line:#e3e8;--bg:#f4f6f9;--error:#d92d20;--radius:14px;--shadow:0 10px 30px #0e172614}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5}a{color:var(--hisense-green-dark)}.hero-banner{background:#0b1f3a;width:100%;line-height:0}.hero-banner img{object-fit:cover;object-position:center;width:100%;height:auto;max-height:70vh;display:block}.page{z-index:1;max-width:720px;margin:28px auto 64px;padding:0 16px;position:relative}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:28px}.card h2{margin:0 0 6px;font-size:22px}.card .sub{color:var(--muted);margin:0 0 22px;font-size:15px}.field{margin-bottom:16px}.field label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field input[type=text],.field input[type=email],.field input[type=tel],.field textarea{background:#fff;border:1.5px solid #d8dee6;border-radius:10px;width:100%;padding:12px 14px;font-size:16px;transition:border-color .15s}.field input:focus,.field textarea:focus{border-color:var(--hisense-green);outline:none}.field textarea{resize:vertical;min-height:70px}.field.invalid input,.field.invalid textarea{border-color:var(--error)}.err{color:var(--error);margin-top:5px;font-size:13px}.file-drop{text-align:center;color:var(--muted);cursor:pointer;background:#fafbfc;border:1.5px dashed #c2cbd6;border-radius:10px;padding:18px}.file-drop:hover{border-color:var(--hisense-green)}.file-drop input{display:none}.preview{align-items:center;gap:12px;margin-top:12px;font-size:14px;display:flex}.preview img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:64px;height:64px}.consent{align-items:flex-start;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.consent input{flex-shrink:0;width:18px;height:18px;margin-top:3px}.btn{color:#fff;background:var(--hisense-green);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-size:17px;font-weight:700;transition:background .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--hisense-green-dark)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;background:#9bb6ab}.form-error{color:var(--error);background:#fdecea;border:1px solid #f6c9c4;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:14px}.footer-note{text-align:center;color:var(--muted);margin:22px 0 0;font-size:13px}.top-note{text-align:center;border:1.5px solid var(--hisense-green);color:var(--hisense-green-dark);box-shadow:var(--shadow);background:#fff;border-radius:999px;margin:0 auto 18px;padding:10px 16px;font-size:14px;font-weight:600}.receipt-wrap{text-align:center;max-width:560px;margin:8vh auto;padding:0 16px}.check{background:var(--hisense-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 18px;font-size:40px;display:flex}.receipt-wrap h1{margin:0 0 10px;font-size:26px}.receipt-wrap p{color:var(--muted);font-size:16px}.ref{color:var(--ink);background:#eef2f6;border-radius:8px;margin-top:14px;padding:8px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.admin{max-width:1180px;margin:0 auto;padding:24px 18px 64px}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.admin-head h1{margin:0;font-size:22px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar input[type=search],.toolbar select{border:1.5px solid #d8dee6;border-radius:8px;padding:9px 12px;font-size:14px}.toolbar .spacer{flex:1}.btn-sm{border:1.5px solid var(--hisense-green);color:var(--hisense-green-dark);cursor:pointer;background:#fff;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none}.btn-sm:hover{background:#f0faf5}.table-wrap{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #eef1f5;padding:12px 14px}th{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);background:#f7f9fb;font-size:12px}tbody tr:hover{background:#fbfdff}td.nowrap,th.nowrap{white-space:nowrap;overflow-wrap:normal}col.col-ref{width:8%}col.col-date{width:11%}col.col-name{width:13%}col.col-email{width:15%}col.col-phone{width:10%}col.col-address{width:14%}col.col-receipt{width:7%}col.col-status{width:10%}col.col-notes{width:12%}.ref-code{letter-spacing:.5px;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700}.badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.Open{color:#8a6d00;background:#fff4d6}.badge.Processing{color:#1d4ed8;background:#dbeafe}.badge.Closed{color:#0a7a45;background:#d9f3e4}.status-select{border:1.5px solid #d8dee6;border-radius:8px;padding:6px 8px;font-size:13px}.note-input{resize:vertical;border:1.5px solid #d8dee6;border-radius:8px;width:100%;min-height:56px;padding:6px 8px;font-family:inherit;font-size:13px;line-height:1.4}.note-input:focus{border-color:var(--hisense-green);outline:none}.link{color:var(--hisense-green-dark);font-weight:600;text-decoration:none}.empty{text-align:center;color:var(--muted);padding:40px}.saved-flash{color:var(--hisense-green-dark);margin-left:6px;font-size:12px}.terms{max-width:820px;margin:40px auto;padding:0 18px 60px}.terms h1{font-size:24px}.terms h2{margin-top:28px;font-size:18px}.terms p,.terms li{color:#243244;font-size:15px}