:root{--brand-ink:#07261f;--brand-emerald:#0b6b50;--brand-mint:#19d9a8;--action-start:#12906b;--action-end:#0b7253;--highlight:#19d9a8;--highlight-soft:#e6f9f2;--background:#f5f7f6;--foreground:#0f1f1b;--card:#fff;--card-foreground:#0f1f1b;--popover:#fff;--popover-foreground:#0f1f1b;--primary:#0d7d5d;--primary-foreground:#fff;--secondary:#eef2f0;--secondary-foreground:#183a31;--muted:#eff3f1;--muted-foreground:#5a6a65;--accent:#e3f6ee;--accent-foreground:#0a6a4f;--border:#e2e8e5;--input:#cfd9d5;--ring:#14a37a;--success:#0e8a63;--warning:#c27a12;--destructive:#d63c4b;--sidebar:#fff;--sidebar-foreground:#40514c;--sidebar-primary:#0d8a66;--sidebar-primary-foreground:#fff;--sidebar-accent:#e4f7ef;--sidebar-accent-foreground:#07261f;--sidebar-border:#e2e8e5;--sidebar-ring:#14a37a;--series-visitors:#7d8d88;--series-clicks:#eb9a2f;--series-opens:#10b384;--chart-1:var(--series-visitors);--chart-2:var(--series-clicks);--chart-3:var(--series-opens);--chart-axis:#82918c;--surface-shadow:0 4px 18px -8px #102e2614,0 1px 2px #102e2608}.dark{--action-start:#3be2b8;--action-end:#17c79a;--highlight:#19d9a8;--highlight-soft:#0f2a22;--background:#0b0e0d;--foreground:#edf3f1;--card:#131817;--card-foreground:#edf3f1;--popover:#192120;--popover-foreground:#edf3f1;--primary:#2ee0b2;--primary-foreground:#03140e;--secondary:#1a2120;--secondary-foreground:#dbe6e2;--muted:#192020;--muted-foreground:#9aaaa5;--accent:#10302a;--accent-foreground:#7bf0cf;--border:#ffffff12;--input:#fff2;--ring:#2ee0b2;--success:#3ddfa9;--warning:#f2b44e;--destructive:#f2798a;--sidebar:#080b0a;--sidebar-foreground:#a3b2ad;--sidebar-primary:#2ee0b2;--sidebar-primary-foreground:#03140e;--sidebar-accent:#12201c;--sidebar-accent-foreground:#fff;--sidebar-border:#ffffff0d;--sidebar-ring:#2ee0b2;--series-visitors:#9aa9a4;--series-clicks:#f4b04f;--series-opens:#2ee0b2;--chart-axis:#7f8e89;--surface-shadow:inset 0 1px 0 #ffffff06,0 8px 24px -18px #000a}:is(.auth-shell,.onboarding-shell) [data-slot=button][data-variant=default]{background:linear-gradient(180deg,var(--action-start),var(--action-end));color:var(--primary-foreground);box-shadow:inset 0 1px 0 #ffffff2b,0 3px 8px -3px color-mix(in srgb,var(--primary)45%,transparent)}:is(.auth-shell,.onboarding-shell) [data-slot=input]{background-color:var(--card);border-radius:10px}@media (prefers-reduced-motion:no-preference){.auth-shell main>div{animation:.28s cubic-bezier(.22,1,.36,1) both account-enter}}@keyframes account-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dashboard-shell{--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.625rem;--text-3xl:2rem}.dashboard-shell .page-enter>:first-child{width:100%;max-width:1440px;margin-inline:auto}.dashboard-shell h1{letter-spacing:-.035em;font-size:clamp(1.6rem,1.2rem + .8vw,2.125rem);line-height:1.3}.dashboard-shell h1+p{margin-top:.5rem;font-size:.875rem;line-height:1.6}.dashboard-shell [data-slot=card-title]{letter-spacing:-.015em;font-size:.9375rem}.dashboard-shell [data-slot=card-description]{font-size:.8125rem;line-height:1.6}.dashboard-shell [data-slot=card-header]{gap:.35rem}.dashboard-shell [data-slot=table-head]{background:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.dark .dashboard-shell [data-slot=table-head]{color:var(--muted-foreground);background:#ffffff05}.dashboard-shell [data-slot=table-cell]{padding-block:1rem;font-size:.8125rem}.dashboard-shell [role=note]{background:0 0;border-color:#0000;padding:.25rem 0;font-size:.8125rem}.dashboard-shell .page-enter{animation-duration:.14s}.dashboard-shell .stagger-children>*{animation:none}.dashboard-shell .nav-indicator{transition-duration:.14s}.dashboard-shell .chart-reveal .recharts-line,.dashboard-shell .chart-reveal .recharts-area,.dashboard-shell .live-dot:after{animation:none}@media (max-width:767px){.dashboard-shell .page-enter>:first-child{padding-inline:1rem}.overview-page .metric-card{padding:1rem}.overview-page .metric-card>div:first-child{flex-wrap:wrap}}.dashboard-shell [data-slot=card]{border-radius:18px}.dashboard-shell [data-slot=card],.dashboard-shell [data-slot=settings-section],.dashboard-shell .metric-card{box-shadow:var(--surface-shadow)}.dark .dashboard-shell [data-slot=card],.dark .dashboard-shell [data-slot=settings-section],.dark .dashboard-shell .metric-card{background-image:linear-gradient(145deg,#ffffff04,#0000 60%)}.dashboard-shell .dashboard-topbar{background:var(--background);border-color:#0000}body:has(.dashboard-shell) [data-sidebar=sidebar]{background:var(--sidebar)}.dark body:has(.dashboard-shell) [data-slot=sidebar]{--card:#111816;--muted:#151c1a;--muted-foreground:#94a39e;--border:#ffffff10}body:has(.dashboard-shell) [data-slot=sidebar-header]{padding-top:1.75rem;padding-bottom:1.5rem}body:has(.dashboard-shell) [data-slot=sidebar-menu-button]{letter-spacing:.005em;height:46px;font-weight:450}body:has(.dashboard-shell) [data-slot=sidebar-menu-button]:hover{background:var(--muted)}body:has(.dashboard-shell) [data-slot=sidebar-menu-button][data-active=true]{color:var(--sidebar-accent-foreground);font-weight:550}body:has(.dashboard-shell) [data-slot=sidebar] .nav-indicator{background:var(--sidebar-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-mint)22%,transparent);border-radius:10px;transition:transform .24s cubic-bezier(.22,1,.36,1),width .24s cubic-bezier(.22,1,.36,1),height .24s cubic-bezier(.22,1,.36,1)}body:has(.dashboard-shell) [data-slot=sidebar] .nav-indicator:before{content:"";background:var(--sidebar-primary);width:4px;height:20px;box-shadow:0 0 10px color-mix(in srgb,var(--brand-mint)55%,transparent);border-radius:0 4px 4px 0;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}body:has(.dashboard-shell) [data-slot=sidebar][data-state=collapsed] .nav-indicator:before{display:none}.dashboard-icon{--icon-ink:var(--accent-foreground);--icon-wash:#19d9a8;width:40px;height:40px;color:var(--icon-ink);background:linear-gradient(145deg,color-mix(in srgb,var(--icon-wash)22%,white),color-mix(in srgb,var(--icon-wash)9%,white));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--icon-wash)24%,transparent),inset 0 1px 0 #fff;border-radius:12px;flex-shrink:0;place-items:center;display:inline-grid}.dashboard-icon-compact{border-radius:9px;width:28px;height:28px}.dark .dashboard-icon{color:color-mix(in srgb,var(--icon-wash)82%,white);background:linear-gradient(145deg,color-mix(in srgb,var(--icon-wash)22%,transparent),color-mix(in srgb,var(--icon-wash)7%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--icon-wash)16%,transparent),inset 0 1px 0 #ffffff0a}body:has(.dashboard-shell) [data-slot=sidebar] .nav-symbol{color:var(--muted-foreground);box-shadow:none;background:0 0;transition:color .16s,transform .2s}body:has(.dashboard-shell) [data-slot=sidebar-menu-button]:hover .nav-symbol{color:var(--foreground)}body:has(.dashboard-shell) [data-slot=sidebar-menu-button][data-active=true] .nav-symbol{color:var(--sidebar-primary);background:color-mix(in srgb,var(--card)70%,transparent);box-shadow:0 1px 2px #07261f14}.dark body:has(.dashboard-shell) [data-slot=sidebar-menu-button][data-active=true] .nav-symbol{background:#2ee0b21a;box-shadow:inset 0 1px #ffffff10}body:has(.dashboard-shell) [data-slot=button][data-variant=default]:not(.widget-scope *){background:linear-gradient(180deg,var(--action-start),var(--action-end));color:var(--primary-foreground);box-shadow:inset 0 1px 0 #ffffff2b,0 3px 8px -3px color-mix(in srgb,var(--primary)45%,transparent);border:1px solid #ffffff1a}body:has(.dashboard-shell) [data-slot=button][data-variant=default]:not(.widget-scope *):enabled:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--action-start)88%,white),var(--action-start))}body:has(.dashboard-shell) [data-slot=button][data-variant=outline]:not(.widget-scope *){box-shadow:inset 0 1px #ffffff09,0 1px 2px #00000005}.dashboard-shell :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger]):not(.widget-scope *){background-color:color-mix(in srgb,var(--background)45%,var(--card));border-radius:10px}.dark .dashboard-shell :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger]):not(.widget-scope *){background-color:#0e1211;box-shadow:inset 0 1px 2px #0003}.dashboard-shell [data-slot=switch][data-state=checked]:not(.widget-scope *){background:linear-gradient(180deg,var(--action-start),var(--action-end));box-shadow:inset 0 1px 1px #ffffff30,0 0 0 1px color-mix(in srgb,var(--primary)18%,transparent)}.dashboard-shell [data-slot=switch][data-state=unchecked]:not(.widget-scope *){background:#d3dcd8}.dark .dashboard-shell [data-slot=switch][data-state=unchecked]:not(.widget-scope *){background:#2c3633}.dashboard-shell [data-slot=tabs-list]:not(.widget-scope *){--tw-ring-shadow:0 0 #0000;background:#e8eeeb;border:0;border-radius:16px;gap:2px;height:auto;min-height:52px;padding:5px;box-shadow:inset 0 0 0 1px #dde5e1}.dark .dashboard-shell [data-slot=tabs-list]:not(.widget-scope *){background:color-mix(in srgb,var(--muted)75%,var(--card));box-shadow:inset 0 0 0 1px #ffffff08}.dashboard-shell [data-slot=tabs-list]:not(.widget-scope *)>[data-slot=tabs-trigger]{border-radius:11px;min-height:42px;font-size:13px;font-weight:500}.dashboard-shell [data-slot=tabs-list]:not(.widget-scope *)>.nav-indicator{background:var(--card);border-radius:11px;transition:transform .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),height .26s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 2px #07261f14,0 4px 10px -4px #07261f1f,inset 0 0 0 1px #19d9a826}.dark .dashboard-shell [data-slot=tabs-list]:not(.widget-scope *)>.nav-indicator{background:color-mix(in srgb,var(--primary)15%,transparent);box-shadow:inset 0 1px 0 #ffffff0d,inset 0 0 0 1px color-mix(in srgb,var(--primary)14%,transparent)}.dashboard-shell [data-slot=tabs-list]:not(.widget-scope *)>[data-state=active]{color:var(--accent-foreground);box-shadow:none;background:0 0}.dashboard-shell [data-slot=tabs-list]:not(.widget-scope *)>[data-state=active] svg{color:var(--accent-foreground)}.dashboard-shell [data-slot=tabs-trigger] svg{transition:color .16s,transform .2s}.dashboard-shell [data-slot=tabs-trigger]:hover svg{transform:translateY(-1px)}.editor-tab-context{color:var(--muted-foreground);padding:12px 4px 0;font-size:13px;line-height:1.6}.editor-panel-frame{transition:height .26s cubic-bezier(.22,1,.36,1)}.editor-panel-inner{display:flow-root}@keyframes editor-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.widget-editor .editor-panel-inner>[data-slot=tabs-content][data-state=active]{animation:.26s cubic-bezier(.22,1,.36,1) both editor-panel-in}.dashboard-shell [data-slot=settings-section]{border-radius:16px}.dashboard-shell [data-slot=settings-section]>button{padding-block:18px}.dashboard-shell [data-slot=settings-section][data-open=true]{border-color:color-mix(in srgb,var(--ring)30%,var(--border))}.dashboard-shell [data-slot=settings-section][data-open=true]>button{background:color-mix(in srgb,var(--accent)45%,var(--card));border-radius:16px 16px 0 0}.dark .dashboard-shell [data-slot=settings-section][data-open=true]>button{background:color-mix(in srgb,var(--accent)35%,var(--card))}.dashboard-shell [data-slot=settings-section]>button:hover .dashboard-icon{filter:brightness(1.06)}.dashboard-shell [data-slot=settings-section]>button>svg:last-child{width:16px;height:16px}.dashboard-shell [data-slot=settings-section]>button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.dashboard-shell [data-slot=settings-section] p{line-height:1.65}.dashboard-shell [data-slot=settings-section] [role=radiogroup] button{min-height:40px}.dashboard-shell .settings-card-heading [data-slot=card-description]{margin-top:5px;font-size:12px}.dashboard-shell .settings-page{max-width:1120px}.dashboard-shell .settings-page [data-slot=card-header]{border-bottom:1px solid var(--border);padding-bottom:1.25rem}.dashboard-shell .settings-page [data-slot=card-content]{padding-top:.25rem}@media (max-width:640px){.dashboard-shell [data-slot=settings-section]>button{gap:12px}.dashboard-shell [data-slot=settings-section]>button .dashboard-icon{border-radius:10px;width:34px;height:34px}}.overview-hero{isolation:isolate;background:radial-gradient(at 100% 0,#bff3df 0%,#0000 55%),radial-gradient(at 40% 130%,#fff1d6 0%,#0000 60%),linear-gradient(115deg,#eaf8f2,#f6fbf9 60%,#fbfaf3);border:1px solid #cdeee1;border-radius:24px;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:2rem;min-height:256px;padding:2rem 2.25rem;display:grid;position:relative;overflow:hidden}.overview-hero-copy{z-index:1;position:relative}.overview-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#2b6b58;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.overview-eyebrow>span{background:var(--brand-mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #19d9a826}.dashboard-shell .overview-hero h1{letter-spacing:-.055em;color:var(--brand-ink);margin-top:1rem;font-size:clamp(1.75rem,2.7vw,2.65rem);font-weight:500}.dashboard-shell .overview-intro{color:#4d6760;margin-top:.7rem;font-size:13px;line-height:1.7}.overview-date{margin-top:1.3rem}.overview-date button{background:#ffffffb3;border-color:#cfe5dc;font-size:12px;box-shadow:0 2px 3px #07261f05}.overview-pulse{color:#fff;background:radial-gradient(ellipse at 100% 0%,#13755a 0%,transparent 70%),linear-gradient(140deg,#0b3a2e,var(--brand-ink));border:1px solid #19d9a833;border-radius:18px;padding:1.25rem 1.5rem 0;position:relative;overflow:hidden;box-shadow:0 16px 32px -18px #07261f99,inset 0 1px #ffffff14}.overview-pulse-label{align-items:center;gap:10px;font-size:12px;display:flex}.overview-pulse-label small{color:#9fd3c2;margin-top:3px;font-size:10px;display:block}.pulse-icon{width:35px;height:35px;color:var(--brand-mint);background:#19d9a81a;border:1px solid #19d9a833;border-radius:10px;place-items:center;display:grid}.overview-pulse-value{letter-spacing:-.05em;font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;margin-top:1rem;font-size:38px;font-weight:450;line-height:1;display:flex}.overview-pulse-value span{letter-spacing:0;color:#9fd3c2;font-size:11px}.overview-sparkline{width:100%;height:76px;margin-top:.5rem;display:block}.overview-pulse-empty{color:#9fd3c2;padding-block:1.25rem;font-size:12px}.dark .overview-hero{background:radial-gradient(at 100% 0,#15624d 0%,#0000 58%),radial-gradient(at 30% 140%,#0f3b30 0%,#0000 60%),linear-gradient(118deg,#0c2a22,#0a1f1a 60%,#0c1715);border-color:#2ee0b224;box-shadow:inset 0 1px #ffffff0d,0 20px 48px -36px #2ee0b255}.dark .overview-eyebrow{color:#8fe9cd}.dark .dashboard-shell .overview-hero h1{color:#f2fbf8}.dark .dashboard-shell .overview-intro{color:#b5cdc5}.dark .overview-date button{color:#fff;background:#ffffff0b;border-color:#ffffff24}.dark .overview-date button:hover{background:#ffffff14}.dark .overview-pulse{background:linear-gradient(145deg,#06191499,#04120ecc);border-color:#2ee0b22e;box-shadow:inset 0 1px #ffffff12,0 14px 24px -20px #000c}.overview-page .metric-card{border-radius:16px;padding-top:1.35rem;padding-bottom:1.35rem;position:relative}.overview-page .metric-card>.tabular-nums{letter-spacing:-.035em;margin-top:1.25rem;margin-bottom:.75rem;font-size:clamp(1.8rem,2.4vw,2.5rem);font-weight:500}.overview-page .metric-card>div:first-child{gap:6px;min-height:32px}.overview-page .metric-card>div:first-child>span:not(.dashboard-icon){flex:1}.overview-page .metric-card:nth-child(4){color:#083a2d;background:linear-gradient(130deg,#effcf7,#d9f6ea);border-color:#b4e9d4}.overview-page .metric-card:nth-child(4) .text-muted-foreground{color:#3c6b5d}.overview-page .metric-card:nth-child(4) .text-success{color:#0a7353}.overview-page .metric-card:nth-child(4) .text-destructive{color:#b42839}.overview-page .metric-card:nth-child(4) .dashboard-icon{color:#0a6a4f;background:#ffffffa6}.dark .overview-page .metric-card:nth-child(4){color:#d8fbf0;background:linear-gradient(135deg,#10302a,#0c201c);border-color:#2ee0b233;box-shadow:inset 0 1px #ffffff0a,0 10px 28px -18px #2ee0b240}.dark .overview-page .metric-card:nth-child(4) .text-muted-foreground{color:#93c6b7}.dark .overview-page .metric-card:nth-child(4) .text-success{color:#5ff0c6}.dark .overview-page .metric-card:nth-child(4) .text-destructive{color:#ff9eab}.dark .overview-page .metric-card:nth-child(4) .dashboard-icon{color:#5ff0c6;background:#2ee0b21f}.overview-next-step{align-items:center;gap:20px;padding:28px;display:flex}.overview-next-step>.dashboard-icon{border-radius:16px;width:52px;height:52px}.overview-next-step-copy{flex:1}.overview-next-step h3{letter-spacing:-.02em;font-size:17px;font-weight:600}.overview-next-step p{max-width:55ch;color:var(--muted-foreground);margin-top:6px;font-size:13px;line-height:1.7}@media (prefers-reduced-motion:no-preference){.dashboard-shell .metric-card{transition:border-color .18s,transform .18s,box-shadow .18s}.dashboard-shell .metric-card:hover{border-color:color-mix(in srgb,var(--ring)35%,var(--border));box-shadow:0 12px 26px -18px color-mix(in srgb,var(--primary)45%,#0008);transform:translateY(-2px)}}@media (max-width:1100px){.overview-hero{grid-template-columns:minmax(0,1fr) 260px;gap:1.5rem;padding:1.75rem}}@media (min-width:1280px) and (max-width:1490px){.overview-page .metric-card{padding-inline:14px}.overview-page .metric-card .dashboard-icon-compact{border-radius:8px;width:24px;height:24px}}@media (max-width:640px){.overview-hero{border-radius:20px;grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.overview-pulse{padding-top:1rem}.overview-pulse-value{font-size:32px}.overview-sparkline{height:60px}.dashboard-shell .overview-hero h1{font-size:1.9rem}.overview-page .metric-card>div:first-child{flex-wrap:nowrap}.overview-page .metric-card>div:first-child>.dashboard-icon{display:none}.overview-next-step{flex-wrap:wrap;gap:16px;padding:20px}.overview-next-step-copy{flex-basis:calc(100% - 70px)}.overview-next-step>a{margin-left:68px}}@media (prefers-reduced-motion:reduce){.editor-panel-frame,.dashboard-shell [data-slot=tabs-list]>.nav-indicator,.dashboard-shell [data-slot=tabs-trigger] svg{transition:none}body:has(.dashboard-shell) [data-slot=sidebar] .nav-indicator{transition:none}.widget-editor .editor-panel-inner>[data-slot=tabs-content][data-state=active]{animation:none}.dashboard-shell [data-slot=tabs-trigger]:hover svg{transform:none}}
