@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap";
:root{--doodaa-teal:#2f8f95;--soft-teal:#7fc6c8;--accent-yellow:#ffb31a;--warm-white:#faf7f2;--charcoal:#2b2b2b;--light-gray:#e6e6e6;--bg-color:var(--warm-white);--text-color:var(--charcoal);--font-family:"Nunito", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fff9;border-radius:28px;box-shadow:0 10px 40px #2b2b2b0f}.btn-primary{background-color:var(--doodaa-teal);color:#fff;border-radius:99px;padding:14px 28px;font-size:16px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #2f8f954d}.btn-primary:hover{background-color:#26757a;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 24px #2f8f9566}.btn-secondary{color:var(--doodaa-teal);border:2px solid var(--doodaa-teal);background-color:#fff;border-radius:99px;padding:12px 26px;font-size:16px;font-weight:800;transition:all .2s}.btn-secondary:hover{background-color:var(--light-gray)}.app-container{background:linear-gradient(135deg, var(--warm-white) 0%, #eae4d9 100%);gap:24px;height:100vh;padding:24px;display:flex}.sidebar{flex-direction:column;width:280px;padding:30px;display:flex}.logo-container{text-align:center;margin-top:-35px;margin-bottom:40px}.nav-menu{flex-direction:column;gap:12px;display:flex}.nav-item{color:var(--charcoal);border-radius:18px;padding:16px 20px;font-size:16px;font-weight:700;transition:all .2s}.nav-item:hover{color:var(--doodaa-teal);background-color:#7fc6c833;transform:translate(5px)}.nav-item.active{background-color:var(--doodaa-teal);color:#fff;box-shadow:0 6px 16px #2f8f9559}.nav-item.active:hover{color:#fff;transform:none}.main-content{border-radius:28px;flex:1;overflow-y:auto}.dashboard-container{flex-direction:column;gap:30px;height:100%;display:flex}.dashboard-header{justify-content:space-between;align-items:center;padding:40px;display:flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.stat-card{flex-direction:column;justify-content:center;padding:35px;transition:transform .3s;display:flex}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:var(--doodaa-teal);margin-bottom:8px;font-size:48px;font-weight:800;line-height:1}.stat-card p{color:var(--charcoal);opacity:.7;font-size:16px;font-weight:700}.preview-svg-container{overflow:hidden}.preview-svg-container svg{object-fit:contain;width:100%;height:100%;max-height:100%;display:block}