:root{--purple:#d82353;--purple-dark:#b81a44;--purple-soft:#fff1f5;--text:#1c2027;--muted:#697380;--border:#e7ebf0;--bg:#f6f7f9;--pink:#ff2e63;--teal:#08d9d6}.brand-icon{background:#ff2e63}.brand-dot{color:#ff2e63}.sidebar{background:#1c2027;border:0;color:#fff}.sidebar .brand{color:#fff}.workspace{border-color:#ffffff1f;background:#ffffff08}.workspace-icon{background:#ffffff12;color:#08d9d6}.workspace small,.profile small,.sidebar .nav-label{color:#9ca7b5}.sidebar .nav-link{color:#c4ccd6;font-size:12px}.sidebar .nav-link:hover{background:#ffffff0c;color:#fff}.sidebar .nav-link.active{background:#ff2e63;color:white}.nav-tag{background:#ffffff12;color:#e0e7ee;border-color:#ffffff18}.side-tip{background:#ffffff08;border-color:#ffffff18}.side-tip strong{color:#fff}.side-tip p,.side-tip .text-btn{color:#b8c3d0}.tip-symbol{color:#08d9d6}.profile{border-color:#ffffff1a}.avatar{background:#313b48;color:#08d9d6}.profile .icon-btn{color:#b7c1cc}.greeting-dot{color:#ff2e63}.nav-label{letter-spacing:1.3px}.system-online i{background:#08b6b3}.btn-primary{background:#d82353;box-shadow:0 5px 12px #ff2e631c}.btn-primary:hover{background:#b81a44}.app-header{background:#fff}.header-avatar{color:#d82353;background:#fff1f5}.app-footer{background:transparent}.stat-card{padding:22px;border:1px solid #e7ebf0;box-shadow:0 3px 15px #1c202705}.stat-card>strong{font-size:35px;letter-spacing:-1px;color:#1c2027}.stat-top{font-size:12px;color:#697380}.stat-card>small{font-size:10px;color:#84909d}.purple-bg{color:#d82353;background:#fff1f5}.blue-bg{color:#008d8a;background:#e4f8f8}.green-bg{color:#217747;background:#e7f6ed}.orange-bg{color:#c47511;background:#fff4e1}.stat-card .stat-icon{width:34px;height:34px}.page-heading h1{font-size:30px;letter-spacing:-.8px}.eyebrow{color:#697380;font-size:9px;letter-spacing:1.5px}.muted{color:#697380}.section-heading h2{font-size:15px}.panel{border-color:#e7ebf0;box-shadow:0 4px 18px #1c202705}.operations-banner{display:flex;justify-content:space-between;gap:25px;padding:32px 36px;background:#1c2027;color:#fff;border-radius:14px;margin:0 0 28px;position:relative;overflow:hidden}.operations-banner>div:first-child{flex:1;position:relative;z-index:1}.operations-banner h2{font-size:31px;line-height:1.23;letter-spacing:-.7px;margin:17px 0 16px;font-weight:650}.operations-banner h2 em{font-style:normal;color:#08d9d6}.operations-banner p{font-size:12px;line-height:1.9;color:#bec7d2;max-width:480px;margin-bottom:22px}.operations-banner .hero-pill{background:#ffffff0c;border-color:#ffffff18;color:#dbe2ea;font-size:9px;letter-spacing:1px}.operations-flow{width:225px;align-self:center;flex-shrink:0}.operations-flow>div{display:grid;grid-template-columns:30px 1fr;gap:4px 11px;border:1px solid #ffffff1c;padding:12px 15px;border-radius:9px;background:#ffffff05}.operations-flow>div span{grid-row:span 2;font-size:12px;align-self:center;color:#08d9d6}.operations-flow strong{font-size:11px;font-weight:600}.operations-flow small{font-size:9px;color:#9aa8b8}.operations-flow>i{display:block;text-align:center;font-style:normal;color:#6a7d91;padding:6px}.cid-info{display:flex;align-items:flex-start;gap:14px;border:1px solid #bdebea;background:#ecfbfa;border-radius:11px;padding:21px 23px;margin:26px 0}.cid-info-icon{color:#008d8a;font-size:27px;flex-shrink:0}.cid-info strong{color:#1c2027;font-size:12px}.cid-info p{color:#516d75;font-size:11px;margin:7px 0 0;line-height:1.8}.cid-info code{font-size:11px;color:#126b70;overflow-wrap:anywhere}.cid-info .cid-sensitive{color:#aa2349;font-size:11px;font-weight:550}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.analytics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.interactive-chart{height:290px;position:relative;margin:15px 0 5px;min-width:0}.interactive-chart canvas{max-width:100%}.doughnut-chart{height:290px}.compact-chart{height:220px}.button-chart,.source-chart{height:230px}.chart-empty-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#7e8b9b;pointer-events:none;background:#ffffff88}.chart-label,.timezone-pill{font-size:9px;letter-spacing:1px;color:#7a8796}.timezone-pill{background:#e7f9f8;border:1px solid #c7eeeb;padding:5px 8px;border-radius:4px;color:#008d8a}.event-detail summary{color:#c12250;font-size:11px;cursor:pointer}.event-detail>div{min-width:280px;max-width:370px;border:1px solid #e5eaf0;border-radius:9px;margin-top:12px;padding:13px;background:#f8fafb;white-space:normal}.event-detail dl{display:grid;grid-template-columns:105px 1fr;gap:8px;margin:0;font-size:10px}.event-detail dt{color:#7d8a98}.event-detail dd{margin:0;color:#37485b;overflow-wrap:anywhere}.event-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}.event-detail details{margin-top:14px}.status.published{color:#16734e;background:#e8f7ef}.status.draft{color:#856119;background:#fff5dc}.status.paused{color:#b1274d;background:#fff1f5}.event-pill.click{color:#007e7c;background:#e4f8f8}.event-pill.view{color:#c2224f;background:#fff1f5}.create-card{border-color:#d1d9e3;background:#f8fafc}.create-card>span{background:#fff1f5;color:#d82353}.create-card>strong{color:#465669}.create-card>small{color:#7b8a9c}.template-mini.studio-mini{background:#eef8f8;color:#1c2027}.midnight-mini{background:linear-gradient(135deg,#1c2027,#303843);color:#08d9d6}.template-options input:checked+.template-mini{border-color:#ff2e63;box-shadow:0 0 0 3px #fff1f5}.blank-mini{background:#f6f8fa;color:#8e9bad;border-color:#d4dce6}.brand-mark-text{color:#ff2e63}.auth-art{background:#1c2027;color:#fff}.auth-art .brand{color:#fff}.auth-art h1{color:#fff}.auth-art h1 em{color:#08d9d6}.auth-art p,.auth-art .eyebrow{color:#bdc8d5}.auth-art .auth-star{color:#ff2e63}.auth-art>small{color:#95a3b4}.auth-form-wrap .field{color:#516174}.field input{color:#1c2027;border-color:#d8e0e9}.app-main h2,.app-main h3{color:#1c2027}.operations-banner h2{color:#fff}.app-main .purple{color:#d82353}.home-body{background:#f6f7f9}.home-main .home-copy h1{font-family:Inter,Arial,sans-serif;font-weight:700;font-size:50px;letter-spacing:-1.7px}.home-main .home-copy h1 em{color:#d82353}.home-main .home-copy p{color:#697380}.home-main .home-copy .btn{background:#d82353}.home-header .brand-icon{background:#ff2e63}.home-header .brand-dot{color:#ff2e63}.home-header{border-color:#e2e7ee}.home-footer{border-color:#e2e7ee;color:#7c8898}.home-copy .hero-pill{background:#e4f8f8;color:#077b7a;border-color:#c4ece9}.home-showcase .showcase-card{background:#fff;border-color:#fff;color:#1c2027;box-shadow:0 22px 60px #1c20271a}.showcase-card h2{color:#1c2027;font-family:Inter,Arial,sans-serif;font-size:31px;font-weight:700}.showcase-card>div{background:#d82353;color:#fff}.showcase-card>div+div{background:#128c4a;border-color:#128c4a;color:#fff}.home-art-star{color:#08b6b3}.home-link-chip{color:#d82353;border-color:#e2e7ee}.home-showcase .showcase-card>span:last-child{color:#d82353}
.sidebar{height:100vh;height:100dvh;overflow:hidden}.sidebar-scroll{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:18px;scrollbar-width:thin}.sidebar-scroll>*{flex-shrink:0}.sidebar>.profile{flex-shrink:0;margin-top:0;background:#1c2027;padding:16px 0;min-height:65px}.sidebar>.profile>div:nth-child(2){min-width:0}.sidebar>.profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar>.profile form{margin-left:auto;flex-shrink:0}.password-required-panel{width:100%;min-height:100vh}.password-required-panel .brand{margin-bottom:35px}.password-rules{font-size:11px;color:#697380;line-height:1.8;margin:-8px 0 22px}.forced-logout{margin-top:25px;text-align:center}.cf-turnstile{margin:8px 0 20px;min-height:65px}.turnstile-test-note{font-size:10px;color:#8b641a;margin:-10px 0 20px}.settings-callout>small{display:block;margin-top:12px}.showcase-card>.eyebrow{display:block;font-size:6px;margin-top:0}
@media(max-width:1100px){.analytics-grid.three{grid-template-columns:1fr 1fr}.analytics-grid.three>.panel:last-child{grid-column:1/-1}.operations-banner{padding:28px}.operations-flow{width:190px}.operations-banner h2{font-size:27px}}
@media(max-width:800px){.analytics-grid,.analytics-grid.three{grid-template-columns:1fr}.analytics-grid.three>.panel:last-child{grid-column:auto}.operations-flow{display:none}.operations-banner h2{font-size:29px}.interactive-chart{height:270px}.compact-chart{height:235px}.cid-info{padding:18px}.sidebar.open{box-shadow:10px 0 40px #1c202745}}
@media(max-width:560px){.operations-banner{padding:25px 22px}.operations-banner h2{font-size:25px}.operations-banner p{font-size:11px}.operations-banner .btn{font-size:11px}.stat-card{padding:17px}.stat-card>strong{font-size:30px}.stat-top{font-size:10px}.stat-card>small{font-size:9px}.stat-card .stat-icon{width:27px;height:27px}.cid-info{padding:16px 13px;gap:10px}.cid-info p,.cid-info .cid-sensitive,.cid-info code{font-size:10px}.interactive-chart{height:250px}.home-main .home-copy h1{font-size:39px}.analytics-stats{gap:10px}.event-detail>div{min-width:260px}}
