*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior-y:contain}body.dark{color:#f5f5f5;--surface:#1a1a1a;--surface-2:#141414;--bg-card:#1a1a1a;--bg-input:#1f1f1f;--gray-50:#1a1a1a;--gray-100:#1f1f1f;--gray-200:#2a2a2a;--gray-300:#333;--gray-400:#8a8a8a;--gray-500:#a6a6a6;--gray-600:#c2c2c2;--gray-700:#ddd;--gray-800:#e0e0e0;--gray-900:#f5f5f5;--blue:#f0a080;--brand:#f0a080;--blue-light:#2a1a10;--brand-light:#2a1a10;--brand-border:#4a2a1a;--green:#34d399;--green-light:#14352a;--success:#34d399;--success-bg:#14352a;--red-light:#3b1c1c;--danger-bg:#3b1c1c;--orange-light:#2a1a10;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 8px #0006;--text-strong:#f5f5f5;--text-emphasis:#ffb74d;--text-on-brand:#fff;--header-bg:#1a1a2e;--header-text:#fff;--header-text-muted:#aaa;--badge-warn-bg:#3a2f0f;--badge-warn-text:#ffd54f;--badge-warn-border:#7a5a18;--badge-red-bg:#3b1c1c;--badge-red-text:#ff6b6b;--badge-pink-bg:#3a1e2a;--badge-pink-text:#f48fb1;--badge-peach-bg:#2a1a10;--badge-peach-text:#f0c4a8;--badge-green-bg:#14352a;--badge-green-text:#81c784;--badge-green-border:#2e7d32;--badge-purple-bg:#1f1a2a;--badge-purple-text:#b39ddb;--banner-warn-bg:#3a2f0f;--banner-warn-text:#ffd54f;--banner-warn-border:#5a4520;--btn-active-bg:#f0a080;--btn-active-text:#fff;--btn-active-border:transparent;--filter-press-shadow:#4a2a1a;--filter-rest-shadow:#333;--whatsapp:#25d366;--card-accent-warn:#ffd54f;--card-accent-peach:#f0c4a8;background:#0f0f0f}body.dark .card{background:var(--bg-card);border-color:var(--gray-200);box-shadow:var(--shadow-xs)}body.dark input,body.dark select,body.dark textarea{background:var(--bg-input);color:var(--gray-900);border-color:var(--gray-200)}body.dark input::placeholder,body.dark textarea::placeholder{color:var(--gray-500);opacity:1}body.dark input:focus,body.dark select:focus,body.dark textarea:focus{background:var(--bg-input);border-color:var(--brand);box-shadow:0 0 0 3px #f0a0802e}body.dark .btn-ghost{background:var(--surface);color:var(--gray-700);border-color:var(--gray-200);box-shadow:none}body.dark .btn-ghost:hover{background:var(--gray-100)}body.dark a{color:var(--brand)}body.dark .btn-primary{background:var(--brand);color:#fff;border:none;box-shadow:0 1px 2px #f0a08040}body.dark .btn-primary:hover{background:#d4855a}body.dark .btn-primary:active{box-shadow:none;background:#b8703a}body.dark .btn-manage-customers{background:var(--surface);border-color:var(--gray-200);color:var(--gray-700)}:root{--brand:#c97b4b;--brand-light:#fef0e8;--brand-border:#f0c4a8;--blue:#c97b4b;--blue-light:#fef0e8;--text-strong:#0a0e1a;--text-emphasis:#e65100;--text-on-brand:#fff;--header-bg:#1a1a2e;--header-text:#fff;--header-text-muted:#333;--badge-warn-bg:#fff8e1;--badge-warn-text:#f57f17;--badge-warn-border:#ffd54f;--badge-red-bg:#fff5f5;--badge-red-text:#e53e3e;--badge-pink-bg:#fff0f6;--badge-pink-text:#c2185b;--badge-peach-bg:#fef0e8;--badge-peach-text:#6b3b22;--badge-green-bg:#e8f5e9;--badge-green-text:#388e3c;--badge-green-border:#a5d6a7;--badge-purple-bg:#ede7f6;--badge-purple-text:#b39ddb;--banner-warn-bg:#fff3cd;--banner-warn-text:#856404;--banner-warn-border:#ffe69c;--btn-active-bg:#fef0e8;--btn-active-text:#6b3b22;--btn-active-border:#f0c4a8;--filter-press-shadow:#f0c4a8;--filter-rest-shadow:#c5c0b8;--whatsapp:#25d366;--card-accent-warn:#ffd54f;--card-accent-peach:#ffd8b3;--success:#12b76a;--success-bg:#f0fdf4;--green:#12b76a;--green-light:#f0fdf4;--warning:#f79009;--warning-bg:#fffaeb;--danger:#f04438;--danger-bg:#fef3f2;--red:#f04438;--red-light:#fef3f2;--orange:#f79009;--orange-light:#fffaeb;--gray-25:#fcfcfd;--gray-50:#f9fafb;--gray-100:#f2f4f7;--gray-200:#eaecf0;--gray-300:#d0d5dd;--gray-400:#98a2b3;--gray-500:#667085;--gray-600:#475467;--gray-700:#344054;--gray-800:#1d2939;--gray-900:#101828;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #1018281a, 0 1px 2px #1018280f;--shadow-md:0 4px 8px #10182814, 0 2px 4px #1018280a;--shadow-lg:0 12px 24px #10182814, 0 4px 8px #1018280a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Segoe UI", sans-serif;--surface:#fff;--surface-2:#f7f7f7;--bg-card:#fff;--bg-input:#f9f9f9}body{font-family:var(--font);color:var(--gray-900);-webkit-font-smoothing:antialiased;background:#faf8f5;font-size:15px;line-height:1.5}a{color:var(--blue);text-decoration:none}button{cursor:pointer;font-family:var(--font);border:none;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:600;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-light);color:#6b3b22;border:1px solid var(--brand-border);transition:all .15s;box-shadow:0 1px 2px #c97b4b26}.btn-primary:hover{background:#f5dec8}.btn-primary:active{box-shadow:none;background:#edd0b0;transform:scale(.98)}.btn-danger{color:var(--gray-400);border-radius:var(--radius-sm);background:0 0;border:none}.btn-danger:hover{color:var(--danger);background:var(--danger-bg)}.btn-ghost{color:var(--gray-700);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);background:#fff;transition:all .15s}.btn-ghost:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-ghost:active{transform:scale(.99)}input,select,textarea{font-family:var(--font);border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--gray-900);outline:none;padding:12px 16px;font-size:15px;transition:all .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #c97b4b1f}input::placeholder,textarea::placeholder{color:var(--gray-400)}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);padding:16px}.stat-card{transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--brand);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-card:active{transform:scale(.97);box-shadow:0 1px 2px #0000001f}@media (hover:hover){.stat-card:hover{box-shadow:var(--shadow-sm)}}.badge{border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-green{background:var(--green-light);color:var(--green)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-red{background:var(--red-light);color:var(--red)}.badge-orange{background:var(--orange-light);color:var(--orange)}.page{max-width:480px;min-height:100svh;margin:0 auto;padding:16px}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-group label{color:var(--gray-600);font-size:13px;font-weight:600}.error-msg{color:var(--red);margin-top:4px;font-size:13px}.btn-manage-customers{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);width:100%;color:var(--gray-700);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.btn-manage-customers:hover{border-color:var(--brand);color:var(--brand);box-shadow:var(--shadow-md)}.btn-manage-customers:active{background:var(--brand-light);transform:scale(.99)}