:root{--ink: #0b0b0b;--teal: #0c3b3b;--teal-2: #13504f;--red: #c8102e;--red-dark: #a50d25;--bg: #ffffff;--surface: #f6f5f2;--surface-2: #eeedE9;--border: #e3e1da;--text: #1a1a1a;--muted: #6b6b6b;--green: #1e7d43;--amber: #b26a00;--serif: "Georgia", "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .12), 0 16px 48px rgba(0, 0, 0, .14)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--sans);color:var(--text);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;margin:0}button{font-family:var(--sans);cursor:pointer}input,textarea,select{font-family:var(--sans)}.promo-bar{background:var(--ink);color:#fff;text-align:center;padding:8px 16px;font-size:13px;letter-spacing:.2px}.promo-bar strong{font-weight:700}.promo-bar a{text-decoration:underline;margin-left:4px}.utility-nav{background:var(--teal);color:#d7e6e4;display:flex;align-items:center;justify-content:space-between;padding:6px 24px;font-size:12.5px}.utility-nav .left{color:#fff}.utility-nav .right{display:flex;gap:20px;align-items:center}.utility-nav a{color:#d7e6e4;display:inline-flex;align-items:center;gap:5px}.utility-nav a:hover{color:#fff}.header{display:flex;align-items:center;gap:28px;padding:18px 24px;border-bottom:1px solid var(--border);background:var(--bg)}.logo{display:flex;flex-direction:column;line-height:1}.logo .word{font-family:var(--serif);font-size:26px;letter-spacing:3px;font-weight:700;color:var(--ink)}.logo .sub{font-size:10px;letter-spacing:5px;color:var(--muted);margin-top:4px;text-transform:uppercase}.header-search{flex:1;max-width:520px;display:flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:0 8px 0 18px;height:42px;background:var(--bg)}.header-search input{flex:1;border:none;outline:none;font-size:14px;color:var(--text)}.header-search .cam{width:34px;height:34px;border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--muted);flex-shrink:0}.header-actions{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:13px}.header-actions a{display:inline-flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink)}.header-actions .badge{position:relative}.header-actions .count{position:absolute;top:-7px;right:-10px;background:var(--red);color:#fff;font-size:10px;border-radius:50%;min-width:16px;height:16px;display:grid;place-items:center;padding:0 3px}.main-nav{display:flex;align-items:center;justify-content:center;gap:30px;padding:12px 24px;border-bottom:1px solid var(--border);font-size:14px;letter-spacing:.4px;flex-wrap:wrap}.main-nav a{color:var(--text)}.main-nav a:hover{color:var(--teal)}.main-nav a.active{color:var(--red);font-weight:600}.page{max-width:1180px;margin:0 auto;padding:40px 24px 72px}.page-narrow{max-width:860px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--muted);margin-bottom:8px}.display{font-family:var(--serif);font-size:38px;line-height:1.15;margin-bottom:12px}.lead{font-size:16px;color:var(--muted);max-width:640px}.serif{font-family:var(--serif)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:600;letter-spacing:.3px;transition:background .15s,border-color .15s,color .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover:not(:disabled){background:var(--red-dark)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover:not(:disabled){background:#262626}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover:not(:disabled){background:var(--teal-2)}.btn-outline{background:var(--bg);border-color:var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--ink)}.btn-sm{padding:6px 14px;font-size:13px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--text)}.field input,.field textarea,.field select{border:1px solid var(--border);border-radius:6px;padding:11px 13px;font-size:14px;background:var(--bg);outline:none;transition:border-color .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0c3b3b14}.form-error{color:var(--red);font-size:13px;margin:-6px 0 12px}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.surface{background:var(--surface);border-radius:var(--radius);padding:20px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-delivered,.status-resolved{background:#e7f5ec;color:var(--green)}.status-in_transit,.status-open,.status-shipped,.status-in_progress,.status-processing{background:#eaf2fb;color:#1a5fa8}.status-out_for_delivery,.status-agent_assigned{background:#eef4ec;color:#3f6b2f}.status-issue,.status-closed{background:#f3f3f3;color:#555}.status-waiting_agent,.status-label_created{background:#fdf1e3;color:var(--amber)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:10px 12px;border-bottom:2px solid var(--border);font-weight:600}.table td{padding:14px 12px;border-bottom:1px solid var(--border);vertical-align:top}.table tr:last-child td{border-bottom:none}.section-title{font-family:var(--serif);font-size:26px;margin-bottom:6px}.section-sub{color:var(--muted);margin-bottom:24px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 860px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.header-search{display:none}.display{font-size:30px}}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:none;text-align:left;padding:18px 4px;font-size:16px;font-family:var(--serif);color:var(--text)}.faq-q:hover{color:var(--teal)}.faq-a{padding:0 4px 18px;color:var(--muted);max-width:720px}.chat-fab{position:fixed;right:24px;bottom:24px;z-index:1000}.chat-fab-btn{width:60px;height:60px;border-radius:50%;background:var(--teal);color:#fff;border:none;box-shadow:var(--shadow-lg);display:grid;place-items:center;font-size:26px}.chat-window{position:fixed;right:24px;bottom:24px;width:380px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 48px);background:var(--bg);border-radius:14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;z-index:1000}.chat-head{background:var(--teal);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}.chat-head .avatar{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--teal);display:grid;place-items:center;font-weight:700}.chat-head .meta .name{font-weight:700}.chat-head .meta .sub{font-size:12px;opacity:.85}.chat-head .spacer{flex:1}.chat-head button{background:none;border:none;color:#fff;font-size:18px;padding:4px}.chat-body{flex:1;overflow-y:auto;padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:10px}.msg{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.msg.bot{background:#fff;border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.msg.customer{background:var(--teal);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.msg.agent{background:#e7f5ec;border:1px solid #cde7d5;align-self:flex-start}.msg .sender{font-size:11px;opacity:.7;display:block;margin-bottom:2px}.chat-quick{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.chat-quick button{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:13px;color:var(--text)}.chat-quick button:hover{border-color:var(--teal);color:var(--teal)}.chat-foot{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat-foot input{flex:1;border:1px solid var(--border);border-radius:999px;padding:10px 16px;font-size:14px;outline:none}.chat-foot input:focus{border-color:var(--teal)}.chat-foot .send{width:40px;height:40px;border-radius:50%;background:var(--teal);color:#fff;border:none;display:grid;place-items:center;font-size:18px}.typing{align-self:flex-start;color:var(--muted);font-size:13px;font-style:italic;padding:4px 6px}.chat-foot .attach{width:40px;height:40px;border-radius:50%;background:none;border:1px solid var(--border);color:var(--muted);display:grid;place-items:center;font-size:18px;flex-shrink:0}.chat-foot .attach:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.chat-foot .attach:disabled{opacity:.5;cursor:not-allowed}.chat-pending{display:flex;gap:10px;padding:8px 12px;border-top:1px solid var(--border);overflow-x:auto;background:var(--surface)}.pending-item{position:relative;flex-shrink:0;width:64px;display:flex;flex-direction:column;align-items:center;gap:3px}.pending-item img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.pending-video{width:56px;height:56px;border-radius:8px;border:1px solid var(--border);background:var(--bg);display:grid;place-items:center;color:var(--muted)}.pending-name{font-size:10px;color:var(--muted);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--ink);color:#fff;border:none;display:grid;place-items:center;cursor:pointer}.msg-media{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.msg-media:last-child{margin-bottom:0}.msg-img{display:block;max-width:220px;max-height:220px;width:auto;border-radius:10px;cursor:pointer}.msg-video{display:block;width:220px;max-width:220px;max-height:260px;border-radius:10px;background:#000}.footer{background:var(--ink);color:#cfcfcf;padding:48px 24px 32px;margin-top:40px}.footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.footer h4{color:#fff;font-family:var(--sans);font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}.footer a{display:block;color:#cfcfcf;font-size:14px;margin-bottom:8px}.footer a:hover{color:#fff}.footer .brand{font-family:var(--serif);font-size:22px;letter-spacing:3px;color:#fff;margin-bottom:8px}@media (max-width: 860px){.footer-inner{grid-template-columns:1fr}}.hero-help{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:24px;align-items:stretch;margin-bottom:40px}.hero-help .panel{border-radius:var(--radius);overflow:hidden;min-height:380px;background-size:cover;background-position:center}.hero-help .center-panel{background:var(--surface);padding:40px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:380px}.hero-help .center-panel .avatar{width:84px;height:84px;border-radius:50%;border:3px solid var(--teal);background:#fff;display:grid;place-items:center;font-size:34px;margin-bottom:18px}.hero-help .center-panel h2{font-size:30px;line-height:1.2;margin-bottom:12px}.hero-help .center-panel p{color:var(--muted);font-style:italic;margin-bottom:22px}.hero-help .contact-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-help .contact-row a{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-weight:600;font-size:15px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.stat{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat .num{font-family:var(--serif);font-size:34px;line-height:1}.stat .lbl{color:var(--muted);font-size:13px;margin-top:6px}.bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bar-row .bar-label{width:130px;font-size:13px;color:var(--muted);text-align:right}.bar-row .bar-track{flex:1;height:18px;background:var(--surface-2);border-radius:4px;overflow:hidden}.bar-row .bar-fill{height:100%;background:var(--teal);border-radius:4px}.loading{padding:40px;text-align:center;color:var(--muted)}.error-box{background:#fbeaea;border:1px solid #f2c4c4;color:var(--red-dark);border-radius:var(--radius);padding:12px 16px;font-size:14px;margin-bottom:16px}.muted{color:var(--muted)}.center{text-align:center}.mt-0{margin-top:0}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.gap-8{gap:8px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.wrap{flex-wrap:wrap}