.app{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--sidebar-background);color:var(--sidebar-text-color);padding:1rem;display:flex;flex-direction:column}.sidebar .logo{padding:1rem 0;border-bottom:1px solid var(--accent-color);margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.sidebar .logo .meili-logo{height:32px;margin-bottom:.25rem}.sidebar .logo .linear-data-heading{font-size:1.1rem;font-weight:500;color:#fff;opacity:.85;margin-top:.5rem;margin-bottom:.5rem;letter-spacing:.02em;padding-left:12px;border-left:2.5px solid rgba(255,255,255,.18);padding-bottom:.25rem}.sidebar .nav-links,.sidebar .nav-section{display:flex;flex-direction:column;gap:.25rem}.sidebar .nav-section-title{font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem .125rem;margin-bottom:.125rem}.sidebar .nav-divider{height:1px;background:#fff3;margin:.5rem 0}.sidebar .nav-link{color:var(--sidebar-text-color);text-decoration:none;padding:.5rem;border-radius:4px;transition:background-color .2s}.sidebar .nav-link:hover,.sidebar .nav-link.router-link-active{background-color:var(--accent-color)}.sidebar .user-info{margin-top:auto;padding:1rem;border-top:1px solid #333;display:flex;align-items:center;gap:1rem}.sidebar .user-info .profile-pic{width:32px;height:32px;border-radius:50%}.sidebar .user-info .sign-out-btn{color:var(--sidebar-text-color);background:none;border:1px solid var(--sidebar-text-color);padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s}.sidebar .user-info .sign-out-btn:hover{background:#fff;color:#1a1a1a}.main-content{flex:1;padding:2rem;background-color:#f5f5f5}:root{--primary-color: #5E6AD2;--text-color: #333;--background-color: #f5f5f5;--sidebar-background: linear-gradient(135deg, #5E6AD2 0%, #A259E6 50%, #FF4F8B 100%);--sidebar-text-color: #fff;--card-header-gradient: linear-gradient(90deg, #5E6AD2 0%, #A259E6 100%, #fff 200%);--accent-color: #23213a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--primary-color);text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}