:root{color-scheme:light;--accent-black-strong: #050709;--accent-black: #0b0d13;--accent-black-contrast: #f8fafc;--accent-black-muted: rgba(5, 7, 11, .08);--accent-black-soft: rgba(5, 7, 11, .16);--accent-black-ring: rgba(5, 7, 11, .45);--accent-black-ring-soft: rgba(5, 7, 11, .25);--accent-black-shadow: rgba(5, 7, 11, .35);--widget-primary: #000000;--widget-secondary: #000000}.app-sidebar{flex:0 0 280px;width:280px;background:radial-gradient(circle at 15% -10%,rgba(255,255,255,.08),transparent 55%),radial-gradient(circle at 85% 0%,rgba(255,255,255,.06),transparent 60%),linear-gradient(165deg,#07090f,#020203 65%,#05070d);border-right:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a,10px 0 28px #03040752;position:relative;color:#f9fbff}.brand-icon{width:48px;height:48px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#ffffff14,#070b14d9);box-shadow:0 20px 35px #00000073,inset 0 1px #ffffff14;display:inline-flex;align-items:center;justify-content:center}.section-label{letter-spacing:.3em;font-size:.65rem;text-transform:uppercase;color:#f8fafc66!important}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.app-nav-link{color:#f8fafcb3!important;border:1px solid transparent}.app-nav-link svg{color:currentColor}.app-nav-link:hover{color:#fff!important;background:#ffffff14!important}.app-nav-link.active-nav{color:#fff!important;background:#ffffff1f!important;border-color:#ffffff1a!important;box-shadow:none;font-weight:600}.sidebar-upgrade-card{border-radius:22px;padding:1.25rem;background:linear-gradient(165deg,#ffffff14,#090d16e6);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #0000008c}.sidebar-upgrade-card p{color:#f8fafcbf}.sidebar-profile{position:relative;display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:background .2s ease,border-color .2s ease}.sidebar-profile:hover{background:#ffffff0f;border-color:#ffffff1f}.sidebar-profile .avatar-monogram{width:40px;height:40px;border-radius:999px;background:linear-gradient(145deg,#0f1724,#050709);border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;font-weight:600}.page-title-margin{margin-bottom:-20px!important}.profile-dropdown{position:absolute;bottom:calc(100% + .5rem);left:0;right:0;background:linear-gradient(165deg,#ffffff26,#090d16eb);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:18px;box-shadow:0 -20px 50px #0009,inset 0 1px #ffffff1a;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:100;overflow:hidden}.sidebar-profile.active .profile-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;color:#f8fafcd9;transition:background .2s ease,color .2s ease;text-decoration:none}.profile-dropdown-link:hover{background:#ffffff14;color:#fff}.profile-dropdown-link:first-child{border-radius:18px 18px 0 0}.profile-dropdown-link:last-child{border-radius:0 0 18px 18px}.profile-dropdown-link svg{width:18px;height:18px;color:currentColor}.profile-dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.btn-onyx{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;color:#f8fafc!important;background:linear-gradient(150deg,#050709,#0d1524);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14,0 8px 18px #05070b3d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn-onyx svg{color:currentColor}.btn-onyx:hover{transform:translateY(-1px);border-color:#ffffff40;box-shadow:inset 0 1px #ffffff1f,0 12px 26px #05070b47}.btn-onyx:focus-visible{outline:2px solid rgba(248,250,252,.35);outline-offset:3px}.btn-onyx--sm{padding:.55rem 1.25rem;font-size:.9rem}button.shadow,a.shadow,button.shadow-md,a.shadow-md{box-shadow:0 6px 14px #0f172a2e!important}button.shadow-lg,a.shadow-lg{box-shadow:0 10px 22px #0f172a2e!important}button.shadow-xl,a.shadow-xl,button.shadow-2xl,a.shadow-2xl{box-shadow:0 14px 32px #0f172a33!important}button.hover\:shadow-lg:hover,a.hover\:shadow-lg:hover,button.hover\:shadow-xl:hover,a.hover\:shadow-xl:hover,button.hover\:shadow-2xl:hover,a.hover\:shadow-2xl:hover{box-shadow:0 16px 38px #0f172a3d!important}.analytics-bar{width:100%;border-radius:18px;border:1px solid rgba(15,23,42,.35);box-shadow:inset 0 1px #ffffff14,0 25px 45px #0f172a40;position:relative;overflow:hidden;background:linear-gradient(180deg,#0f172a,#050709)}.analytics-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent);opacity:.4;pointer-events:none}.analytics-bar--onyx{--analytics-start: #111827;--analytics-end: #030508;background:linear-gradient(180deg,var(--analytics-start),var(--analytics-end))}.analytics-bar--teal{background:linear-gradient(180deg,#1cb5e0,#04121b)}.analytics-bar--blue{background:linear-gradient(180deg,#4f8bff,#050a16)}.text-violet-500,.text-violet-600,.text-violet-700,.text-purple-600,.text-purple-700,.text-indigo-500,.text-indigo-600{color:var(--accent-black-strong)!important}.text-violet-600:hover,.text-violet-600:focus,.text-purple-600:hover,.text-purple-600:focus,.hover\:text-violet-700:hover,.hover\:text-purple-600:hover{color:var(--accent-black-strong)!important}.bg-violet-600,.bg-violet-500,.bg-purple-600,.bg-purple-500{background-color:var(--accent-black-strong)!important;color:var(--accent-black-contrast)!important;border-color:#05070b8c!important}.bg-violet-50,.bg-violet-100,.bg-violet-500\/10,.bg-violet-500\/20,.bg-violet-600\/20,.bg-purple-500\/10,.bg-purple-500\/20{background-color:var(--accent-black-muted)!important;color:var(--accent-black-strong)!important;border-color:var(--accent-black-muted)!important}.border-violet-500,.border-violet-500\/20,.border-purple-500\/20{border-color:var(--accent-black-strong)!important}.border-violet-200,.border-violet-200\/50{border-color:#05070b59!important}.hover\:border-violet-300:hover,.hover\:border-violet-400:hover,.focus\:border-violet-500:focus{border-color:var(--accent-black-strong)!important}.focus\:ring-violet-500:focus{--tw-ring-color: var(--accent-black-ring) !important}.focus\:ring-violet-500\/20:focus{--tw-ring-color: var(--accent-black-ring-soft) !important}.from-violet-600,.from-violet-500,.from-purple-600,.from-purple-500,.from-indigo-500,.from-indigo-600{--tw-gradient-from: var(--accent-black-strong) var(--tw-gradient-from-position) !important;--tw-gradient-to: rgba(5, 7, 11, 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important}.from-violet-500\/20,.from-purple-500\/20,.from-violet-500\/10{--tw-gradient-from: rgba(5, 7, 11, .2) var(--tw-gradient-from-position) !important;--tw-gradient-to: rgba(5, 7, 11, 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important}.via-violet-600,.via-purple-600,.via-purple-500{--tw-gradient-stops: var(--tw-gradient-from), rgba(5, 7, 11, .65), var(--tw-gradient-to) !important}.via-purple-500\/20,.via-purple-500\/10{--tw-gradient-stops: var(--tw-gradient-from), rgba(5, 7, 11, .2), var(--tw-gradient-to) !important}.to-violet-600,.to-violet-500,.to-purple-600,.to-purple-500,.to-purple-700,.to-purple-400,.to-indigo-600,.to-indigo-500{--tw-gradient-to: var(--accent-black-strong) var(--tw-gradient-to-position) !important}.to-violet-50,.to-violet-500\/20,.to-indigo-500\/20,.to-violet-500\/10{--tw-gradient-to: var(--accent-black-muted) var(--tw-gradient-to-position) !important}.hover\:from-violet-500:hover,.hover\:from-violet-600:hover,.hover\:from-purple-500:hover,.hover\:from-purple-600:hover{--tw-gradient-from: var(--accent-black-strong) var(--tw-gradient-from-position) !important;--tw-gradient-to: rgba(5, 7, 11, 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important}.hover\:to-purple-500:hover,.hover\:to-purple-600:hover,.hover\:to-violet-500:hover{--tw-gradient-to: var(--accent-black-strong) var(--tw-gradient-to-position) !important}.shadow-violet-500\/25,.shadow-violet-500\/30,.shadow-violet-500\/40,.shadow-violet-600\/20,.shadow-violet-200\/60{box-shadow:0 25px 55px var(--accent-black-shadow)!important}.hover\:shadow-violet-500\/30:hover{box-shadow:0 30px 70px var(--accent-black-shadow)!important}.bg-violet-600\/20,.bg-violet-500\/10,.bg-purple-500\/10,.bg-purple-500\/20,.bg-violet-50,.bg-violet-100{color:var(--accent-black-strong)!important}.select-field{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.75rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:14px;cursor:pointer}.tab-btn,.settings-tab{border-radius:1rem;border:1px solid rgba(15,23,42,.08);background:transparent;color:#475569;transition:background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease,transform .2s ease}.tab-btn svg,.settings-tab svg{color:currentColor}.tab-btn:hover,.settings-tab:hover{border-color:#0f172a33;background:#0f172a0a}.tab-btn.active,.settings-tab.active{color:#f8fafc;border-color:#05070ba6;background:linear-gradient(140deg,#050709,#111827)}.info-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(15,23,42,.15);background:#fff;color:#94a3b8;cursor:help;padding:0;outline:none;flex-shrink:0;transition:border-color .2s ease,color .2s ease}.info-icon svg{width:16px;height:16px;color:inherit}.info-icon:hover,.info-icon:focus-visible{border-color:#05070b73;color:#0f172a}.info-icon:focus-visible{box-shadow:0 0 0 2px #05070b1a}.info-tooltip{position:absolute;top:50%;left:calc(100% + .75rem);right:auto;width:min(320px,70vw);padding:.85rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#020617;color:#f8fafc;box-shadow:0 18px 40px #02061773;font-size:.8rem;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .2s ease,transform .2s ease;z-index:120}.info-icon:hover .info-tooltip,.info-icon:focus-visible .info-tooltip{opacity:1;pointer-events:auto;transform:translate(.5rem,-50%)}@media (max-width: 640px){.info-tooltip{top:calc(100% + .5rem);left:50%;transform:translate(-50%,-6px);width:min(280px,90vw)}.info-icon:hover .info-tooltip,.info-icon:focus-visible .info-tooltip{transform:translate(-50%)}}.info-tooltip-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#f8fafca6;margin-bottom:.35rem}.info-tooltip strong{font-weight:600}body{font-family:Inter,sans-serif}.tab-content{display:none}.tab-content.active{display:block}.authLoginIcon svg{top:16px}.authRegisterIcon svg{top:34px}@keyframes cardFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.color-bar-wrapper{padding:.3rem;border-radius:1.25rem;border:1px solid rgba(15,23,42,.08);background:linear-gradient(135deg,#f8fafcbf,#ffffffe6);box-shadow:inset 0 1px #fffc,0 10px 22px #0f172a14}.color-bar-input{border-radius:1rem;border:1px solid rgba(15,23,42,.08);background:linear-gradient(180deg,#fff6,#ffffff1a)}.brand-color-input{width:64px;height:48px;border-radius:.85rem;border:1px solid rgba(15,23,42,.1);box-shadow:inset 0 1px #ffffff2e,0 6px 12px #0f172a1f}.color-hex{min-width:90px;text-align:center;padding:.4rem .65rem;border-radius:.75rem;border:1px solid rgba(15,23,42,.08);background:#0f172a0a;color:#0f172a}