.modern-header[data-v-4ccb05c0]{position:relative;width:100%;height:60px;background:#fff;color:#2c3e50;display:flex;align-items:center;justify-content:space-between;padding:0 32px;box-shadow:0 1px 4px rgba(0,0,0,.05);position:sticky;top:0;z-index:100;border-bottom:1px solid #f0f0f0}.header-left[data-v-4ccb05c0]{display:flex;align-items:center;gap:24px}.logo[data-v-4ccb05c0]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.logo[data-v-4ccb05c0]:hover{transform:translateY(-2px)}.logo-icon[data-v-4ccb05c0]{font-size:22px;animation:float-data-v-4ccb05c0 3s ease-in-out infinite}@keyframes float-data-v-4ccb05c0{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.logo-text[data-v-4ccb05c0]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-index[data-v-4ccb05c0]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f5f7fa;border-radius:20px;font-size:13px;cursor:pointer;transition:all .3s ease;color:#666}.admin-index[data-v-4ccb05c0]:hover{background:#e8ebf0;color:#667eea}.admin-index i[data-v-4ccb05c0]{font-size:14px}.header-right[data-v-4ccb05c0]{display:flex;align-items:center;gap:24px}.welcome-text[data-v-4ccb05c0]{font-size:14px;color:#888}.admin-name[data-v-4ccb05c0]{font-weight:500;color:#667eea;margin-left:4px}.header-actions[data-v-4ccb05c0]{display:flex;align-items:center}.header-user-con[data-v-4ccb05c0]{position:relative;cursor:pointer}.user-avatar[data-v-4ccb05c0]{border:2px solid #e8ebf0;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.user-avatar[data-v-4ccb05c0]:hover{border-color:#667eea;transform:scale(1.05)}.avatar-placeholder[data-v-4ccb05c0]{font-size:16px}.user-dropdown[data-v-4ccb05c0]{position:absolute;top:calc(100% + 12px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);min-width:160px;overflow:hidden;animation:slideDown-data-v-4ccb05c0 .2s ease;border:1px solid #f0f0f0}@keyframes slideDown-data-v-4ccb05c0{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-4ccb05c0]{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px}.dropdown-item[data-v-4ccb05c0]:hover{background:#f5f7fa;color:#667eea}.dropdown-item i[data-v-4ccb05c0]{font-size:16px}@media (max-width:768px){.modern-header[data-v-4ccb05c0]{padding:0 20px}.logo-text[data-v-4ccb05c0],.welcome-text[data-v-4ccb05c0]{display:none}.header-left[data-v-4ccb05c0]{gap:16px}}.modern-sidebar[data-v-76ac601e]{display:block;position:absolute;left:0;top:60px;bottom:0;width:200px;background:#fafbfc;overflow-y:auto;overflow-x:hidden;border-right:1px solid #f0f0f0}.modern-sidebar[data-v-76ac601e]::-webkit-scrollbar{width:4px}.modern-sidebar[data-v-76ac601e]::-webkit-scrollbar-track{background:transparent}.modern-sidebar[data-v-76ac601e]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.modern-sidebar[data-v-76ac601e]::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.sidebar-el-menu[data-v-76ac601e]{border:none;width:200px;padding:16px 12px}.sidebar-el-menu[data-v-76ac601e]:not(.el-menu--collapse){width:200px}.sidebar-el-menu .el-menu-item[data-v-76ac601e]{border-radius:8px;margin-bottom:6px;transition:all .3s ease;color:#666!important;font-size:14px}.sidebar-el-menu .el-menu-item[data-v-76ac601e]:hover{background:#fff!important;color:#667eea!important;transform:translateX(2px);box-shadow:0 2px 8px rgba(0,0,0,.04)}.sidebar-el-menu .el-menu-item.is-active[data-v-76ac601e]{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 4px 12px rgba(102,126,234,.2)}.sidebar-el-menu .el-menu-item i[data-v-76ac601e]{color:inherit;margin-right:8px;font-size:16px}.sidebar-el-menu .el-submenu[data-v-76ac601e]{margin-bottom:6px}.sidebar-el-menu .el-submenu__title[data-v-76ac601e]{border-radius:8px;transition:all .3s ease;color:#666!important;font-size:14px}.sidebar-el-menu .el-submenu__title[data-v-76ac601e]:hover{background:#fff!important;color:#667eea!important}.sidebar-el-menu .el-submenu__title i[data-v-76ac601e]{color:inherit;margin-right:8px;font-size:16px}.sidebar-el-menu .el-submenu .el-menu[data-v-76ac601e]{background:#fff;border-radius:8px;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.sidebar-el-menu .el-submenu .el-menu-item[data-v-76ac601e]{color:#888!important;padding-left:52px!important;font-size:13px}.sidebar-el-menu .el-submenu .el-menu-item[data-v-76ac601e]:hover{background:#f5f7fa!important;color:#667eea!important}.sidebar-el-menu .el-submenu .el-menu-item.is-active[data-v-76ac601e]{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.content-box[data-v-f474bf60]{position:absolute;left:200px;right:0;top:60px;bottom:0;transition:left .3s ease-in-out;background:#f7f8fa}.content[data-v-f474bf60]{width:auto;height:100%;padding:32px;overflow-y:scroll}.content[data-v-f474bf60]::-webkit-scrollbar{width:6px}.content[data-v-f474bf60]::-webkit-scrollbar-track{background:transparent}.content[data-v-f474bf60]::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.content[data-v-f474bf60]::-webkit-scrollbar-thumb:hover{background:#d0d0d0}