@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Fira+Code:wght@400;500&display=swap";:root{--bg-page:#faf9f7;--bg-card:#fff;--bg-sidebar:#faf9f7;--bg-nested:#f5f3f0;--bg-dark:#1a1a1a;--bg-topnav:#fff;--text-main:#1a1a1a;--text-white:#1a1a1a;--text-muted:#8a8580;--text-gray:var(--text-muted);--border-color:#eae8e4;--border-subtle:#0000000a;--primary:#1a1a1a;--primary-rgb:26, 26, 26;--primary-glow:#1a1a1a0f;--primary-hover:#000;--accent:#c9956b;--accent-rgb:201, 149, 107;--purple:#8b7ec8;--purple-rgb:139, 126, 200;--cyan:#5da5b0;--cyan-rgb:93, 165, 176;--success:#6b9a68;--success-rgb:107, 154, 104;--error:#c44848;--error-rgb:196, 72, 72;--warning:#c48a3f;--warning-rgb:196, 138, 63;--sage:#8fae8b;--sage-bg:#e8f0e7;--sage-text:#5a7d57;--amber-bg:#fef3e2;--amber-text:#c48a3f;--red-bg:#fde8e8;--red-text:#c44848;--blue-bg:#e8eef8;--blue-text:#5270a0;--gray-bg:#f0eeeb;--gray-text:#8a8580;--gradient-primary:linear-gradient(135deg, #1a1a1a 0%, #3a3a3a 100%);--gradient-primary-hover:linear-gradient(135deg, #000 0%, #2a2a2a 100%);--gradient-hero:linear-gradient(180deg, #1a1a1a 0%, #4a4a4a 100%);--gradient-text:linear-gradient(135deg, #1a1a1a 0%, #4a4a4a 100%);--gradient-card-border:none;--gradient-glow:none;--shadow-sm:0 1px 2px #00000008;--shadow-md:0 2px 8px #0000000a, 0 1px 2px #00000008;--shadow-lg:0 4px 16px #0000000f, 0 2px 4px #00000008;--shadow-xl:0 8px 30px #00000014, 0 4px 8px #00000008;--shadow-glow:0 0 20px #0000000d;--shadow-glow-lg:0 0 40px #00000014;--card-shadow:var(--shadow-sm);--panel-shadow:var(--shadow-md);--font-title:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"Fira Code", ui-monospace, monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.35s;--topnav-height:60px;--subnav-height:48px;--content-max-width:1200px;--navbar-height:72px;--glow-opacity:0;--glass-bg:#ffffffe6;--glass-border:var(--border-color);--glass-card:#fff}html.dark{--bg-page:#151413;--bg-card:#1e1d1b;--bg-sidebar:#151413;--bg-nested:#252320;--bg-dark:#0e0d0c;--bg-topnav:#1e1d1b;--text-main:#f0ece6;--text-white:#f0ece6;--text-muted:#9a958e;--text-gray:var(--text-muted);--border-color:#ffffff14;--border-subtle:#ffffff0a;--primary:#e8ddd0;--primary-rgb:232, 221, 208;--primary-glow:#e8ddd014;--primary-hover:#f0ece6;--accent:#d4a574;--accent-rgb:212, 165, 116;--purple:#a99fd4;--purple-rgb:169, 159, 212;--cyan:#7bbfc9;--cyan-rgb:123, 191, 201;--success:#8fae8b;--success-rgb:143, 174, 139;--error:#d66;--error-rgb:221, 102, 102;--sage:#8fae8b;--sage-bg:#8fae8b1f;--sage-text:#a4c4a0;--amber-bg:#c48a3f1f;--amber-text:#d4a454;--red-bg:#dd66661f;--red-text:#e08080;--blue-bg:#5270a01f;--blue-text:#8aaad0;--gray-bg:#9a958e1f;--gray-text:#9a958e;--gradient-primary:linear-gradient(135deg, #e8ddd0 0%, #d4a574 100%);--gradient-primary-hover:linear-gradient(135deg, #f0ece6 0%, #e8c49a 100%);--gradient-hero:linear-gradient(180deg, #f0ece6 0%, #9a958e 100%);--gradient-text:linear-gradient(135deg, #f0ece6 0%, #c8c0b6 100%);--gradient-card-border:none;--gradient-glow:none;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 4px 16px #0006;--shadow-xl:0 8px 30px #00000080;--shadow-glow:none;--shadow-glow-lg:none;--card-shadow:none;--panel-shadow:none;--glass-bg:#1e1d1be6;--glass-border:var(--border-color);--glass-card:#1e1d1b;--glow-opacity:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:72px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-slow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.01)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px rgba(var(--primary-rgb), .1)}50%{box-shadow:0 0 30px rgba(var(--primary-rgb), .2)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes border-flow{0%{background-position:0%}to{background-position:300%}}@keyframes pulse-dot{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.5;transform:scale(.95)}}@keyframes typing-dots{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.glow-effect,.glow-top-left,.glow-bottom-right,.glow-center,.grid-pattern{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#0003}html.dark ::-webkit-scrollbar-thumb{background:#ffffff1a}html.dark ::-webkit-scrollbar-thumb:hover{background:#fff3}.btn-primary{background:var(--bg-dark);color:#fff;border-radius:var(--radius-full);font-size:.88rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:none;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}html.dark .btn-primary{background:var(--primary);color:var(--bg-dark)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-primary:active{transform:translateY(0)}.btn-primary:after{display:none}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.88rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:10px 24px;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--text-muted);background:var(--bg-nested)}.btn-ghost{color:var(--text-gray);font-size:.85rem;font-weight:500;font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.btn-ghost:hover{color:var(--text-main);background:var(--bg-nested)}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:all var(--duration-normal) var(--ease-out)}.glass-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-color)}.card-hover{transition:all var(--duration-normal) var(--ease-out)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glow{position:relative}.card-glow:before{display:none}.input-field{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);font-family:var(--font-body);transition:all var(--duration-normal) var(--ease-out);outline:none;padding:10px 14px;font-size:.88rem}.input-field:focus{border-color:var(--text-muted);box-shadow:0 0 0 3px #0000000a}html.dark .input-field:focus{box-shadow:0 0 0 3px #ffffff0a}.input-field::placeholder{color:var(--text-muted);opacity:.6}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-success{background:var(--sage-bg);color:var(--sage-text);border:none}.badge-warning{background:var(--amber-bg);color:var(--amber-text);border:none}.badge-error{background:var(--red-bg);color:var(--red-text);border:none}.badge-info{background:var(--blue-bg);color:var(--blue-text);border:none}.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--duration-normal) var(--ease-out);padding:24px}.panel:hover{border-color:var(--border-color)}.table-wrapper{border-radius:var(--radius-lg);overflow-x:auto}.table-wrapper table{border-collapse:collapse;width:100%}.table-wrapper thead tr{border-bottom:1px solid var(--border-color)}.table-wrapper th{color:var(--text-gray);text-transform:none;letter-spacing:0;text-align:left;padding:14px 16px;font-size:.78rem;font-weight:600}.table-wrapper tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out)}.table-wrapper tbody tr:hover{background:#00000003}html.dark .table-wrapper tbody tr:hover{background:#ffffff05}.table-wrapper td{padding:14px 16px;font-size:.88rem}.spinner{border:2px solid var(--border-color);border-top-color:var(--text-main);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.theme-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.theme-toggle-btn:hover{background:var(--bg-nested);border-color:var(--text-muted)}.topnav{height:var(--topnav-height);background:var(--bg-topnav);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.topnav-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.topnav-brand-name{font-family:var(--font-title);color:var(--text-main);letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.topnav-links{align-items:center;gap:4px;display:flex}.topnav-link{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--duration-fast) ease;cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;padding:8px 16px;text-decoration:none;position:relative}.topnav-link:hover{color:var(--text-main)}.topnav-link.active{color:var(--text-main);font-weight:600}.topnav-link.active:after{content:"";background:var(--text-main);border-radius:2px;height:2px;position:absolute;bottom:-18px;left:16px;right:16px}.topnav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.topnav-avatar{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-main);background:var(--bg-card);cursor:pointer;transition:border-color var(--duration-fast) ease;font-size:.85rem;font-weight:600;font-family:var(--font-body);border-radius:50%;justify-content:center;align-items:center;display:flex}.topnav-avatar:hover{border-color:var(--text-muted)}.subnav{border-bottom:1px solid var(--border-color);background:var(--bg-topnav);align-items:center;gap:0;padding:0 32px;display:flex;overflow-x:auto}.subnav-link{color:var(--text-muted);cursor:pointer;white-space:nowrap;font-size:.88rem;font-weight:500;font-family:var(--font-body);transition:color var(--duration-fast) ease;background:0 0;border:none;padding:14px 20px;text-decoration:none;position:relative}.subnav-link:hover{color:var(--text-main)}.subnav-link.active{color:var(--text-main);font-weight:600}.subnav-link.active:after{content:"";background:var(--text-main);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:20px;right:20px}.console-layout{background:var(--bg-page);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.sidebar-item{border-radius:var(--radius-sm);color:var(--text-gray);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.85rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{color:var(--text-main);background:var(--bg-nested)}.sidebar-item.active{color:var(--text-main);background:var(--bg-nested);font-weight:600}.sidebar-item.active:before{content:"";background:var(--text-main);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.console-main{height:calc(100vh - var(--topnav-height));flex-grow:1;overflow-y:auto}.console-content{max-width:var(--content-max-width);width:100%;margin:0 auto;padding:32px 40px}.user-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-lg);z-index:200;padding:8px;animation:.15s ease-out slide-down;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-item{width:100%;color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;font-weight:400;font-family:var(--font-body);transition:background var(--duration-fast) ease;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.user-dropdown-item:hover{background:var(--bg-nested)}.user-dropdown-divider{background:var(--border-color);height:1px;margin:6px 0}.campaign-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.campaign-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.campaign-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md)}.campaign-card:hover .campaign-card-overlay{opacity:1}.campaign-card-preview{background:var(--bg-nested);border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.campaign-card-overlay{opacity:0;transition:opacity var(--duration-normal) ease;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.campaign-card-overlay button{color:#1a1a1a;border-radius:var(--radius-full);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-body);background:#fff;border:none;padding:10px 22px}.campaign-card-body{padding:16px}.campaign-card-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:.88rem;font-weight:600;line-height:1.3;overflow:hidden}.campaign-card-footer{justify-content:space-between;align-items:center;display:flex}.campaign-card-status{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-title{font-family:var(--font-title);color:var(--text-main);letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.page-toolbar{align-items:center;gap:10px;display:flex}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;padding:24px}.stat-card-value{font-family:var(--font-title);color:var(--text-main);letter-spacing:-.02em;font-size:1.8rem;font-weight:700}.stat-card-label{color:var(--text-muted);margin-top:4px;font-size:.82rem}.section-container{max-width:1200px;margin:0 auto;padding:0 40px}.section-heading{font-family:var(--font-title);letter-spacing:-.03em;margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.15}.section-subheading{color:var(--text-gray);max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.6}.landing-nav{padding:16px 80px}.landing-hero{padding:140px 40px 80px}.landing-hero-title{font-size:4rem}.landing-hero-desc{font-size:1.25rem}.landing-hero-stats{justify-content:center;gap:48px;display:flex}.landing-section{padding:100px 40px!important}.landing-footer{padding:60px 80px 40px}.pricing-card{padding:48px}.pricing-features{grid-template-columns:1fr 1fr;display:grid}@media (width<=1024px){.landing-nav{padding:16px 24px!important}.landing-hero-title{font-size:3rem!important}.section-heading{font-size:2rem}.landing-footer{padding:40px 24px!important}.campaign-grid{grid-template-columns:repeat(2,1fr)}.topnav,.subnav{padding:0 20px}.console-content{padding:24px 20px}}@media (width<=768px){.landing-section{padding:60px 20px!important}.landing-nav>div:nth-child(2){display:none!important}.landing-hero{padding:120px 20px 40px!important}.landing-hero-title{font-size:2.25rem!important}.landing-hero-desc{margin-bottom:24px!important;font-size:1.05rem!important}.landing-hero-stats{flex-direction:column!important;gap:20px!important;padding:16px 0!important}.pricing-card{padding:24px!important}.pricing-features{grid-template-columns:1fr!important}.section-heading{font-size:1.75rem}.docs-container{flex-direction:column!important}.mobile-docs-header{display:flex!important}.docs-sidebar-wrapper{display:none}.docs-sidebar-wrapper.open{display:block!important}.docs-sidebar-aside{border-right:none!important;border-bottom:1px solid var(--border-color)!important;width:100%!important;min-width:100%!important;height:auto!important}.docs-main{padding:24px 20px!important}.topnav{padding:0 16px}.topnav-links{display:none}.topnav-brand-name{font-size:.95rem}.mobile-menu-toggle{display:flex!important}.mobile-sidebar-backdrop{z-index:1050;background:#00000080;display:block;position:fixed;inset:0}.console-sidebar-wrapper{z-index:1100;transition:transform .3s var(--ease-out);background:var(--bg-card);top:0;bottom:0;left:0;transform:translate(0);box-shadow:8px 0 20px #0000001a;width:280px!important;position:fixed!important}.console-sidebar-wrapper.collapsed{transform:translate(-100%)}.subnav{padding:0 16px}.campaign-grid{grid-template-columns:1fr}.console-content{padding:20px 16px}.console-main{height:auto!important;overflow-y:visible!important}.preview-grid,div[style*="grid-template-columns: 1.2fr 1fr"]{grid-template-columns:1fr!important}.console-content div[style*=grid-template-columns],.console-content div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:16px!important}.console-content div[style*="display: flex"],.console-content div[style*=display\:flex]{flex-wrap:wrap!important;gap:12px!important}.console-content div[style*="gap: 4px"],.console-content div[style*=gap\:4px],.console-content div[style*="gap: 6px"],.console-content div[style*=gap\:6px],.console-content div[style*="gap: 8px"],.console-content div[style*=gap\:8px]{flex-wrap:nowrap!important}.console-content form[style*="display: flex"],.console-content form[style*=display\:flex]{flex-direction:column!important;align-items:stretch!important}.console-content form[style*="display: flex"]>div[style*=width\:],.console-content form[style*=display\:flex]>div[style*=width\:]{width:100%!important}.console-content table{-webkit-overflow-scrolling:touch;width:100%!important;display:block!important;overflow-x:auto!important}.console-content .panel{padding:16px!important}.page-header{flex-direction:column;align-items:flex-start;gap:16px}}