*{margin:0;padding:0;box-sizing:border-box}:root{--color-pink-primary: #F4B7B5;--color-blue-primary: #48688D;--color-blue-accent: #7B9EEB;--color-blue-border: #4D8495;--color-text-dark: #454C5C;--color-text-light: #a1a5ad;--color-bg-pink: #FDEFEF;--color-bg-pink-transparent: rgba(253, 239, 239, .5);--color-white: #ffffff;--font-primary: "Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Noto Serif Display", serif;--radius-button: 24px;--radius-card: 20px;--radius-input: 10px;font-family:Albert Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg-pink-transparent);color:var(--color-text-dark)}#root{min-height:100vh}.dashboard-container{display:flex;height:100vh;background-color:var(--color-bg-pink-transparent)}.sidebar{width:260px;background:var(--color-white);color:var(--color-text-dark);display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;position:fixed;height:100vh;overflow-y:auto;border-right:1px solid rgba(244,183,181,.2)}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(244,183,181,.2);display:flex;flex-direction:column;align-items:center}.sidebar-logo-img{width:140px;height:auto;margin-bottom:12px;object-fit:contain;filter:brightness(0) saturate(100%) invert(28%) sepia(8%) saturate(1106%) hue-rotate(182deg) brightness(95%) contrast(89%)}.sidebar-subtitle{margin:0;font-size:11px;font-family:var(--font-primary);color:var(--color-text-light);text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.sidebar-nav{padding:16px 12px;flex:1}.nav-item{display:flex;align-items:center;padding:14px 16px;margin-bottom:8px;color:var(--color-text-dark);text-decoration:none;border-radius:var(--radius-input);transition:all .2s ease;font-weight:500;font-family:var(--font-primary)}.nav-item:hover{background-color:var(--color-bg-pink);color:var(--color-text-dark);transform:translate(4px)}.nav-item.active{background-color:var(--color-pink-primary);color:var(--color-text-dark);box-shadow:0 4px 12px #f4b7b54d;font-weight:600}.nav-icon{width:24px;height:24px;margin-right:12px;object-fit:contain;filter:brightness(0) saturate(100%) invert(28%) sepia(8%) saturate(1106%) hue-rotate(182deg) brightness(95%) contrast(89%);transition:filter .2s ease}.nav-item.active .nav-icon{filter:brightness(0) saturate(100%) invert(28%) sepia(8%) saturate(1106%) hue-rotate(182deg) brightness(95%) contrast(89%)}.nav-label{font-size:13px;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:2px;font-weight:400}.main-content{flex:1;margin-left:260px;overflow-y:auto;background-color:var(--color-bg-pink-transparent)}.content-wrapper{padding:32px;max-width:1400px;margin:0 auto}@media(max-width:768px){.sidebar{width:200px}.main-content{margin-left:200px}.content-wrapper{padding:20px}}.page{width:100%}.page-header{margin-bottom:32px}.page-header h1{font-size:32px;font-weight:900;font-family:var(--font-primary);color:var(--color-text-dark);margin:0 0 8px;letter-spacing:1.5px}.page-subtitle{font-size:16px;font-family:var(--font-primary);color:var(--color-blue-accent);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--color-white);border-radius:var(--radius-card);padding:24px;display:flex;align-items:center;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(244,183,181,.2)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4b7b533;border-color:var(--color-pink-primary)}.stat-icon{margin-right:16px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-pink);border-radius:var(--radius-input)}.stat-icon img{width:36px;height:36px;object-fit:contain;filter:brightness(0) saturate(100%) invert(28%) sepia(8%) saturate(1106%) hue-rotate(182deg) brightness(95%) contrast(89%)}.stat-content h3{font-size:14px;font-weight:600;font-family:var(--font-primary);color:var(--color-text-light);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:700;font-family:var(--font-primary);color:var(--color-text-dark);margin:0}.content-section{background:var(--color-white);border-radius:var(--radius-card);padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;border:1px solid rgba(244,183,181,.2)}.content-section h2{font-size:20px;font-weight:600;font-family:var(--font-primary);color:var(--color-text-dark);margin:0 0 20px;text-transform:uppercase;letter-spacing:1px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.activity-placeholder,.table-placeholder,.chart-placeholder{padding:60px 20px;text-align:center;color:var(--color-text-light);background:var(--color-bg-pink-transparent);border-radius:var(--radius-input);border:2px dashed var(--color-pink-primary)}.activity-placeholder p,.table-placeholder p,.chart-placeholder p{margin:8px 0 0;font-size:14px;font-family:var(--font-primary);color:var(--color-text-dark)}.activity-placeholder h2,.table-placeholder h2,.chart-placeholder h2{margin:0 0 8px;color:var(--color-text-dark);font-size:18px;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:1px}.btn-primary{background-color:var(--color-pink-primary);color:var(--color-text-dark);font-family:var(--font-primary);font-weight:600;font-size:16px;padding:12px 24px;border-radius:var(--radius-button);border:none;cursor:pointer;transition:all .2s ease;height:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f4b7b54d}.btn-primary:hover{background-color:#ecbdba;transform:translateY(-1px);box-shadow:0 4px 12px #f4b7b566}.btn-secondary{background-color:var(--color-blue-primary);color:var(--color-white);font-family:var(--font-primary);font-weight:600;font-size:16px;padding:12px 24px;border-radius:var(--radius-button);border:none;cursor:pointer;transition:all .2s ease;height:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #48688d4d}.btn-secondary:hover{background-color:var(--color-blue-border);transform:translateY(-1px);box-shadow:0 4px 12px #48688d66}.btn-outline{background-color:var(--color-white);color:var(--color-pink-primary);font-family:var(--font-primary);font-weight:600;font-size:16px;padding:12px 24px;border-radius:var(--radius-button);border:1px solid var(--color-pink-primary);cursor:pointer;transition:all .2s ease;height:48px;display:inline-flex;align-items:center;justify-content:center}.btn-outline:hover{background-color:var(--color-bg-pink);transform:translateY(-1px)}.input{border-color:var(--color-blue-primary);border-width:1px;border-style:solid;border-radius:var(--radius-input);padding:15px;color:var(--color-text-dark);font-family:var(--font-primary);font-size:16px;background-color:var(--color-white);width:100%;transition:all .2s ease}.input:focus{outline:none;border-color:var(--color-blue-border);box-shadow:0 0 0 3px #48688d1a}.input::placeholder{color:#454c5c80}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px}.progress-circle-card{display:flex;flex-direction:column;align-items:center;text-align:center}.progress-circle-wrapper{position:relative;margin-bottom:16px}.progress-circle{transform:rotate(-90deg)}.progress-circle-animated{transition:stroke-dashoffset .6s ease-in-out}.progress-circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-circle-icon{width:42px;height:42px;margin-bottom:8px;filter:brightness(0) saturate(100%) invert(28%) sepia(8%) saturate(1106%) hue-rotate(182deg) brightness(95%) contrast(89%)}.progress-percentage{font-family:var(--font-primary);font-weight:700;font-size:24px;color:var(--color-text-dark);line-height:1}.progress-label{font-family:var(--font-primary);font-weight:600;font-size:15px;color:var(--color-text-dark);margin:0;text-transform:uppercase;letter-spacing:.5px;text-align:center;line-height:1.4}.funnel-section{margin-top:48px;margin-bottom:32px}.funnel-title{font-family:var(--font-primary);font-size:24px;font-weight:700;color:var(--color-text-dark);margin:0 0 24px;text-transform:uppercase;letter-spacing:1.5px}.funnel-list{display:flex;flex-direction:column;gap:20px}.funnel-item{display:flex;flex-direction:column;gap:8px}.funnel-label{font-family:var(--font-primary);font-weight:600;font-size:14px;color:var(--color-text-dark);text-transform:uppercase;letter-spacing:.5px}.funnel-progress-wrapper{display:flex;align-items:center;gap:16px}.funnel-progress-bar{flex:1;height:12px;background-color:var(--color-bg-pink);border-radius:6px;overflow:hidden;position:relative}.funnel-progress-fill{height:100%;border-radius:6px;transition:width .6s ease-in-out}.funnel-percentage{font-family:var(--font-primary);font-weight:700;font-size:16px;color:var(--color-text-dark);min-width:50px;text-align:right}.line-graph-container{margin-top:48px;margin-bottom:32px}.graph-title{font-family:var(--font-primary);font-size:24px;font-weight:700;color:var(--color-text-dark);margin:0 0 24px;text-transform:uppercase;letter-spacing:1.5px}.graph-wrapper{background:var(--color-white);border-radius:var(--radius-card);padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(244,183,181,.2);overflow-x:auto}.line-graph{display:block;margin:0 auto}.graph-line{transition:stroke-dasharray .3s ease}.graph-point{cursor:pointer;transition:r .2s ease}.graph-point:hover{r:7}.graph-axis-label{font-family:var(--font-primary);font-size:12px;fill:var(--color-text-light);font-weight:500}@media(max-width:900px){.graph-wrapper{padding:16px}.line-graph{width:100%;height:auto}}.activation-emails-section{margin-top:48px;margin-bottom:32px}.emails-section-title{font-family:var(--font-primary);font-size:24px;font-weight:900;color:var(--color-text-dark);margin:0 0 24px;text-transform:uppercase;letter-spacing:1.5px}.emails-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.email-card{background:var(--color-white);border-radius:var(--radius-card);padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(244,183,181,.2);transition:transform .2s ease,box-shadow .2s ease}.email-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4b7b533;border-color:var(--color-pink-primary)}.email-card-title{font-family:var(--font-primary);font-size:16px;font-weight:400;color:var(--color-text-dark);margin:0 0 20px;text-transform:uppercase;letter-spacing:2px;padding-bottom:16px;border-bottom:2px solid var(--color-bg-pink)}.email-metrics{display:flex;flex-direction:column;gap:16px}.email-metric{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.metric-label{font-family:var(--font-primary);font-weight:600;font-size:13px;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-family:var(--font-primary);font-weight:700;font-size:20px;color:var(--color-text-dark)}@media(max-width:768px){.emails-grid{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.progress-grid{grid-template-columns:repeat(3,1fr);gap:20px}.page-header h1{font-size:24px}.content-wrapper{padding:20px}}@media(max-width:600px){.progress-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:480px){.progress-grid{grid-template-columns:1fr}}