.app{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-background);width:250px;color:var(--sidebar-text-color);flex-direction:column;padding:1rem;display:flex}.sidebar .logo{border-bottom:1px solid var(--accent-color);flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:1rem 0;display:flex}.sidebar .logo .meili-logo{height:32px;margin-bottom:.25rem}.sidebar .logo .linear-data-heading{color:#fff;opacity:.85;letter-spacing:.02em;border-left:2.5px solid #ffffff2e;margin-top:.5rem;margin-bottom:.5rem;padding-bottom:.25rem;padding-left:12px;font-size:1.1rem;font-weight:500}.sidebar .nav-links,.sidebar .nav-section{flex-direction:column;gap:.25rem;display:flex}.sidebar .nav-section-title{color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem;padding:.25rem .5rem .125rem;font-size:.75rem;font-weight:600}.sidebar .nav-divider{background:#fff3;height:1px;margin:.5rem 0}.sidebar .nav-link{color:var(--sidebar-text-color);border-radius:4px;padding:.5rem;text-decoration:none;transition:background-color .2s}.sidebar .nav-link:hover,.sidebar .nav-link.router-link-active{background-color:var(--accent-color)}.sidebar .user-info{border-top:1px solid #333;align-items:center;gap:1rem;margin-top:auto;padding:1rem;display:flex}.sidebar .user-info .profile-pic{border-radius:50%;width:32px;height:32px}.sidebar .user-info .sign-out-btn{color:var(--sidebar-text-color);border:1px solid var(--sidebar-text-color);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem 1rem;transition:all .2s}.sidebar .user-info .sign-out-btn:hover{color:#1a1a1a;background:#fff}.main-content{background-color:#f5f5f5;flex:1;padding:2rem}: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}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--background-color);font-family:Poppins,Segoe UI,Helvetica Neue,Arial,sans-serif;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;background:0 0;border:none;font-family:inherit}
