:root{--nova-primary: #FF6B6B;--nova-accent: #4ECDC4;--nova-warm: #FFE66D;--nova-alert: #FF4757;--nova-success: #2ED573;--nova-gradient-main: linear-gradient(135deg, #FF6B6B 0%, #8e44ad 100%);--nova-gradient-warm: linear-gradient(135deg, #FF9F43 0%, #ff6b6b 100%);--nova-bg: #F7F9FC;--nova-surface: #ffffff;--nova-text-main: #2d3436;--nova-text-sub: #636e72;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--radius-round: 9999px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--shadow-sm: 0 4px 6px rgba(0,0,0,.04);--shadow-pop: 0 10px 25px rgba(255, 107, 107, .25);--transition-smooth: all .25s cubic-bezier(.25, .46, .45, .94)}body{margin:0;font-family:DM Sans,Inter,system-ui,-apple-system,sans-serif;background-color:var(--nova-bg);color:var(--nova-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;letter-spacing:-.02em;color:var(--nova-text-main)}button{cursor:pointer;border:none;font-family:inherit;transition:var(--transition-smooth)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b2bec3;border-radius:var(--radius-round);border:2px solid var(--nova-bg)}::-webkit-scrollbar-thumb:hover{background:var(--nova-primary)}.bubble-btn{border:none;font-family:inherit;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:var(--transition-smooth);position:relative;display:inline-flex;align-items:center;justify-content:center;color:#fff;gap:8px;box-shadow:var(--shadow-sm)}.bubble-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-float);filter:brightness(1.1)}.bubble-btn:active{transform:translateY(0)}.bubble-btn--sm{padding:6px 16px;font-size:.85rem;border-radius:var(--radius-sm)}.bubble-btn--md{padding:10px 24px;font-size:1rem;border-radius:var(--radius-md)}.bubble-btn--lg{padding:16px 36px;font-size:1.25rem;border-radius:var(--radius-lg)}.bubble-btn--primary{background:var(--nova-gradient-main)}.bubble-btn--secondary{background:#fff;color:var(--nova-text-main);border:2px solid #dfe6e9;box-shadow:none}.bubble-btn--secondary:hover{border-color:var(--nova-primary);color:var(--nova-primary)}.bubble-btn--danger{background:var(--nova-alert)}.bubble-btn--accent{background:var(--nova-gradient-warm);color:#fff}.bubble-btn--success{background:linear-gradient(135deg,#00b894,#55efc4);color:#fff;box-shadow:0 4px 15px #00b8944d}.treehouse-container{min-height:100vh;background-color:#f0f2f5;display:flex;font-family:inherit}.treehouse-sidebar{width:280px;background:#fff;padding:30px 24px;display:flex;flex-direction:column;border-right:1px solid #f0f2f5;position:sticky;top:0;height:100vh;box-shadow:4px 0 24px #00000005}.logo-badge{font-size:1.8rem;background:var(--nova-gradient-main);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;margin-bottom:40px;padding-left:10px}.nav-leaf{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;font-weight:600;font-size:1rem;color:#636e72;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .2s ease}.nav-leaf:hover{background:#f1f2f6;color:var(--nova-primary);transform:translate(5px)}.nav-leaf.active{background:var(--nova-gradient-main);color:#fff;box-shadow:0 4px 15px #6c5ce74d}.user-profile-widget{margin-top:auto;display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border:1px solid #f0f2f5;border-radius:20px;font-weight:600;transition:all .2s ease}.user-profile-widget:hover{background:#fff;box-shadow:0 4px 15px #0000000d;transform:translateY(-2px)}.treehouse-trunk{flex:1;max-width:1200px;margin:0 auto;padding:40px 30px;display:flex;gap:40px}.tree-hollow{flex:2}.branch-extras{flex:1;display:flex;flex-direction:column;gap:25px}.widget-box{background:#fff;padding:24px;border-radius:24px;box-shadow:0 4px 20px #00000008;border:1px solid #f0f2f5;transition:box-shadow .3s ease}.widget-box:hover{box-shadow:0 8px 30px #0000000f}.widget-title{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--nova-text-sub);margin-bottom:15px}@media(max-width:900px){.treehouse-container{flex-direction:column}.treehouse-sidebar{width:100%;height:auto;position:relative;flex-direction:row;align-items:center;justify-content:space-between;padding:15px 20px}.logo-badge{margin:0}.user-profile-widget{margin:0;background:none}.branch-extras{display:none}}