.dashboard[data-v-079ba3f8] { height: 100vh; } .header[data-v-079ba3f8] { display: flex; justify-content: space-between; align-items: center; background: #fff; border-bottom: 1px solid #e6e6e6; padding: 0 20px; } .header-left h1[data-v-079ba3f8] { margin: 0; color: #333; font-size: 20px; font-weight: 600; } .header-right[data-v-079ba3f8] { display: flex; align-items: center; } .user-info[data-v-079ba3f8] { display: flex; align-items: center; gap: 8px; cursor: pointer; padding: 8px; border-radius: 4px; transition: background-color 0.3s; } .user-info[data-v-079ba3f8]:hover { background-color: #f5f5f5; } .username[data-v-079ba3f8] { font-size: 14px; color: #333; } .sidebar[data-v-079ba3f8] { background: #fff; border-right: 1px solid #e6e6e6; } .sidebar-menu[data-v-079ba3f8] { border-right: none; } .main-content[data-v-079ba3f8] { background: #f5f5f5; padding: 20px; } .welcome-section[data-v-079ba3f8] { margin-bottom: 24px; padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .welcome-section h2[data-v-079ba3f8] { margin: 0 0 8px 0; color: #333; font-size: 24px; font-weight: 600; } .welcome-section p[data-v-079ba3f8] { margin: 4px 0; color: #666; font-size: 14px; } .feature-grid[data-v-079ba3f8] { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; margin-bottom: 24px; } .feature-card[data-v-079ba3f8] { cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; } .feature-card[data-v-079ba3f8]:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .feature-content[data-v-079ba3f8] { text-align: center; padding: 20px; } .feature-content h3[data-v-079ba3f8] { margin: 16px 0 8px 0; color: #333; font-size: 18px; font-weight: 600; } .feature-content p[data-v-079ba3f8] { margin: 0; color: #666; font-size: 14px; } .info-card[data-v-079ba3f8] { margin-bottom: 24px; } .info-content p[data-v-079ba3f8] { margin: 8px 0; color: #333; } .info-content h4[data-v-079ba3f8] { margin: 16px 0 8px 0; color: #333; } .info-content ul[data-v-079ba3f8] { margin: 8px 0; padding-left: 20px; } .info-content li[data-v-079ba3f8] { margin: 4px 0; color: #666; }