*,: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:#666;--gray-500:#888;--gray-600:#aaa;--gray-700:#ccc;--gray-800:#e0e0e0;--gray-900:#f5f5f5;--blue:#f0a080;--brand:#f0a080;--blue-light:#2a1a10;--brand-light:#2a1a10;--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;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-400)}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;--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)}