*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light dark}:root{--bg-page: #f9fafb;--bg-card: #fff;--bg-input: #fff;--bg-hover: #f3f4f6;--bg-secondary: #f9fafb;--border: #e5e7eb;--border-light: #f3f4f6;--border-input: #d1d5db;--text-primary: #1f2937;--text-secondary: #374151;--text-muted: #6b7280;--text-faint: #9ca3af;--shadow: rgba(0,0,0,.08);--shadow-md: rgba(0,0,0,.15);--primary: #10b981;--primary-hover: #059669;--primary-dark: #065f46;--primary-light: #f0fdf4;--primary-lighter: #ecfdf5;--primary-border: #bbf7d0;--primary-faint: #a7f3d0;--primary-name: #d1fae5;--danger: #ef4444;--danger-bg: #fef2f2;--danger-border: #fca5a5;--warning: #f59e0b;--bubble-own: #10b981;--bubble-own-text: #fff;--bubble-other: #fff;--bubble-other-text: #1f2937;--bubble-other-border: #e5e7eb;--login-gradient: linear-gradient(135deg, #ecfdf5 0%, #f9fafb 100%);--overlay: rgba(255,255,255,.85);--header-bg: #065f46;--header-text: #fff;--code-bg: #f0fdf4;--code-border: #10b981;--code-text: #059669}@media(prefers-color-scheme:dark){:root{--bg-page: #111827;--bg-card: #1f2937;--bg-input: #374151;--bg-hover: #374151;--bg-secondary: #1e293b;--border: #374151;--border-light: #2d3748;--border-input: #4b5563;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-faint: #6b7280;--shadow: rgba(0,0,0,.3);--shadow-md: rgba(0,0,0,.4);--primary: #34d399;--primary-hover: #10b981;--primary-dark: #064e3b;--primary-light: rgba(16,185,129,.12);--primary-lighter: rgba(16,185,129,.08);--primary-border: rgba(16,185,129,.25);--primary-faint: rgba(16,185,129,.3);--primary-name: rgba(16,185,129,.2);--danger: #f87171;--danger-bg: rgba(239,68,68,.12);--danger-border: rgba(239,68,68,.3);--warning: #fbbf24;--bubble-own: #059669;--bubble-own-text: #fff;--bubble-other: #1f2937;--bubble-other-text: #f9fafb;--bubble-other-border: #374151;--login-gradient: linear-gradient(135deg, #1e293b 0%, #111827 100%);--overlay: rgba(17,24,39,.85);--header-bg: #064e3b;--header-text: #f0fdf4;--code-bg: rgba(16,185,129,.12);--code-border: #059669;--code-text: #34d399}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg-page);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;font-family:inherit;border:1px solid var(--border-input);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;line-height:1.4}.btn:hover{background:var(--bg-hover);border-color:var(--text-faint)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-customer{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-customer:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.input{padding:8px 12px;font-size:14px;font-family:inherit;border:1px solid var(--border-input);border-radius:8px;background:var(--bg-input);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease;outline:none;width:100%}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.input::placeholder{color:var(--text-faint)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}