@import "https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@400;500;600;700&display=swap";
:root,[data-theme=dark]{--bg-primary:#0b141a;--bg-secondary:#111b21;--bg-card:#111b21;--bg-input:#202c33;--bg-hover:#202c33;--border:#202c33;--border-light:#2a3942;--border-focus:#00a884;--accent:#00a884;--accent-hover:#009677;--accent-subtle:#00a88426;--accent-border:#00a8844d;--success:#00a884;--success-subtle:#00a8841a;--success-border:#00a88440;--warning:#f15c6d;--warning-subtle:#f15c6d1a;--warning-border:#f15c6d40;--danger:#ef4444;--danger-subtle:#ef44441a;--danger-border:#ef444440;--purple:#8b91fa;--purple-subtle:#8b91fa1a;--purple-border:#8b91fa40;--text-primary:#e9edef;--text-secondary:#8696a0;--text-muted:#667781;--text-faint:#3b4a54;--wa-chat-bg:#0b141a;--wa-panel-bg:#111b21;--wa-header-bg:#202c33;--wa-search-bg:#202c33;--wa-hover-bg:#202c33;--wa-active-bg:#2a3942;--wa-border:#202c33;--wa-bubble-out:#005c4b;--wa-bubble-in:#202c33;--wa-text-primary:#e9edef;--wa-text-secondary:#8696a0;--shadow-sm:0 1px 3px #0009;--shadow-md:0 4px 16px #000c;--shadow-accent:0 4px 14px #00a88433;--sidebar-width:240px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}[data-theme=light]{--bg-primary:#ece5dd;--bg-secondary:#fff;--bg-card:#fff;--bg-input:#f0f2f5;--bg-hover:#f5f6f6;--border:#d1d7db;--border-light:#e9edef;--border-focus:#128c7e;--accent:#128c7e;--accent-hover:#075e54;--accent-subtle:#128c7e14;--accent-border:#128c7e33;--success:#25d366;--success-subtle:#25d3661a;--success-border:#25d36640;--warning:#ffc107;--warning-subtle:#ffc1071a;--warning-border:#ffc10740;--danger:#d32f2f;--danger-subtle:#d32f2f1a;--danger-border:#d32f2f40;--purple:#7c3aed;--purple-subtle:#7c3aed1a;--purple-border:#7c3aed40;--text-primary:#111b21;--text-secondary:#667781;--text-muted:#8696a0;--text-faint:#d1d7db;--wa-chat-bg:#efeae2;--wa-panel-bg:#fff;--wa-header-bg:#f0f2f5;--wa-search-bg:#f0f2f5;--wa-hover-bg:#f5f6f6;--wa-active-bg:#f0f2f5;--wa-border:#d1d7db;--wa-bubble-out:#d9fdd3;--wa-bubble-in:#fff;--wa-text-primary:#111b21;--wa-text-secondary:#667781;--shadow-sm:0 1px 3px #0b141a14;--shadow-md:0 4px 16px #0b141a1a;--shadow-accent:0 4px 14px #128c7e26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}:root{--font-family-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,Roboto,"Segoe UI",sans-serif}body{font-family:var(--font-family-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background .2s,color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}::selection{background:var(--accent-subtle);color:var(--accent)}*,:before,:after{transition-property:background-color,border-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease}.no-transition,.no-transition *{transition:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s,transform .15s,box-shadow .15s}.badge{letter-spacing:.01em;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-success{background:var(--success-subtle);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-subtle);color:var(--warning);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-subtle);color:var(--danger);border:1px solid var(--danger-border)}.badge-accent{background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent-border)}.badge-muted{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border)}.btn-primary{border-radius:var(--radius-sm);background:var(--accent);min-height:44px;font-family:var(--font-family-sans);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .15s,transform .1s cubic-bezier(.4,0,.2,1);display:inline-flex;color:#fff!important}.btn-primary:hover{background:var(--accent-hover);transform:scale(.99)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{border-radius:var(--radius-sm);background:var(--bg-secondary);min-height:44px;color:var(--accent);border:1px solid var(--accent-border);font-family:var(--font-family-sans);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s,transform .1s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{background:var(--bg-hover);transform:scale(.99)}.btn-secondary:active{transform:scale(.97)}.btn-ghost{border-radius:var(--radius-sm);min-height:44px;color:var(--text-secondary);font-family:var(--font-family-sans);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.input-base{background:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-family-sans);border:1px solid #0000;outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s}.input-base:focus{background:var(--bg-secondary);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input-base::placeholder{color:var(--text-muted)}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,var(--bg-hover)50%,var(--bg-card)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;padding:10px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.toggle{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px;box-shadow:0 1px 4px #0000004d}.page-container{flex-direction:column;gap:24px;animation:.3s cubic-bezier(.2,.8,.2,1) fadeIn;display:flex}.page-header{margin-bottom:4px}.page-header h1{color:var(--text-primary);letter-spacing:-.01em;font-size:28px;font-weight:600}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:15px}.settings-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .15s}.settings-section__title{color:var(--text-primary);margin-bottom:4px;font-size:17px;font-weight:600}.settings-section__desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.color-preset{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex}.color-preset:hover{box-shadow:var(--shadow-sm);transform:scale(1.1)}.color-preset--active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px currentColor}