body{background-color:#fbf6f0;margin:0;padding:0;height:100vh}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;min-height:100vh;width:100%}.about,.home{border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.home-container[data-v-683c2eda]{display:flex;width:100vw;height:100vh;overflow:hidden}.sidebar[data-v-683c2eda]{width:220px;background-color:#2c3e50;color:#fff;display:flex;flex-direction:column}.sidebar-header[data-v-683c2eda]{padding:20px;border-bottom:1px solid #34495e}.sidebar-header h2[data-v-683c2eda]{margin:0;font-size:18px}.sidebar-nav[data-v-683c2eda]{flex:1;padding:20px 0}.sidebar-nav ul[data-v-683c2eda]{list-style:none;padding:0;margin:0}.nav-item[data-v-683c2eda]{margin:0}.nav-item a[data-v-683c2eda]{display:block;padding:12px 20px;color:#ecf0f1;text-decoration:none;transition:background-color .3s}.nav-item a[data-v-683c2eda]:hover{background-color:#34495e}.nav-item.active a[data-v-683c2eda]{background-color:#3498db;border-left:4px solid #3498db}.nav-item.dropdown[data-v-683c2eda]{position:relative}.dropdown-toggle[data-v-683c2eda]{display:flex;justify-content:space-between;align-items:center}.dropdown-icon[data-v-683c2eda]{font-size:12px;transition:transform .3s}.nav-item.dropdown:hover .dropdown-icon[data-v-683c2eda]{transform:rotate(180deg)}.dropdown-menu[data-v-683c2eda]{position:static;width:100%;background-color:#34495e;border-radius:0 0 4px 4px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000;overflow:hidden;margin-top:2px}.dropdown-menu .nav-item[data-v-683c2eda]{margin:0}.dropdown-menu .nav-item a[data-v-683c2eda]{padding-left:30px;border-left:none;font-size:14px;color:#e0e0e0}.dropdown-menu .nav-item a[data-v-683c2eda]:hover{background-color:#2c3e50;border-left:none;color:#fff}.dropdown-menu .nav-item.active a[data-v-683c2eda]{background-color:#3498db;color:#fff}.sidebar-footer[data-v-683c2eda]{padding:20px;border-top:1px solid #34495e}.logout-button[data-v-683c2eda]{width:100%;padding:10px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.logout-button[data-v-683c2eda]:hover{background-color:#c0392b}.main-content[data-v-683c2eda]{flex:1;background-color:#fbf6f0;display:flex;flex-direction:column;overflow-y:auto}.content-header[data-v-683c2eda]{padding:20px;background-color:#fff;border-bottom:1px solid #e4e7ed;display:flex;justify-content:space-between;align-items:center}.content-header h1[data-v-683c2eda]{margin:0;font-size:20px;color:#303133}.user-info[data-v-683c2eda]{font-size:14px;color:#606266}.content-body[data-v-683c2eda]{flex:1;padding:20px}.welcome-section[data-v-683c2eda]{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-bottom:20px}.welcome-section h2[data-v-683c2eda]{margin-top:0;color:#303133}.welcome-section p[data-v-683c2eda]{color:#606266;line-height:1.5}.stats-section[data-v-683c2eda]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card[data-v-683c2eda]{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:center;transition:transform .3s,box-shadow .3s}.stat-card[data-v-683c2eda]:hover{transform:translateY(-5px);box-shadow:0 4px 16px 0 rgba(0,0,0,.15)}.stat-card h3[data-v-683c2eda]{margin-top:0;font-size:14px;color:#606266}.stat-value[data-v-683c2eda]{font-size:24px;font-weight:700;color:#e67e50;margin:10px 0 0 0}.action-button[data-v-683c2eda]{padding:10px 20px;background-color:#e67e50;color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s}.action-button[data-v-683c2eda]:hover{background-color:#f39c12}.action-button[data-v-683c2eda]:active{background-color:#d35400}.error-message[data-v-683c2eda]{margin-top:20px;padding:15px;background-color:#fef0f0;border:1px solid #fbc4c4;border-radius:8px;color:#f56c6c;font-size:14px;text-align:center}@media (max-width:768px){.sidebar[data-v-683c2eda]{width:180px}.sidebar-header h2[data-v-683c2eda]{font-size:16px}.nav-item a[data-v-683c2eda]{padding:10px 16px;font-size:14px}.stats-section[data-v-683c2eda]{grid-template-columns:repeat(2,1fr)}}